:root{--red: #c8103a;--red-dark: #a50d30;--ink: #1a1816;--sidebar: #1a1816;--bg: #f8f7f5;--card: #ffffff;--muted: #999;--line: #f0eee8;--line2: #f8f7f5;--field: #f5f4f0;--field-border: #eceae4;--thead: #fafaf8;--success-bg: #ebf9f1;--success: #2d9a5a;--success-bd: #c0edd0;--warn-bg: #fff8e6;--warn: #d97706;--info-bg: #eef4ff;--info: #2563eb;--info-bd: #c0d4f8;--danger-bg: #fff0f0;--danger: #e05050;--danger-bd: #facccc}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--ink)}input,select,textarea,button{font-family:inherit}a{color:inherit;text-decoration:none}.sidebar{width:220px;background:var(--sidebar);display:flex;flex-direction:column;flex-shrink:0}.slogo{padding:18px 16px 14px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px}.slogo img{width:34px;height:34px;border-radius:9px;object-fit:cover}.slogo .logo-fallback{width:34px;height:34px;border-radius:9px;background:var(--red);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.slogo .lname{font-size:14px;font-weight:700;color:#fff}.slogo .lsub{font-size:10px;color:#fff6}.smenu{padding:12px 8px;flex:1;overflow-y:auto}.sitem{display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;cursor:pointer;margin-bottom:2px;border:none;background:none;width:100%;text-align:left}.sitem .ic{font-size:16px;width:18px}.sitem span.t{font-size:12px;color:#ffffff80;font-weight:500}.sitem.active{background:#c8103a40}.sitem.active span.t{color:#fff}.sitem:hover:not(.active){background:#ffffff0f}.sitem .badge{margin-left:auto;background:var(--red);color:#fff;font-size:9px;font-weight:700;padding:2px 7px;border-radius:8px}.sitem.trash span.t{color:#ff787899}.suser{padding:12px 14px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:8px}.savatar{width:30px;height:30px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.suser .sn{font-size:11px;font-weight:600;color:#fff}.suser .sr{font-size:10px;color:#fff6}.suser .logout{margin-left:auto;color:#fff6;cursor:pointer;font-size:16px}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topnav{padding:14px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:var(--card);flex-shrink:0}.topnav .pg{font-size:16px;font-weight:700}.topnav .psub{font-size:11px;color:var(--muted);margin-top:1px}.tnright{display:flex;gap:8px;align-items:center}.content{flex:1;overflow-y:auto;padding:20px 24px}.btn{padding:8px 14px;border-radius:9px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid;display:inline-flex;align-items:center;gap:6px}.btn-red{background:var(--red);color:#fff;border-color:var(--red)}.btn-gray{background:var(--field);color:#555;border-color:var(--field-border)}.btn-sm{padding:4px 9px;border-radius:6px;font-size:10px}.btn-green{background:var(--success-bg);color:var(--success);border-color:var(--success-bd)}.btn-blue{background:var(--info-bg);color:var(--info);border-color:var(--info-bd)}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-bd)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.scard{background:var(--card);border-radius:12px;padding:14px;border:1px solid var(--line)}.scard .sl{font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.scard .sv{font-size:20px;font-weight:700;margin-top:5px}.scard .sd{font-size:10px;margin-top:4px;font-weight:500;color:var(--muted)}.panel{background:var(--card);border-radius:12px;border:1px solid var(--line);overflow:hidden}.ph{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.ph .pt{font-size:12px;font-weight:700}th{padding:9px 12px;font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--line);text-align:left;background:var(--thead);white-space:nowrap}td{padding:10px 12px;font-size:11px;border-bottom:1px solid var(--line2)}tbody tr:hover td{background:var(--thead);cursor:pointer}.ordnum{font-weight:700;color:var(--red)}.amt{font-weight:600}.pill{font-size:9px;font-weight:600;padding:3px 8px;border-radius:6px;display:inline-block}.pill.new{background:var(--info-bg);color:var(--info)}.pill.confirmed{background:var(--warn-bg);color:var(--warn)}.pill.delivered{background:var(--success-bg);color:var(--success)}.pill.cancelled{background:var(--danger-bg);color:var(--danger)}.pill.synced{background:var(--success-bg);color:var(--success)}.pill.pending{background:var(--warn-bg);color:var(--warn)}.pill.error{background:var(--danger-bg);color:var(--danger)}.filter-bar{display:flex;gap:8px;margin-bottom:14px;align-items:center;flex-wrap:wrap}.ftabs{display:flex;gap:4px}.ftab{padding:6px 12px;border-radius:7px;font-size:11px;font-weight:500;cursor:pointer;border:1px solid var(--field-border);background:var(--field);color:#777}.ftab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.ftab .cnt{font-size:9px;padding:1px 5px;border-radius:5px;margin-left:4px;background:#0000001a}.ftab.active .cnt{background:#fff3}.inp,.sel{height:32px;border:1px solid var(--field-border);border-radius:8px;background:var(--card);font-size:11px;padding:0 10px}.search{flex:1;min-width:150px}.drawer{position:fixed;top:0;right:0;width:340px;height:100vh;background:var(--card);border-left:1px solid var(--line);box-shadow:-4px 0 24px #00000014;z-index:50;display:flex;flex-direction:column}.drawer-h{padding:16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawer-h .dt{font-size:14px;font-weight:700}.drawer-h .close{cursor:pointer;font-size:18px;color:var(--muted)}.drawer-b{flex:1;overflow-y:auto;padding:16px}.drawer-f{padding:14px 16px;border-top:1px solid var(--line);display:flex;gap:8px}.drawer-f .btn{flex:1;justify-content:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:49}.field{margin-bottom:12px}.field label{display:block;font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;height:34px;border:1px solid var(--field-border);border-radius:8px;background:var(--field);font-size:12px;padding:0 10px}.field textarea{height:56px;padding:8px 10px;resize:none}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toggle{width:32px;height:18px;border-radius:9px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0;border:none}.toggle.on{background:var(--red)}.toggle.off{background:#d0ccc6}.toggle .knob{position:absolute;top:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .2s}.toggle.on .knob{left:16px}.toggle.off .knob{left:2px}.row-between{display:flex;align-items:center;justify-content:space-between}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.loading{text-align:center;padding:60px;color:var(--muted)}.thumb{width:36px;height:36px;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,#fdf5f0,#f5ede8);display:flex;align-items:center;justify-content:center;cursor:zoom-in}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:16px;padding:24px;width:320px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200;cursor:zoom-out}.lightbox img{max-width:80%;max-height:80%;border-radius:16px}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1816,#2a2420,#1a1816);position:relative;overflow:hidden}.login-bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:orbFloat 8s ease-in-out infinite}.login-bg-orb.orb1{width:400px;height:400px;top:-100px;left:-100px;background:radial-gradient(circle,rgba(200,16,58,.5),transparent 70%)}.login-bg-orb.orb2{width:350px;height:350px;bottom:-120px;right:-80px;background:radial-gradient(circle,rgba(255,77,109,.35),transparent 70%);animation-delay:2s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.1)}}.login-box{width:380px;position:relative;z-index:1;background:#fffffff7;border-radius:22px;padding:40px 34px;border:1px solid rgba(255,255,255,.3);box-shadow:0 24px 64px #0006,inset 0 1px #fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:loginIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes loginIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.login-logo{width:72px;height:72px;background:linear-gradient(135deg,var(--red),var(--red-dark));border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:34px;margin:0 auto 16px;box-shadow:0 10px 28px #c8103a66;animation:logoBob 3s ease-in-out infinite}@keyframes logoBob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-3deg)}}.login-title{font-size:22px;font-weight:800;text-align:center;letter-spacing:-.5px}.login-sub{font-size:12px;color:var(--muted);text-align:center;margin:4px 0 28px}.login-error{background:var(--danger-bg);border:1px solid var(--danger-bd);border-radius:10px;padding:10px 13px;margin-bottom:16px;font-size:11px;color:var(--danger);text-align:center;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-field{display:flex;align-items:center;gap:10px;background:var(--field);border:1.5px solid var(--field-border);border-radius:12px;padding:0 14px;margin-bottom:12px;transition:all .2s ease}.login-field:focus-within{border-color:var(--red);background:#fff;box-shadow:0 0 0 4px #c8103a1a}.login-field .lf-icon{color:var(--muted);flex-shrink:0}.login-field input{flex:1;border:none;background:none;outline:none;padding:13px 0;font-size:14px;color:var(--ink)}.login-field .lf-eye{background:none;border:none;cursor:pointer;color:var(--muted);display:flex;padding:4px;transition:color .2s ease}.login-field .lf-eye:hover{color:var(--red)}.login-btn{width:100%;margin-top:8px;padding:14px;background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;border:none;border-radius:13px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 20px #c8103a59;transition:all .2s cubic-bezier(.4,0,.2,1)}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #c8103a73}.login-btn:active:not(:disabled){transform:scale(.97)}.login-btn:disabled{opacity:.7;cursor:default}.login-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-foot{font-size:10px;color:var(--muted);text-align:center;margin-top:20px}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gcard{background:var(--card);border-radius:12px;border:1px solid var(--line);padding:14px;cursor:pointer}.gcard:hover,.gcard.sel{border-color:var(--red)}.gcard-stats{display:flex;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.gstat{flex:1;text-align:center}.gstat .v{font-size:14px;font-weight:700}.gstat .l{font-size:9px;color:var(--muted);margin-top:1px}.gstat+.gstat{border-left:1px solid var(--line)}.bpill{font-size:9px;font-weight:600;padding:2px 7px;border-radius:5px;background:var(--field);color:#777;border:1px solid var(--field-border);display:inline-block;margin:2px}.search-inp{height:38px;border:1.5px solid var(--field-border, #e5e3dd);border-radius:10px;padding:0 12px;font-size:13px;background:var(--field, #f5f4f0);outline:none}.search-inp:focus{border-color:var(--red, #c8103a);background:#fff}.filter-bar select{height:38px;border:1.5px solid var(--field-border, #e5e3dd);border-radius:10px;padding:0 36px 0 14px;font-size:12px;font-weight:500;color:var(--ink);background:var(--field, #f5f4f0);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all .2s ease}.filter-bar select:hover{border-color:#d8d4cc}.filter-bar select:focus{border-color:var(--red, #c8103a);background-color:#fff;box-shadow:0 0 0 3px #c8103a1a}.search-inp{height:38px;border:1.5px solid var(--field-border, #e5e3dd);border-radius:10px;transition:all .2s ease}.gcard.archived{opacity:.6}.group-first td{border-top:2px solid var(--red, #c8103a)!important}.group-badge{display:inline-block;margin-left:6px;font-size:9px;font-weight:700;color:var(--red, #c8103a);background:#fbe9ee;border-radius:6px;padding:1px 6px;vertical-align:middle}.btn-blue{background:#2563eb;color:#fff;border-color:#2563eb}.btn-blue:hover{background:#1d4ed8}.sidebar{background:linear-gradient(180deg,#221f1c,#1a1816);box-shadow:4px 0 24px #00000014;position:relative}.slogo img,.slogo .logo-fallback{box-shadow:0 4px 12px #c8103a4d}.slogo .logo-fallback{background:linear-gradient(135deg,var(--red),var(--red-dark))}.sitem{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.sitem .ic{display:flex;align-items:center;justify-content:center;width:20px;color:#ffffff73;transition:color .2s ease,transform .2s ease}.sitem.active{background:linear-gradient(135deg,#c8103a59,#c8103a26);box-shadow:inset 0 0 0 1px #c8103a33}.sitem.active .ic{color:#fff;transform:scale(1.1)}.sitem.active span.t{color:#fff;font-weight:600}.sitem.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:2px;background:linear-gradient(180deg,var(--red),#ff4d6d)}.sitem:hover:not(.active){background:#ffffff12}.sitem:hover:not(.active) .ic{color:#ffffffb3}.sitem .badge{background:linear-gradient(135deg,var(--red),#e63960);box-shadow:0 2px 8px #c8103a66;animation:badgePulse 2s ease infinite}@keyframes badgePulse{0%,to{box-shadow:0 2px 8px #c8103a66}50%{box-shadow:0 2px 14px #c8103ab3}}.suser .savatar{background:linear-gradient(135deg,var(--red),var(--red-dark));box-shadow:0 3px 10px #c8103a4d}.suser .logout{display:flex;align-items:center;transition:all .2s ease}.suser .logout:hover{color:#fff;transform:translate(2px)}.topnav{box-shadow:0 1px 0 var(--line),0 4px 16px #00000005;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scard{transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.scard:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(200,16,58,.06),transparent 70%);transform:translate(30%,-30%)}.scard:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000014;border-color:#c8103a26}.scard .sv{letter-spacing:-.5px}.panel{box-shadow:0 2px 12px #00000008;transition:box-shadow .25s ease}.btn{transition:all .18s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-red{background:linear-gradient(135deg,var(--red),var(--red-dark));border-color:transparent;box-shadow:0 4px 14px #c8103a4d}.btn-red:hover{box-shadow:0 6px 20px #c8103a6b;transform:translateY(-1px)}.btn:active{transform:scale(.96)}.btn-green{background:linear-gradient(135deg,#2d9a5a,#25824c);color:#fff;border-color:transparent;box-shadow:0 3px 10px #2d9a5a40}.btn-blue{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:transparent;box-shadow:0 3px 10px #2563eb40}table tbody tr{transition:background .15s ease}table tbody tr:hover{background:var(--thead)}.pill{transition:all .2s ease;font-weight:600}.content>*{animation:adminFade .35s ease}@keyframes adminFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.drawer{box-shadow:-8px 0 32px #0000001f;animation:drawerIn .3s cubic-bezier(.4,0,.2,1)}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.overlay{animation:adminFade .25s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{animation:modalPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-overlay{animation:adminFade .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.toggle{transition:background .25s ease}.toggle .knob{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.gcard{transition:all .22s cubic-bezier(.4,0,.2,1)}.gcard:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000012}input:focus,select:focus,textarea:focus{outline:none}.field input:focus,.search-inp:focus,.inp:focus{box-shadow:0 0 0 3px #c8103a1a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0003}.scard{position:relative;padding-top:16px}.scard-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:#fff;box-shadow:0 4px 12px #0000001f}.scard-red .scard-icon{background:linear-gradient(135deg,#c8103a,#a50d30);box-shadow:0 4px 12px #c8103a4d}.scard-green .scard-icon{background:linear-gradient(135deg,#2d9a5a,#25824c);box-shadow:0 4px 12px #2d9a5a4d}.scard-blue .scard-icon{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb4d}.scard-amber .scard-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #d977064d}.scard-red:after{background:radial-gradient(circle,rgba(200,16,58,.07),transparent 70%)}.scard-green:after{background:radial-gradient(circle,rgba(45,154,90,.07),transparent 70%)}.scard-blue:after{background:radial-gradient(circle,rgba(37,99,235,.07),transparent 70%)}.scard-amber:after{background:radial-gradient(circle,rgba(217,119,6,.08),transparent 70%)}.scard .sv{color:var(--ink)}.scard-amber .sv{color:var(--warn)}.search-wrap{position:relative;display:flex;align-items:center}.search-wrap .search-ic{position:absolute;left:11px;color:var(--muted);pointer-events:none}.img-upload{position:relative;width:100%;aspect-ratio:3/4;max-height:200px;border-radius:14px;border:2px dashed var(--field-border);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;margin-bottom:16px;background:var(--field);transition:all .2s ease}.img-upload:hover{border-color:var(--red);background:#fdf5f6}.img-upload img{width:100%;height:100%;object-fit:cover}.img-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:12px}.img-del{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:10px;background:#e05050eb;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 3px 10px #e0505066;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.img-del:hover{background:#e03030;transform:scale(1.1)}.img-del:active{transform:scale(.92)}.thumb-empty{display:flex;align-items:center;justify-content:center;color:var(--muted);background:var(--field)}.brand-logo-sm{width:38px;height:38px;border-radius:10px;overflow:hidden;background:var(--field);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--red);flex-shrink:0}.brand-logo-sm img{width:100%;height:100%;object-fit:cover}.brand-logo-box{position:relative;width:100%;height:140px;border-radius:14px;border:2px dashed var(--field-border);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background:var(--field);transition:all .2s ease}.brand-logo-box:hover{border-color:var(--red);background:#fdf5f6}.brand-logo-box img{width:100%;height:100%;object-fit:contain;padding:12px}.cat-row{padding:9px 12px;margin-bottom:6px;border-radius:9px;background:var(--field);border:1px solid transparent;transition:all .18s ease}.cat-row:hover{border-color:var(--field-border);background:#fff}.cat-del{width:24px;height:24px;border-radius:7px;border:none;background:var(--danger-bg);color:var(--danger);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease}.cat-del:hover{background:var(--danger);color:#fff;transform:scale(1.1)}.cat-del:active{transform:scale(.9)}.info-banner{display:flex;align-items:flex-start;gap:10px;background:linear-gradient(135deg,#eef4ff,#f5f9ff);border:1px solid var(--info-bd);border-radius:12px;padding:13px 16px;margin-bottom:18px;font-size:12px;color:var(--info);line-height:1.5}.info-banner svg{flex-shrink:0;margin-top:1px}.settings-logo{position:relative;width:90px;height:90px;border-radius:14px;border:2px dashed var(--field-border);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background:var(--field);transition:all .2s ease}.settings-logo:hover{border-color:var(--red);background:#fdf5f6}.settings-logo img{width:100%;height:100%;object-fit:cover}:root,[data-theme=dark]{--bg-base: #0f0f13;--bg-surface: #16161c;--bg-hover: #1e1e26;--bg-active: rgba(192,57,43,.14);--border: #252530;--border-light: #1c1c24;--text-primary: #e0e0ec;--text-secondary: #8888a0;--text-muted: #5a5a72;--accent: #c0392b;--accent-hover: #a93226;--accent-text: #e85d4a;--iconbar-bg: #111114;--iconbar-border: #222228;--iconbar-text: #6a6a82;--iconbar-hover: rgba(255,255,255,.06);--iconbar-active: rgba(192,57,43,.2);--iconbar-active-text: #e85d4a;--megamenu-bg: #16161c;--megamenu-border:#252530;--megamenu-title: #c0392b;--megamenu-item: #8888a0;--megamenu-hover: rgba(255,255,255,.05);--megamenu-active-bg: rgba(192,57,43,.12);--megamenu-active-text: #e85d4a;--topnav-bg: #16161c;--topnav-border: #252530;--table-stripe: #1a1a22;--badge-bg: #c0392b;--badge-text: #fff;--scrollbar: #2a2a36}[data-theme=light]{--bg-base: #f0f0f2;--bg-surface: #ffffff;--bg-hover: #f5f5f8;--bg-active: rgba(192,57,43,.07);--border: #e5e5ea;--border-light: #f0f0f5;--text-primary: #1a1a2e;--text-secondary: #666680;--text-muted: #aaaabc;--accent: #c0392b;--accent-hover: #a93226;--accent-text: #c0392b;--iconbar-bg: #1e6b3c;--iconbar-border: #175c32;--iconbar-text: rgba(255,255,255,.6);--iconbar-hover: rgba(255,255,255,.12);--iconbar-active: rgba(255,255,255,.2);--iconbar-active-text: #fff;--megamenu-bg: #f9f9f9;--megamenu-border:#e5e5ea;--megamenu-title: #1e6b3c;--megamenu-item: #555568;--megamenu-hover: rgba(0,0,0,.04);--megamenu-active-bg: rgba(30,107,60,.08);--megamenu-active-text: #1e6b3c;--topnav-bg: #ffffff;--topnav-border: #e5e5ea;--table-stripe: #fafafa;--badge-bg: #c0392b;--badge-text: #fff;--scrollbar: #d5d5da}html,body,#root{height:100%}body{background:var(--bg-base);color:var(--text-primary);transition:background .2s,color .2s}.app{display:flex;height:100vh;overflow:hidden}.sidebar-wrap{display:flex;flex-shrink:0;position:relative;z-index:200}.icon-bar{width:64px;background:var(--iconbar-bg);border-right:1px solid var(--iconbar-border);display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:2px;transition:background .2s}.icon-bar-logo{margin-bottom:8px;padding:4px}.icon-bar-logo-img{width:36px;height:36px;border-radius:8px;object-fit:contain}.icon-bar-logo-icon{width:36px;height:36px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.icon-bar-nav{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;width:100%;padding:0 6px}.icon-bar-item{width:52px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;border-radius:8px;cursor:pointer;border:none;background:transparent;color:var(--iconbar-text);transition:all .15s;position:relative}.icon-bar-item:hover{background:var(--iconbar-hover);color:var(--text-primary)}.icon-bar-item.active{background:var(--iconbar-active);color:var(--iconbar-active-text)}[data-theme=light] .icon-bar-item:hover{color:#fff}.icon-bar-label{font-size:9px;font-weight:500;letter-spacing:.03em;line-height:1.2;text-align:center}.icon-bar-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;position:absolute;top:5px;right:7px;border:1.5px solid var(--iconbar-bg)}.icon-bar-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0;width:100%;border-top:1px solid var(--iconbar-border)}.icon-bar-theme{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--iconbar-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.icon-bar-theme:hover{background:var(--iconbar-hover);color:var(--text-primary)}[data-theme=light] .icon-bar-theme:hover{color:#fff}.icon-bar-avatar{width:30px;height:30px;border-radius:50%;background:#c0392b40;color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;cursor:pointer}.icon-bar-logout{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--iconbar-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.icon-bar-logout:hover{color:var(--accent-text);background:var(--bg-active)}.megamenu{width:220px;background:var(--megamenu-bg);border-right:1px solid var(--megamenu-border);display:flex;flex-direction:column;overflow-y:auto;transition:background .2s}.megamenu::-webkit-scrollbar{width:3px}.megamenu::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:2px}.megamenu-header{display:flex;align-items:center;gap:8px;padding:14px 14px 10px;border-bottom:1px solid var(--megamenu-border);flex-shrink:0}.megamenu-header-icon{color:var(--megamenu-title);flex-shrink:0}.megamenu-header-title{font-size:14px;font-weight:600;color:var(--text-primary);flex:1}.megamenu-close{border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:4px;transition:all .15s}.megamenu-close:hover{color:var(--text-primary);background:var(--bg-hover)}.megamenu-body{padding:8px 0}.megamenu-section{padding:10px 12px 4px}.megamenu-section-title{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--megamenu-title);margin-bottom:4px;padding:0 4px}.megamenu-items{display:flex;flex-direction:column;gap:1px}.megamenu-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:7px;cursor:pointer;border:none;background:transparent;color:var(--megamenu-item);font-size:12px;font-weight:400;text-align:left;width:100%;transition:all .15s}.megamenu-item:hover{background:var(--megamenu-hover);color:var(--text-primary)}.megamenu-item.active{background:var(--megamenu-active-bg);color:var(--megamenu-active-text);font-weight:500}.megamenu-badge{margin-left:auto;background:var(--badge-bg);color:var(--badge-text);font-size:9px;font-weight:700;padding:1px 5px;border-radius:8px;line-height:1.6}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-base);transition:background .2s}.topnav{height:52px;background:var(--topnav-bg);border-bottom:1px solid var(--topnav-border);display:flex;align-items:center;padding:0 20px;flex-shrink:0;transition:background .2s,border-color .2s}.topnav-right{margin-left:auto;display:flex;align-items:center;gap:6px}.theme-btn-top{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.theme-btn-top:hover{background:var(--bg-hover);color:var(--text-primary)}.pg{font-size:15px;font-weight:600;color:var(--text-primary)}.psub{font-size:11px;color:var(--text-muted);margin-top:1px}.content{flex:1;overflow-y:auto;padding:20px}.content::-webkit-scrollbar{width:5px}.content::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:background .2s,border-color .2s}.card-head{padding:12px 16px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:13px;font-weight:600;color:var(--text-primary)}table{width:100%;border-collapse:collapse}thead th{padding:8px 14px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-light);white-space:nowrap}tbody td{padding:10px 14px;font-size:12px;color:var(--text-secondary);border-bottom:1px solid var(--border-light);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--table-stripe)}.td-primary{color:var(--text-primary);font-weight:500}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:600}.badge:before{content:"";width:5px;height:5px;border-radius:50%}.badge-green{background:#eaf7f0;color:#1a7a4a}.badge-green:before{background:#2ecc8a}.badge-red{background:#fdf0f0;color:#c0392b}.badge-red:before{background:#e74c3c}.badge-amber{background:#fef9ec;color:#946c00}.badge-amber:before{background:#f5a623}.badge-blue{background:#eef4fd;color:#1a4c8a}.badge-blue:before{background:#4a9eff}.badge-gray{background:#f0f0f5;color:#888}.badge-gray:before{background:#aaa}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;border:none;font-family:inherit}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.inp{background:var(--bg-surface);border:1px solid var(--border);border-radius:7px;color:var(--text-primary);font-family:inherit;font-size:12px;padding:7px 10px;outline:none;transition:border .15s}.inp:focus{border-color:var(--accent)}.inp::placeholder{color:var(--text-muted)}select.inp{cursor:pointer}.loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-muted);font-size:14px;background:var(--bg-base)}