body.admin-app{--ink:#d9e6fb;--muted:#8ca4c7;--green:#08bca7;background:#03152d;color:var(--ink);font-family:Arial,sans-serif;margin:0}.admin-app *{box-sizing:border-box}.admin-app [hidden]{display:none!important}.admin-app a{color:#a9c9fa}.admin-app button,.admin-app input,.admin-app select,.admin-app textarea{font:inherit}.admin-app button{cursor:pointer;background:#0b2648;border:1px solid #294566;color:#cddffc;padding:11px 16px;border-radius:9px}.admin-app button:hover{border-color:#08bca7;background:#103454}.admin-app .primary{background:#04b7a4;color:#002d32;border-color:#04b7a4;font-weight:bold}.admin-app input,.admin-app select,.admin-app textarea{background:#071d38;border:1px solid #2a466c;border-radius:8px;padding:12px;color:#e4efff;width:100%;outline:none}.admin-app input:focus,.admin-app select:focus,.admin-app textarea:focus{border-color:#0bd4ba}.admin-app label{color:#a9c1e3;display:grid;gap:8px}.admin-app .admin-form{max-width:900px;display:grid;gap:20px}.admin-app .inline{display:flex;align-items:center}.admin-app .inline input{width:auto}.sidebar{position:fixed;width:246px;inset:0 auto 0 0;background:#04101f;border-right:1px solid #173152;padding:26px 20px;display:flex;flex-direction:column;z-index:2}.admin-brand{display:flex;gap:13px;align-items:center;text-decoration:none}.admin-brand img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:12px}.admin-brand span{font-size:23px;font-weight:bold;color:#d9e6fb}.admin-brand small{display:block;font-size:10px;color:#819bbd;letter-spacing:1px;margin-top:8px}.nav-caption{font-size:12px;color:#59789f;margin:42px 12px 18px}.sidebar nav{display:grid;gap:9px}.sidebar nav button{border-color:transparent;background:none;text-align:left;display:flex;align-items:center;gap:15px;padding:16px;font-size:18px}.sidebar nav button span{font-size:15px}.sidebar nav button.active{background:#082345;border:1px solid #22476a;color:#10d5b9}.sidebar-bottom{margin-top:auto;display:grid;gap:18px;border-top:1px solid #1b3553;padding-top:24px}.sidebar-bottom a{text-decoration:none;padding-left:12px}.sidebar-bottom small{font-size:10px;color:#607ea3}.workspace{margin-left:246px;padding:30px 32px;max-width:1900px}.workspace-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.eyebrow{font-size:10px;color:#6e92be;letter-spacing:2px}.workspace-top h1{font-size:30px;margin:9px 0 0}.top-actions{display:flex;gap:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:20px 0}.panel,.metric{background:#04101f;border:1px solid #102d4e;border-radius:13px;padding:24px;box-shadow:0 8px 24px #0002}.metric .metric-icon{display:inline-flex;background:#0a304a;color:#0ee1bb;border-radius:9px;padding:10px;margin-bottom:18px;font-size:20px}.metric strong{display:block;font-size:31px;margin:7px 0}.metric p,.muted{color:#8fa6c6;font-size:13px}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.panel h2{font-size:20px;margin:0 0 16px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading select{width:auto}.chart{width:100%;height:240px;overflow:visible}.chart text{fill:#8fa9cc;font-size:11px}.chart .gridline{stroke:#203958;stroke-dasharray:4 5}.chart rect{fill:#85b5f9}.chart rect:hover{fill:#00d5b8}.report-value{font-size:32px;color:#accdfd;display:block;margin:18px 0}.report-note{font-size:12px;color:#8ca4c7;line-height:1.9}.summary-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #143252;padding:16px 0}.summary-row strong{color:#09d9b4}.recent-panel{margin-top:20px}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:left;font-weight:normal;color:#7b99c0;font-size:12px;padding:14px 12px;border-bottom:1px solid #254260}.data-table td{padding:16px 12px;border-bottom:1px solid #112d4b;vertical-align:middle}.data-table tr:hover td{background:#09203a}.product-cell{display:flex;align-items:center;gap:14px;min-width:220px}.product-cell img{height:54px;width:54px;object-fit:contain;background:white;border-radius:8px;padding:3px}.product-cell small{display:block;color:#698bb9;font-size:11px;margin-top:6px}.badge{display:inline-block;border-radius:5px;background:#0b363c;color:#5ae1ba;padding:6px 9px;font-size:11px;white-space:nowrap}.badge.hold{background:#392d19;color:#e6c081}.toolbar{display:flex;gap:12px;margin-bottom:20px}.toolbar input{flex:1}.toolbar select{max-width:180px}.table-scroll{overflow:auto}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:20px;color:#8fa9cc;font-size:12px}.empty{padding:45px 20px;text-align:center;color:#8fa9cc}.empty strong{display:block;color:#c4d8f7;font-size:18px;margin:12px}.order-card{background:#04101f;border:1px solid #193756;border-radius:12px;padding:24px;margin:16px 0}.order-card h3{margin-top:0;color:#9bc5ff}.order-card select{display:inline-block;width:220px;margin-right:10px}.order-card p{line-height:1.8;color:#acc1df}.variant-edit{border:1px solid #234468;background:#071b32;padding:18px;border-radius:9px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}.admin-app .text-link{color:#27d6b8}.admin-footer{font-size:11px;color:#506f95;margin-top:28px}.login-panel{max-width:460px;margin:8vh auto;padding:35px;background:#04101f;border:1px solid #183e65;border-radius:16px}.login-panel h1{margin-top:36px}.login-panel p{color:#819abb}.login-panel form{margin:26px 0}.admin-app .error{background:#441e31;color:#ffb8cc;border:1px solid #8f3552;padding:14px;border-radius:8px}.offer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.offer-grid .panel p{color:#97aecb}.offer-code{font-family:monospace;font-size:20px;color:#04d6b4}.admin-app .notice{background:#0a2b44;color:#9ac2ea;border:1px solid #1d5375;padding:14px}.admin-app .admin-form h3{margin-bottom:0}.admin-app .admin-list-item{background:#071b32}.view-subtitle{font-size:13px;color:#7d9ac0;margin-bottom:24px}@media(min-width:1600px){.workspace{padding:35px 45px}.metric{padding:28px}.chart{height:300px}}@media(max-width:1100px){.sidebar{width:210px;padding:22px 14px}.workspace{margin-left:210px;padding:24px 20px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.variant-edit{grid-template-columns:1fr 1fr}}@media(max-width:650px){.sidebar{position:relative;width:100%;padding:16px}.sidebar nav{display:flex;overflow:auto;gap:4px;margin-top:18px}.sidebar nav button{padding:10px;gap:5px;white-space:nowrap}.sidebar nav button span{font-size:12px}.nav-caption,.sidebar-bottom small{display:none}.sidebar-bottom{display:flex;margin:14px 0 0;padding:10px 0 0;justify-content:space-between;align-items:center}.sidebar-bottom button{padding:8px}.workspace{margin:0;padding:20px 14px}.workspace-top{align-items:flex-start;gap:10px}.workspace-top h1{font-size:24px}.top-actions{flex-direction:column}.top-actions button{font-size:12px;padding:9px}.metric-grid{gap:10px}.metric{padding:18px}.metric strong{font-size:25px}.metric p{font-size:11px}.panel{padding:18px}.toolbar{flex-wrap:wrap}.toolbar input{min-width:160px}.toolbar select{max-width:100%}.offer-grid{grid-template-columns:1fr}.variant-edit{grid-template-columns:1fr}.login-panel{margin:25px 14px;padding:25px}.order-card select{width:100%;margin-bottom:10px}.chart{height:210px}.admin-brand img{width:42px;height:42px}}
.admin-app .sidebar nav{gap:8px;align-items:stretch;min-height:0}.admin-app .sidebar nav button{margin:0;width:100%;justify-content:flex-start;gap:13px;color:#fff;font-size:14px;min-height:49px}.admin-app .sidebar nav button span{background:none;color:#fff;border-radius:0;padding:0;margin:0;font-size:14px;text-align:left}.admin-app .sidebar nav button .nav-dot{width:10px;flex:0 0 10px;text-align:center;color:#8aa3c5;font-size:17px}.admin-app .sidebar nav button.active .nav-dot{color:#0ce0bb}.admin-app .sidebar nav button.active{color:white;background:#0a2848;border-color:#24557c}.admin-app .admin-footer{background:transparent;padding:0;color:#637fa0}.admin-app .metric .metric-icon{display:none}@media(max-width:650px){.admin-app .sidebar nav{gap:5px}.admin-app .sidebar nav button{width:auto;flex-shrink:0;min-height:40px;gap:7px}.admin-app .sidebar nav button span{font-size:12px}}

@media(max-width:650px){.admin-app .sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:5px}.admin-app .sidebar nav button{width:100%;min-width:0;white-space:normal;min-height:44px}.admin-app .sidebar nav button:last-child{grid-column:1/-1}}

@media(min-width:651px){.admin-app .variant-edit{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-app .variant-edit label:first-child{grid-column:1/-1}}