*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}img{max-width:100%;height:auto}body.light{--bg: #f4f6fb;--surface: #ffffff;--surface-2: #f8fafc;--hover: #f1f4fb;--border: #e2e8f0;--text-1: #0f172a;--text-2: #64748b;--text-3: #94a3b8;--accent: #6366f1;--accent-2: #eef2ff;--accent-h: #4f46e5;--red: #ef4444;--blue: #3b82f6;--green: #22c55e;--shadow-sm: 0 1px 4px rgba(15,23,42,.08);--shadow-md: 0 4px 16px rgba(15,23,42,.1);--shadow-lg: 0 12px 40px rgba(15,23,42,.14);--r-sm: 8px;--r-md: 12px;--r-lg: 16px}body.dark{--bg: #0e1117;--surface: #161c27;--surface-2: #1c2433;--hover: #212d3f;--border: #28354a;--text-1: #e8edf5;--text-2: #7a91ae;--text-3: #3f5068;--accent: #818cf8;--accent-2: #1e1b4b;--accent-h: #a5b4fc;--red: #f87171;--blue: #60a5fa;--green: #4ade80;--shadow-sm: 0 1px 4px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 12px 40px rgba(0,0,0,.65);--r-sm: 8px;--r-md: 12px;--r-lg: 16px}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:14px;line-height:1.5;background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(-12px)}to{opacity:1;transform:none}}.nav-link:hover{background:var(--hover)!important;color:var(--text-1)!important}.nav-link.active{background:var(--accent-2)!important;color:var(--accent)!important;font-weight:600!important}.page-inner{padding:28px 32px;animation:fadeUp .3s ease both;flex:1;min-width:0}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:12px;flex-wrap:wrap}.page-title{font-size:22px;font-weight:700;color:var(--text-1);margin-bottom:3px}.page-sub{font-size:13px;color:var(--text-2)}.section-title{font-size:14px;font-weight:600;color:var(--text-1)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);transition:background .25s,border-color .25s,box-shadow .2s;min-width:0}.card:hover{box-shadow:var(--shadow-md)}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;animation:cardIn .35s ease both;min-width:0}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--blue));opacity:0;transition:opacity .2s}.metric-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.metric-card:hover:before{opacity:1}.metric-card:nth-child(1){animation-delay:.05s}.metric-card:nth-child(2){animation-delay:.1s}.metric-card:nth-child(3){animation-delay:.15s}.metric-card:nth-child(4){animation-delay:.2s}.metric-label{color:var(--text-2);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.metric-value{color:var(--text-1);font-size:24px;font-weight:700}.product-card{transition:transform .2s,box-shadow .2s!important;animation:cardIn .3s ease both;min-width:0}.product-card:hover{transform:translateY(-3px)!important;box-shadow:var(--shadow-md)!important}.product-name{color:var(--text-1)}.product-category,.product-label{color:var(--text-2)}.product-value{color:var(--text-1)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.dashboard-bottom{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.dashboard-orders{flex:3;min-width:0}.dashboard-activity{flex:2;min-width:0}.profile-layout{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.profile-avatar-card{width:240px;flex-shrink:0}.profile-info-card{flex:1;min-width:0}.settings-theme-row{display:flex;gap:12px;flex-wrap:wrap}.settings-theme-card{flex:1;min-width:0}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}th{color:var(--text-2)!important;border-bottom-color:var(--border)!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}td{color:var(--text-1)!important;border-bottom-color:var(--border)!important}tbody tr{transition:background .12s}tbody tr:hover td{background:var(--hover)}tbody tr:last-child td{border-bottom:none!important}button{touch-action:manipulation;cursor:pointer}.btn-edit:hover{background:var(--blue)!important;color:#fff!important}.btn-delete:hover{background:var(--red)!important;color:#fff!important}.modal,.modal-box{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:var(--shadow-lg)!important;animation:modalIn .25s ease both;width:min(420px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;max-height:85vh;overflow-y:auto;border-radius:var(--r-lg)!important;box-sizing:border-box!important}.modal-cancel{color:var(--text-2)!important;border-color:var(--border)!important}.modal-cancel:hover{background:var(--hover)!important;color:var(--text-1)!important}.form-input{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text-1)!important;border-radius:var(--r-sm)!important;max-width:100%;box-sizing:border-box}.form-input:focus{outline:none!important;border-color:var(--accent)!important;background:var(--surface)!important;box-shadow:0 0 0 3px #6366f124!important}body.light .badge-green{background:#dcfce7;color:#15803d}body.light .badge-blue{background:#dbeafe;color:#1d4ed8}body.light .badge-yellow{background:#fef9c3;color:#854d0e}body.light .badge-red{background:#fee2e2;color:#b91c1c}body.dark .badge-green{background:#052e16;color:#4ade80}body.dark .badge-blue{background:#0c1a35;color:#60a5fa}body.dark .badge-yellow{background:#1c1500;color:#fbbf24}body.dark .badge-red{background:#1c0606;color:#f87171}@media (max-width: 992px){.page-inner{padding:20px 16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.dashboard-bottom{flex-direction:column}.dashboard-orders,.dashboard-activity{width:100%}}@media (max-width: 768px){.page-inner{padding:16px 14px}.page-title{font-size:19px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.profile-avatar-card,.profile-info-card{width:100%}th{padding:8px 10px!important}td{padding:10px!important}}@media (max-width: 576px){.page-inner{padding:14px 12px}.page-title{font-size:18px}.page-header-row{flex-direction:column;align-items:stretch}.page-header-row>button{width:100%!important}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.metric-card{padding:14px 12px!important}.metric-value{font-size:20px!important}.metric-label{font-size:10px}.products-grid{grid-template-columns:1fr}.profile-layout{flex-direction:column}.profile-avatar-card{width:100%}.settings-theme-card{min-width:calc(50% - 6px)}th{padding:7px 8px!important;font-size:10px!important}td{padding:9px 8px!important;font-size:12.5px!important}}@media (max-width: 430px){.page-inner{padding:12px 10px}.page-title{font-size:17px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:6px}.metric-card{padding:12px 10px!important}.metric-value{font-size:18px!important}.products-grid{grid-template-columns:1fr}.settings-theme-row{flex-direction:column}.settings-theme-card{width:100%}th{padding:6px 8px!important;font-size:9px!important}td{padding:8px!important;font-size:12px!important}.modal,.modal-box{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;padding:18px 14px!important}}@media (max-width: 360px){.page-inner{padding:10px 8px}.page-title{font-size:16px}.metric-value{font-size:16px!important}th{padding:5px 6px!important;font-size:9px!important}td{padding:7px 6px!important;font-size:11px!important}.modal,.modal-box{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;padding:14px 12px!important}}