:root{--navy:#252e35;--navy-active:#333b41;--blue:#04727b;--blue-dark:#08565e;--blue-soft:#e3f8f8;--cyan:#02e6e9;--teal:#09cdbf;--orange:#e39a33;--green:#4caf6e;--red:#d9534f;--gray-bg:#f4f7f8;--gray-border:#e2e8ea;--gray-text:#5e6a72;--text:#252e35;--sidebar-w:250px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--gray-bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--navy);color:#c9d1d6;flex-shrink:0;padding:16px 0 24px;overflow-y:auto}.sidebar .logo{padding:8px 20px 20px;font-weight:700;font-size:20px;color:#fff;display:flex;align-items:center;gap:10px}.login-card .logo img,.sidebar .logo img{height:30px;width:auto;display:block}.logo .product-suffix{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);padding-top:3px}.login-card .logo .product-suffix{color:var(--blue)}.sidebar .logo span{color:var(--cyan)}.sidebar .section-label{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.05em;color:#8a979f;padding:16px 20px 6px}.sidebar .nav-item,.sidebar a.nav-item{display:flex;align-items:center;gap:10px;padding:9px 20px;color:#c9d1d6;font-size:14px;cursor:pointer}.sidebar a.nav-item:hover{background:var(--navy-active);text-decoration:none}.sidebar a.nav-item.active{background:#3f484f;color:#fff;font-weight:600;box-shadow:inset 3px 0 0 var(--cyan)}.sidebar .nav-item.active .icon{color:var(--cyan)}.sidebar .nav-item .icon{flex-shrink:0;opacity:.8}.sidebar .nav-item.active .icon{opacity:1}.topbar{height:60px;background:#fff;border-bottom:1px solid var(--gray-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.topbar .site-pill{border:1px solid var(--gray-border);padding:6px 14px;font-size:14px;font-weight:600;gap:8px}.avatar,.topbar .site-pill{background:var(--gray-bg);border-radius:8px;display:flex;align-items:center}.avatar{width:36px;height:36px;border:1px solid var(--gray-border);justify-content:center;flex-shrink:0}.user-menu{display:flex;align-items:center;gap:10px}.user-menu-details{display:none}.user-menu-name{font-size:13px;font-weight:700}.user-menu-role{font-size:11px;text-transform:uppercase;letter-spacing:.03em}@media (min-width:640px){.user-menu-details{display:block}}.main{flex:1 1;min-width:0}.content{padding:20px 28px 60px}.breadcrumb{padding:14px 28px;border-bottom:1px solid var(--gray-border);background:#fff;font-size:14px}.breadcrumb .current{color:var(--gray-text)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin:20px 0 16px;gap:16px;flex-wrap:wrap}.page-header h1{font-size:28px;margin:0;font-weight:800}.page-actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer}.btn,.btn:hover{text-decoration:none}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark)}.btn-warn{background:var(--orange);color:#fff}.btn-success{background:var(--green);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-outline{background:#fff;border:1px solid var(--gray-border);color:var(--text)}.btn-sm{padding:6px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:#fff;border:1px solid var(--gray-border);border-radius:12px;padding:20px}.card,.kpi-row{margin-bottom:16px}.kpi-row{display:flex;gap:14px;flex-wrap:wrap}.kpi-card{background:#fff;border:1px solid var(--gray-border);border-radius:12px;padding:16px 20px;min-width:150px;flex:1 1}.kpi-card .value{font-size:22px;font-weight:800}.kpi-card .value.negative{color:var(--red)}.kpi-card .value.positive{color:var(--green)}.kpi-card .label{text-transform:uppercase;font-size:11px;color:var(--gray-text);font-weight:700;margin-top:4px;letter-spacing:.04em}table{width:100%;border-collapse:collapse;background:#fff}.table-card{background:#fff;border:1px solid var(--gray-border);border-radius:12px;overflow:hidden}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--blue);font-weight:700;border-bottom:1px solid var(--gray-border);background:#fafbfd}td,th{padding:12px 16px}td{border-bottom:1px solid #f0f1f4;font-size:14px;vertical-align:middle}tr:last-child td{border-bottom:none}tr.group-row td{background:var(--gray-bg);font-weight:700;color:var(--gray-text);font-size:12px;text-transform:uppercase;padding:8px 16px}tr:hover td{background:#fafbfd}.badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase}.badge-blue{background:var(--blue-soft);color:var(--blue-dark)}.badge-green{background:#dcf3e4;color:#2c8a4e}.badge-orange{background:#fbe9d0;color:#b06e14}.badge-gray{background:#eceef2;color:var(--gray-text)}.badge-red{background:#fbdede;color:var(--red)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:13px;font-weight:600;color:var(--gray-text)}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--gray-border);border-radius:8px;padding:9px 12px;font-size:14px;font-family:inherit}.form-field.full{grid-column:1/-1}.empty-state{text-align:center;padding:60px 20px;color:var(--gray-text)}.line-items-table input{width:90px;padding:6px 8px;border:1px solid var(--gray-border);border-radius:6px}.tabs{display:flex;border-bottom:1px solid var(--gray-border);margin-bottom:16px;gap:4px}.tabs a{padding:10px 18px;font-size:14px;font-weight:600;color:var(--gray-text);border-bottom:2px solid transparent}.tabs a.active{color:var(--blue);border-bottom-color:var(--blue)}.muted{color:var(--gray-text)}.mono{font-family:ui-monospace,SFMono-Regular,monospace}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gray-bg);padding:20px}.login-card{width:100%;max-width:360px}.menu-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--gray-border);background:#fff;cursor:pointer;font-size:18px;color:var(--text)}.sidebar-overlay{display:none}@media (max-width:900px){.app-shell{display:block}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:50;transform:translateX(-100%);transition:transform .2s ease}.sidebar.open{transform:translateX(0);box-shadow:6px 0 24px rgba(0,0,0,.25)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(37,46,53,.45);z-index:40}.sidebar-overlay.open{display:block}.menu-toggle{display:inline-flex}.main{width:100%}}@media (max-width:768px){body,html{overflow-x:hidden}.form-grid{grid-template-columns:1fr}.content{padding:12px 16px 60px}.breadcrumb{padding:12px 16px;white-space:nowrap;overflow-x:auto}.topbar{padding:0 16px;gap:10px}.topbar .site-pill{max-width:46vw;overflow:hidden;text-overflow:ellipsis}.user-menu .btn{padding:8px 10px}.page-header{margin:14px 0 12px}.page-header h1{font-size:22px}.page-actions{flex-wrap:wrap}.card,.table-card{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:640px}table.fit-mobile{min-width:0}td,th{padding:10px}.kpi-row{gap:10px}.kpi-card{min-width:calc(50% - 5px);padding:12px 14px}.kpi-card .value{font-size:18px}.card{padding:14px}.btn{min-height:44px;padding:10px 16px}.btn-sm{min-height:38px;padding:8px 12px}input,select,textarea{font-size:16px}.form-field input,.form-field select,.form-field textarea{padding:11px 12px;font-size:16px}.card input,.card select,table input,table select{font-size:16px}.line-items-table input,table input[type=number]{min-height:40px;min-width:76px}.menu-toggle{width:44px;height:44px}.sidebar a.nav-item{padding:12px 20px}}