*{box-sizing:border-box}:root{--bg:#0b1020;--card:#11182d;--card-soft:#18203a;--border:rgba(255,255,255,0.08);--text:#f4f7fb;--muted:#aab4cc;--primary:#6ea8fe;--primary-dark:#3a7bfd;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--shadow:0 14px 30px rgba(0,0,0,0.25)}body,html{padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#09101d,#0f172a);color:var(--text);min-height:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell,main{min-height:100vh}.app-shell{display:grid;grid-template-columns:240px 1fr}.sidebar{background:rgba(9,14,28,.9);border-right:1px solid var(--border);padding:24px 18px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{font-size:22px;font-weight:700;margin-bottom:28px}.brand span{color:var(--primary)}.nav-list{display:flex;flex-direction:column;gap:10px}.nav-item{padding:12px 14px;border-radius:14px;color:var(--muted);transition:.2s ease;border:1px solid transparent}.nav-item.active,.nav-item:hover{background:rgba(110,168,254,.14);color:var(--text);border-color:rgba(110,168,254,.2)}.content-area{padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.page-title{margin:0;font-size:28px}.page-subtitle{margin-top:8px;color:var(--muted)}.topbar-right{display:flex;align-items:center;gap:14px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:18px;gap:18px}.card,.form-card,.metric-card,.product-card,.profile-card,.summary-card{background:linear-gradient(180deg,rgba(19,28,52,.98),rgba(13,20,38,.98));border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:var(--shadow)}.metric-value{font-size:30px;font-weight:700;margin-top:12px}.helper-text,.metric-label,.muted{color:var(--muted)}.section-title{font-size:22px;margin:30px 0 16px}.chart-bars{display:grid;grid-gap:14px;gap:14px}.bar-row{display:grid;grid-gap:8px;gap:8px}.bar-track{height:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#6ea8fe,#8b5cf6)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:18px;gap:18px}.address-row,.cart-item-row,.price-row,.summary-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.cart-pill,.product-tag,.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700}.product-tag{background:rgba(34,197,94,.15);color:#86efac}.status-pill{background:rgba(110,168,254,.15);color:#bfdbfe}.cart-pill{background:rgba(245,158,11,.15);color:#fde68a}.button,.danger-button,.secondary-button{border:0;border-radius:14px;padding:12px 16px;cursor:pointer;transition:.2s ease;font-weight:700}.button{background:linear-gradient(180deg,var(--primary),var(--primary-dark));color:white}.button:hover{transform:translateY(-1px)}.secondary-button{background:rgba(255,255,255,.08);color:white;border:1px solid var(--border)}.danger-button{background:rgba(239,68,68,.16);color:#fecaca;border:1px solid rgba(239,68,68,.2)}.input,.textarea{width:100%;background:rgba(255,255,255,.05);color:var(--text);border:1px solid var(--border);border-radius:14px;padding:12px 14px;outline:none}.input:focus,.textarea:focus{border-color:rgba(110,168,254,.6)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.form-field{display:grid;grid-gap:8px;gap:8px}.form-field.full{grid-column:1/-1}.error-text{color:#fda4af;font-size:14px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%)}.login-demo-credentials{margin-top:16px;padding:14px;background:rgba(255,255,255,.04);border-radius:14px;color:var(--muted);border:1px dashed rgba(255,255,255,.14)}.captcha-row{display:grid;grid-gap:10px;gap:10px}.captcha-text-display{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.12em;padding:18px 22px;border-radius:14px;background:linear-gradient(165deg,rgba(15,23,42,.96),rgba(30,41,59,.98) 45%,rgba(15,23,42,.96));border:1px solid rgba(251,191,36,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 6px 18px rgba(0,0,0,.28);-webkit-user-select:all;-moz-user-select:all;user-select:all}.captcha-char{display:inline-block;font-size:30px;font-weight:800;line-height:1;min-width:.55em;text-align:center}.captcha-char:nth-child(odd){font-family:ui-monospace,Cascadia Mono,Courier New,monospace;color:#7dd3fc;letter-spacing:.02em}.captcha-char:nth-child(2n){font-family:Georgia,Times New Roman,Times,serif;color:#fcd34d;font-style:italic}.captcha-row .captcha-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.captcha-row .captcha-inline .input{flex:1 1;min-width:120px}.product-qty-controls{gap:10px}.icon-button,.product-qty-controls{display:inline-flex;align-items:center}.icon-button{padding:10px 12px;justify-content:center;min-width:44px}.product-qty-value{min-width:1.75rem;text-align:center;font-weight:700;font-size:16px}.inline-flex{display:inline-flex;align-items:center;gap:8px}.cart-layout,.checkout-layout{display:grid;grid-template-columns:1.4fr .9fr;grid-gap:18px;gap:18px}.cart-item{padding:16px 0;border-bottom:1px solid var(--border)}.cart-item:last-child{border-bottom:0}.empty-state{text-align:center;padding:36px 18px}.avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:rgba(110,168,254,.15);color:#dbeafe;font-weight:700}.profile-header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.info-list{display:grid;grid-gap:12px;gap:12px}.info-item{padding:14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--border)}.notice{padding:12px 14px;border-radius:14px;background:rgba(34,197,94,.12);color:#bbf7d0;border:1px solid rgba(34,197,94,.16)}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.cart-layout,.checkout-layout,.form-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}