@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #002147;--color-navy-dark: #05264e;--color-navy-light: #0a3a6e;--color-accent: #1b6fd1;--color-white: #ffffff;--color-background: #f4f6f9;--color-surface: #ffffff;--color-surface-muted: #f8fafc;--color-border: #e2e8f0;--color-text: #002147;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-error: #dc2626;--color-success: #16a34a;--color-warning: #d97706;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(5, 38, 78, .04), 0 8px 24px rgba(5, 38, 78, .06);--shadow-soft: 0 1px 3px rgba(5, 38, 78, .06);--sidebar-width: 248px;--content-max: 1200px;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;color:var(--color-text);background:var(--color-background)}*{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;height:100%;-webkit-font-smoothing:antialiased}body:has(.app-shell){overflow:hidden}body.menu-open{overflow:hidden}h1,h2,h3{margin:0;color:var(--color-text);font-weight:700;letter-spacing:-.02em}a{color:var(--color-accent);text-decoration:none}.field{display:grid;gap:.4rem}.field__label{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary)}input,select,textarea{display:block;width:100%;margin:0;padding:.75rem .9rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder{color:#94a3b8}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #1b6fd11f}.form-error{margin:0;color:var(--color-error);font-size:.875rem}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.15rem;border:none;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-white);font:inherit;font-weight:600;font-size:.9375rem;cursor:pointer;box-shadow:var(--shadow-soft);transition:background .15s ease,transform .1s ease,opacity .15s ease}button:hover:not(:disabled),.btn:hover:not(:disabled){background:var(--color-navy-light)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.55;cursor:not-allowed}.btn--block{width:100%}.btn--sm{padding:.45rem .85rem;font-size:.8125rem}.btn--ghost,button.secondary,.btn-secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);box-shadow:none}.btn--ghost:hover:not(:disabled),button.secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-text)}button.danger,.btn-danger{background:#b91c1c;color:var(--color-white);border:none}.app-shell{display:flex;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;overflow:hidden}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:10;width:var(--sidebar-width);background:linear-gradient(180deg,var(--color-navy-dark) 0%,#031a38 55%,#05264e 100%);color:#e8eef5;padding:1.25rem .875rem;display:flex;flex-direction:column;gap:.5rem;border-right:1px solid rgba(255,255,255,.06);overflow:hidden}.sidebar__decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sidebar__grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:#ffffff09}.sidebar__orb{position:absolute;border-radius:50%}.sidebar__orb--1{top:-30px;right:-40px;width:140px;height:140px;background:radial-gradient(circle,rgba(27,111,209,.25) 0%,transparent 70%)}.sidebar__orb--2{bottom:18%;left:-50px;width:120px;height:120px;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 68%)}.sidebar__brand{position:relative;z-index:1;display:flex;align-items:center;gap:.75rem;padding:.25rem .5rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:.5rem}.sidebar__brand strong{display:block;color:var(--color-white);font-size:1rem;line-height:1.2}.sidebar__brand span{display:block;font-size:.75rem;color:#94a3b8;font-weight:500}.brand-logo{border-radius:12px;flex-shrink:0}.brand-logo--lg{border-radius:18px}.sidebar-nav{position:relative;z-index:1;display:flex;flex-direction:column;gap:.125rem;flex:1;overflow-y:auto}.sidebar-nav__link{display:flex;align-items:center;gap:.65rem;padding:.625rem .75rem;border-radius:var(--radius-sm);text-decoration:none;color:#cbd5e1;font-weight:500;font-size:.9rem;border-left:3px solid transparent;transition:background .15s ease,color .15s ease}.sidebar-nav__icon{width:1.1rem;height:1.1rem;flex-shrink:0;opacity:.75}.sidebar-nav__link.is-active .sidebar-nav__icon{opacity:1;color:#93c5fd}.sidebar-nav__link:hover{background:#ffffff0f;color:var(--color-white)}.sidebar-nav__link.is-active{background:#ffffff1a;color:var(--color-white);font-weight:600;border-left-color:var(--color-accent)}.sidebar__user{position:relative;z-index:1;margin-top:auto;padding:.875rem .5rem .25rem;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.35rem .65rem;align-items:center}.sidebar__avatar{grid-row:span 2;width:2.25rem;height:2.25rem;border-radius:var(--radius-pill);background:#1b6fd159;color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.sidebar__user-meta{min-width:0}.sidebar__user-meta strong{display:block;font-size:.8125rem;color:var(--color-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-meta span{display:block;font-size:.7rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user .btn--ghost{grid-column:2;justify-self:start;color:#cbd5e1;border-color:#ffffff26}.main-content{margin-left:var(--sidebar-width);flex:1;height:100vh;overflow-y:auto;overflow-x:hidden;background:var(--color-background);min-width:0;position:relative}.main-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(5,38,78,.05) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.main-content__decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.main-content__blob{position:absolute;border-radius:50%;filter:blur(50px)}.main-content__blob--1{top:-40px;right:5%;width:280px;height:280px;background:#1b6fd112}.main-content__blob--2{bottom:10%;left:20%;width:200px;height:200px;background:#05264e0a}.main-content__inner{position:relative;z-index:1;max-width:var(--content-max);margin:0 auto;padding:2rem 2rem 3rem}.mobile-topbar,.sidebar-backdrop{display:none}.login-page{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.login-hero{background:linear-gradient(145deg,var(--color-navy-dark) 0%,#031a38 55%,#05264e 100%);color:var(--color-white);display:flex;align-items:center;justify-content:center;padding:3rem 2.5rem;position:relative;overflow:hidden}.login-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 22%,rgba(27,111,209,.28),transparent 42%),radial-gradient(circle at 82% 78%,rgba(255,255,255,.06),transparent 38%),radial-gradient(circle at 60% 10%,rgba(27,111,209,.12),transparent 30%);pointer-events:none}.login-hero__decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.login-hero__grid{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;width:140%;height:140%;color:#ffffff0a;opacity:.9}.login-hero__orb{position:absolute;border-radius:50%;filter:blur(1px)}.login-hero__orb--1{top:8%;right:12%;width:180px;height:180px;background:radial-gradient(circle,rgba(27,111,209,.35) 0%,transparent 70%);animation:login-float 8s ease-in-out infinite}.login-hero__orb--2{bottom:15%;left:-4%;width:220px;height:220px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 68%);animation:login-float 10s ease-in-out infinite reverse}.login-hero__orb--3{top:55%;right:-6%;width:140px;height:140px;border:1px solid rgba(255,255,255,.08);background:#1b6fd10f;animation:login-float 12s ease-in-out infinite}@keyframes login-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.03)}}@media(prefers-reduced-motion:reduce){.login-hero__orb{animation:none}}.login-hero__inner{position:relative;z-index:1;max-width:380px}.login-hero h1{margin-top:1.25rem;font-size:2rem;color:var(--color-white)}.login-hero__tagline{margin:.75rem 0 0;color:#cbd5e1;font-size:1.05rem;line-height:1.55}.login-hero__features{margin:2rem 0 0;padding:0;list-style:none;display:grid;gap:.75rem}.login-hero__features li{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#e2e8f0;font-size:.9375rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-hero__feature-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;border-radius:var(--radius-xs);background:#1b6fd133;color:#93c5fd}.login-hero__feature-icon svg{width:1.1rem;height:1.1rem}.login-main{display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--color-background);position:relative;overflow:hidden}.login-main:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(5,38,78,.07) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.login-main__decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.login-main__blob{position:absolute;border-radius:50%;filter:blur(40px)}.login-main__blob--1{top:10%;right:8%;width:200px;height:200px;background:#1b6fd114}.login-main__blob--2{bottom:12%;left:6%;width:160px;height:160px;background:#05264e0d}.login-card{position:relative;z-index:1;width:100%;max-width:400px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-card),0 0 0 1px #fff9 inset;overflow:hidden}.login-card__accent{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-navy-dark) 0%,var(--color-accent) 50%,var(--color-navy-dark) 100%)}.login-card:after{content:"";position:absolute;top:-60px;right:-60px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(27,111,209,.06) 0%,transparent 70%);pointer-events:none}.login-card__brand-mobile{display:none;align-items:center;gap:.65rem;margin-bottom:1rem;font-weight:700;color:var(--color-text)}.login-card h2{font-size:1.5rem}.login-card__hint{margin:.35rem 0 1.5rem;color:var(--color-text-muted);font-size:.9375rem}.login-form{display:grid;gap:1rem}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}.page-header h2{font-size:1.75rem}.page-subtitle{color:var(--color-text-muted);margin:.35rem 0 0;font-size:.95rem}.panel,.card,section.panel,article.panel{position:relative;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem 1.35rem;box-shadow:var(--shadow-soft)}.panel:after,section.panel:after,article.panel:after{content:"";position:absolute;top:-40px;right:-40px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(27,111,209,.05) 0%,transparent 70%);pointer-events:none}.panel__title{margin:0 0 1rem;font-size:1rem;font-weight:600}.empty-state{margin:0;color:var(--color-text-muted)}.dashboard{position:relative}.dashboard__welcome{position:absolute;top:-2rem;left:-2rem;right:-2rem;height:180px;pointer-events:none;overflow:hidden}.dashboard__welcome-glow{position:absolute;top:-60px;left:10%;width:60%;height:140px;background:radial-gradient(ellipse,rgba(27,111,209,.08) 0%,transparent 70%)}.dashboard__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.875rem}.stat-card{position:relative;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem 1.1rem;box-shadow:var(--shadow-soft);display:grid;gap:.35rem}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-navy-dark),var(--color-accent));opacity:.85}.stat-card--warning:before{background:linear-gradient(90deg,#d97706,#fbbf24)}.stat-card--success:before{background:linear-gradient(90deg,#16a34a,#4ade80)}.stat-card__label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.stat-card__value{font-size:1.75rem;font-weight:700;color:var(--color-text);line-height:1.1}.stat-card--warning{border-color:#fde68a;background:#fffbeb}.stat-card--success{border-color:#bbf7d0;background:#f0fdf4}.status-list{display:grid;gap:.75rem}.status-list__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.9375rem;color:var(--color-text-secondary)}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:600;background:var(--color-surface-muted);color:var(--color-text-secondary)}.status-pill__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.status-pill--ok{background:#f0fdf4;color:var(--color-success)}.status-pill--warn{background:#fffbeb;color:var(--color-warning)}.status-pill--error{background:#fef2f2;color:var(--color-error)}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.quick-link{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-muted);color:inherit;text-decoration:none;transition:border-color .15s ease,background .15s ease,transform .1s ease}.quick-link:hover{border-color:var(--color-accent);background:var(--color-surface);transform:translateY(-1px)}.quick-link__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;border-radius:var(--radius-xs);background:#1b6fd114;color:var(--color-accent)}.quick-link__icon svg{width:1.1rem;height:1.1rem}.quick-link__text{display:grid;gap:.15rem;min-width:0}.quick-link strong{font-size:.9rem;color:var(--color-text)}.quick-link span{font-size:.78rem;color:var(--color-text-muted)}.form-grid{display:grid;gap:.65rem;margin-bottom:1.5rem;align-items:end}.form-grid--products{grid-template-columns:2fr 1fr 1fr 1fr 1.2fr auto}.form-grid--orders{grid-template-columns:1.5fr 1.5fr .7fr 1fr 1fr auto}.form-grid--users{grid-template-columns:1.2fr 1.5fr 1fr 1fr auto auto}.product-image-field{display:flex;flex-direction:column;gap:.25rem;min-width:0}.product-image-field__label{font-size:.8rem;font-weight:600;color:var(--color-text-muted)}.product-image-field input[type=file]{padding:.45rem .5rem;font-size:.85rem;background:var(--color-surface-muted)}.product-image-preview{display:flex;align-items:center;gap:.75rem;margin:-.5rem 0 1.25rem}.product-image-preview img{border-radius:10px;object-fit:cover;background:var(--color-surface-muted)}.table-actions{display:flex;flex-wrap:wrap;gap:.5rem}.action-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;align-items:center}.action-row button,.action-row select{margin-top:0}.card-list{display:grid;gap:1rem}.table-scroll{overflow-x:auto;margin-top:1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface)}table{width:100%;border-collapse:collapse;background:var(--color-surface)}th,td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}th{background:var(--color-surface-muted);color:var(--color-text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}tr:last-child td{border-bottom:none}tbody tr:hover td{background:#fafbfc}.badge{display:inline-block;padding:.2rem .65rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600}.badge-success{background:#f0fdf4;color:var(--color-success)}.badge-warning{background:#fffbeb;color:var(--color-warning)}.badge-error{background:#fef2f2;color:var(--color-error)}.page-loading{padding:2rem;color:var(--color-text-muted)}@media(max-width:1024px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard__grid{grid-template-columns:1fr}}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-hero{display:none}.login-card__brand-mobile{display:flex}.mobile-topbar{display:flex;align-items:center;gap:.75rem;position:fixed;top:0;left:0;right:0;z-index:30;height:3.5rem;padding:0 .75rem;padding-top:env(safe-area-inset-top,0);background:var(--color-navy-dark);color:var(--color-white);border-bottom:1px solid rgba(255,255,255,.08)}.mobile-topbar-title{display:flex;align-items:center;gap:.6rem;min-width:0;font-weight:700;font-size:1rem}.mobile-topbar-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border-radius:var(--radius-sm);background:#ffffff14;box-shadow:none}.mobile-menu-icon,.mobile-menu-icon:before,.mobile-menu-icon:after{display:block;width:1.125rem;height:2px;background:var(--color-white);border-radius:1px;position:relative}.mobile-menu-icon:before,.mobile-menu-icon:after{content:"";position:absolute;left:0}.mobile-menu-icon:before{top:-6px}.mobile-menu-icon:after{top:6px}.menu-open .mobile-menu-icon{background:transparent}.menu-open .mobile-menu-icon:before{top:0;transform:rotate(45deg)}.menu-open .mobile-menu-icon:after{top:0;transform:rotate(-45deg)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;border:none;padding:0;margin:0;background:#020c1b80;cursor:pointer}.sidebar{width:min(18rem,88vw);transform:translate(-105%);transition:transform .22s ease;z-index:25;padding-top:calc(1rem + env(safe-area-inset-top,0));padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}.app-shell.menu-open .sidebar{transform:translate(0)}.main-content{margin-left:0;width:100%}.main-content__inner{padding:calc(4.5rem + env(safe-area-inset-top,0)) 1rem calc(1rem + env(safe-area-inset-bottom,0))}.page-header h2{font-size:1.35rem}.stat-grid{grid-template-columns:1fr 1fr;gap:.65rem}.stat-card__value{font-size:1.45rem}.form-grid,.form-grid--products,.form-grid--orders,.form-grid--users{grid-template-columns:1fr}.form-grid button{width:100%}.quick-links{grid-template-columns:1fr}.action-row{flex-direction:column;align-items:stretch}.action-row button,.action-row select,.action-row input{width:100%;min-height:2.75rem}th,td{padding:.65rem .75rem;font-size:.875rem}button,.btn{min-height:2.75rem}}@media(max-width:420px){.stat-grid{grid-template-columns:1fr}}