:root{--green:#173b69;--green-soft:#edf2f8;--nav:#173b69;--bg:#f5f6f8;--ink:#172d49;--border:#e3e7ed}
.sidebar{border-top:6px solid #ffcd32}.brand-mark{color:#153963;background:#ffcd32;border-radius:9px;padding:8px 10px;font-size:28px;letter-spacing:-2px}.brand-mark span{color:#d12e35}.brand>span:last-child{font-size:13px;line-height:1.4;letter-spacing:0}.brand small{font-size:9px;letter-spacing:.4px;color:#65768a}.company-logo,.user-avatar{background:#fff4cf;color:#153963}.nav-item.active{background:#fff3cb;color:#153963;box-shadow:inset 3px 0 #e5ac16}.btn.primary{background:#173b69;border-color:#173b69}.btn.primary:hover{background:#244f84}.topbar{border-top:3px solid #ffcd32}.company-switch{background:#f7f8fb}.status-dot{background:#d5a221}.sidebar-footer{color:#173b69}.tgi-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#173b69;border-radius:14px;margin-bottom:25px;overflow:hidden;color:white;min-height:160px}.tgi-banner-copy{padding:25px 30px}.tgi-banner small{color:#ffda6b;letter-spacing:2px;font-size:10px}.tgi-banner h2{font-size:24px;margin:8px 0;color:white}.tgi-banner p{color:#d3dfec;margin:0}.tgi-banner img{width:270px;height:170px;object-fit:cover}.login-story{background:#142f53;padding:45px 55px;gap:28px}.login-story:after{display:none}.login-story h1{font-size:43px;max-width:520px}.login-story p{color:#d1deec;max-width:500px;margin-top:15px}.login-brand .brand-mark{color:#173b69}.login-brand small{color:#f5cf64}.login-paint-art{display:block;width:100%;max-height:310px;object-fit:cover;border-radius:12px;border-bottom:5px solid #ffcd32}.login-story .eyebrow{color:#ffda6b!important}.login-story>small{color:#d3deec!important}.login-form .subtitle{color:#67788b}.login-form h1{color:#153963}.terminal-top{border-top:4px solid #ffcd32}.terminal-date,.terminal-history{background:#173b69}.terminal-filters select{background:#173b69;border-bottom:4px solid #ffcd32}.terminal-tool{color:#173b69}.terminal-cashier:before{content:'TGI';background:#ffcd32;color:#173b69;padding:7px;border-radius:6px;font-weight:900}.terminal-dialog .pos-pay{background:#173b69;border-color:#173b69}.terminal-modal-total{background:#fff4d0;color:#173b69}.pos-terminal .pos-price,.pos-edit-item{color:#173b69}.pos-terminal .pos-product:hover:not(:disabled){border-color:#e5b229;background:#fffcf2}.pos-terminal .pos-product-symbol{background:#fff3ca;color:#173b69}.pos-terminal .pos-quantity button{color:#173b69;background:#edf2f8}.pos-customer-option:hover,.pos-customer-option[aria-selected=true]{background:#fff3cf;color:#173b69}.terminal-pay-option span{color:#173b69}.terminal-total strong{color:#173b69}.terminal-cash{background:#173b69;border-bottom:4px solid #ffcd32!important}.pos-terminal .pos-product-add{color:#b5881c}
@media(max-width:900px){.login-story{padding:30px}.login-story h1{font-size:34px}.tgi-banner img{width:170px}.tgi-banner h2{font-size:20px}}
@media(max-width:540px){.tgi-banner-copy{padding:20px}.tgi-banner img{width:100px;height:190px}.tgi-banner h2{font-size:18px}.tgi-banner p{font-size:12px}}
@media print{.tgi-banner{display:none}.brand-mark{background:none;color:#172d49}.topbar{border:0}}
:root{--tgi-navy:#173b69;--tgi-yellow:#ffcd32;--tgi-red:#c32c3b;--tgi-blue-soft:#edf2f8;--tgi-yellow-soft:#fff4d0}.bar,.legend-dot{background:var(--tgi-navy)}.bar.light,.legend-dot.light{background:var(--tgi-yellow)}.bar.light{border:1px solid #c49716}.metric-icon{background:var(--tgi-blue-soft);color:var(--tgi-navy)}.metric-icon.blue{background:var(--tgi-navy);color:white}.metric-icon.amber{background:var(--tgi-yellow);color:var(--tgi-navy)}.metric-icon.purple{background:#fcecef;color:var(--tgi-red)}.badge.draft{background:var(--tgi-yellow-soft);color:#795b0d}.badge.posted,.badge.completed,.badge.paid{background:var(--tgi-blue-soft);color:var(--tgi-navy)}.badge.cancelled,.badge.overdue,.badge.voided{background:#fcecef;color:var(--tgi-red)}.list-avatar{background:var(--tgi-yellow-soft);color:var(--tgi-navy)}.quick-hint{background:var(--tgi-yellow-soft);color:#795b0d;border-color:#efd58a}input[type=checkbox],input[type=radio]{accent-color:var(--tgi-navy)}.btn.danger{color:var(--tgi-red);border-color:#ecc8ce}.pos-change{background:var(--tgi-blue-soft);color:var(--tgi-navy)}.pos-change.short{background:#fcecef;color:var(--tgi-red)}::selection{background:#ffe79b;color:#173b69}
.tgi-logo{width:64px;height:64px;object-fit:contain;flex-shrink:0}.sidebar .brand{gap:9px;padding-left:0;padding-right:0}.sidebar .brand>span:last-child{font-size:12px}.login-brand .tgi-logo{width:80px;height:80px;background:#fff;border-radius:10px;padding:3px}.tgi-pos-logo{width:48px;height:48px;object-fit:contain;flex-shrink:0}.terminal-cashier:before{content:none}.tgi-receipt-logo{object-fit:contain;display:block;margin:0 auto 10px}@media print{.tgi-receipt-logo{width:18mm;height:18mm}.tgi-logo{width:18mm;height:18mm}}
.sidebar{background:var(--tgi-navy);border-right:1px solid #102f56;border-top-color:var(--tgi-yellow)}.sidebar .brand,.sidebar .brand small{color:#fff}.sidebar .tgi-logo{background:white;border-radius:8px;padding:3px}.sidebar .company-switch{background:#244b78;border-color:#3b6089}.sidebar .company-switch strong{color:#fff}.sidebar .company-switch small{color:#d6e2ef}.sidebar .company-logo{background:var(--tgi-yellow);color:var(--tgi-navy)}.sidebar .nav-label{color:#ffda6b}.sidebar .nav-item{color:#e2eaf4}.sidebar .nav-item:hover{background:#28517f;color:white}.sidebar .nav-item.active{background:var(--tgi-yellow);color:#102f56;box-shadow:inset 3px 0 #fff0ac}.sidebar .nav-item.active i{background:#102f56}.sidebar .sidebar-footer{color:#e2eaf4;border-top:1px solid #36577d}.sidebar .sidebar-footer small{color:#cbd9e9}.sidebar .status-dot{background:var(--tgi-yellow)}
@media screen{:root{--tgi-header-stripe:3px}.sidebar,.topbar,.terminal-top{border-top-width:var(--tgi-header-stripe)}.topbar{position:sticky;top:0;z-index:25;background:#fff;box-shadow:0 3px 12px #173b690d}.terminal-top{position:sticky;top:0;z-index:15;background:#fff}}

.login-story{isolation:isolate}.login-story>div,.login-story>small{position:relative;z-index:1}.login-story .login-storefront-art{position:absolute;z-index:0;right:-4%;bottom:0;display:block;width:94%;height:94%;object-fit:contain;object-position:right bottom;opacity:.60;pointer-events:none;user-select:none;mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 90%,transparent 100%)}

.login-form{min-width:0}.login-form-inner{width:100%;max-width:350px;min-width:0}