:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--secondary:#7c3aed;--accent:#06d6a0;--bg:#0f172a;--surface:#1e293b;--surface-light:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#334155;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--radius:12px;--radius-sm:8px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background-color:var(--bg);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--primary-light);text-decoration:none}a:hover{color:var(--primary)}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:260px;display:flex}.sidebar-header{border-bottom:1px solid var(--border);padding:24px}.sidebar-logo{color:var(--primary);letter-spacing:-1px;font-size:28px;font-weight:800}.sidebar-subtitle{color:var(--text-muted);margin-top:4px;font-size:12px}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.sidebar-nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav-item:hover{background:var(--surface-light);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--primary);color:#fff}.sidebar-nav-icon{text-align:center;width:24px;font-size:20px}.main-content{flex:1;padding:32px;overflow-y:auto}.page-header{margin-bottom:32px}.page-title{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:800}.page-subtitle{color:var(--text-secondary);font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:transform .2s,border-color .2s}.stat-card:hover{border-color:var(--primary);transform:translateY(-2px)}.stat-card-icon{margin-bottom:12px;font-size:24px}.stat-card-value{color:var(--text-primary);margin-bottom:4px;font-size:28px;font-weight:800}.stat-card-label{color:var(--text-secondary);font-size:13px;font-weight:500}.data-table-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.data-table-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.data-table-title{color:var(--text-primary);font-size:16px;font-weight:700}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background:#0003;padding:12px 20px;font-size:12px;font-weight:600}.data-table td{color:var(--text-secondary);border-bottom:1px solid var(--border);padding:14px 20px;font-size:14px}.data-table tr:hover td{background:#ffffff05}.data-table tr:last-child td{border-bottom:none}.badge{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#10b98126}.badge-warning{color:var(--warning);background:#f59e0b26}.badge-error{color:var(--error);background:#ef444426}.badge-info{color:var(--info);background:#3b82f626}.badge-muted{color:var(--text-muted);background:#94a3b826}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--surface-light);color:var(--text-primary)}.btn-secondary:hover{background:var(--border)}.btn-danger{color:var(--error);background:#ef444426}.btn-danger:hover{background:#ef444440}.btn-sm{padding:6px 12px;font-size:12px}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input,.form-select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.form-input:focus,.form-select:focus{border-color:var(--primary)}.form-input::placeholder{color:var(--text-muted)}.category-tree{padding:0;list-style:none}.category-tree-item{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;overflow:hidden}.category-tree-header{background:var(--surface);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .2s;display:flex}.category-tree-header:hover{background:var(--surface-light)}.category-tree-name{align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.category-tree-icon{font-size:20px}.category-tree-children{padding:0 0 0 24px;list-style:none}.category-tree-child{border-top:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:10px 16px;font-size:14px;display:flex}.category-tree-child:hover{background:#ffffff05}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:90%;max-width:480px;max-height:80vh;padding:24px;overflow-y:auto}.modal-title{margin-bottom:20px;font-size:20px;font-weight:700}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.search-bar{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;height:40px;padding:0 14px;display:flex}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;margin-left:8px;font-size:14px}.search-bar input::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:1300px){.graffiti-col{display:none}}@keyframes gp-blow{0%,58%{opacity:1;transform:translate(0)}78%{transform:translate(var(--ex,0), var(--ey,0));opacity:.45}to{opacity:1;transform:translate(0)}}.gp-ex{animation:18s cubic-bezier(.4,0,.2,1) infinite gp-blow}.gp-s0{animation-delay:0s}.gp-s1{animation-delay:-.35s}.gp-s2{animation-delay:-.7s}.gp-s3{animation-delay:-1.05s}.gp-s4{animation-delay:-1.4s}.gp-s5{animation-delay:-1.75s}.gp-b0{--ex:-150px;--ey:-0px}.gp-b1{--ex:-260px;--ey:-0px}.gp-b2{--ex:-400px;--ey:-0px}.gp-b3{--ex:-139px;--ey:-57px}.gp-b4{--ex:-240px;--ey:-99px}.gp-b5{--ex:-370px;--ey:-153px}.gp-b6{--ex:-106px;--ey:-106px}.gp-b7{--ex:-184px;--ey:-184px}.gp-b8{--ex:-283px;--ey:-283px}.gp-b9{--ex:-57px;--ey:-139px}.gp-b10{--ex:-99px;--ey:-240px}.gp-b11{--ex:-153px;--ey:-370px}.gp-b12{--ex:0px;--ey:-150px}.gp-b13{--ex:0px;--ey:-260px}.gp-b14{--ex:0px;--ey:-400px}.gp-b15{--ex:57px;--ey:-139px}.gp-b16{--ex:99px;--ey:-240px}.gp-b17{--ex:153px;--ey:-370px}.gp-b18{--ex:106px;--ey:-106px}.gp-b19{--ex:184px;--ey:-184px}.gp-b20{--ex:283px;--ey:-283px}.gp-b21{--ex:139px;--ey:-57px}.gp-b22{--ex:240px;--ey:-99px}.gp-b23{--ex:370px;--ey:-153px}.gp-b24{--ex:150px;--ey:0px}.gp-b25{--ex:260px;--ey:0px}.gp-b26{--ex:400px;--ey:0px}.gp-b27{--ex:139px;--ey:57px}.gp-b28{--ex:240px;--ey:99px}.gp-b29{--ex:370px;--ey:153px}.gp-b30{--ex:106px;--ey:106px}.gp-b31{--ex:184px;--ey:184px}.gp-b32{--ex:283px;--ey:283px}.gp-b33{--ex:57px;--ey:139px}.gp-b34{--ex:99px;--ey:240px}.gp-b35{--ex:153px;--ey:370px}.gp-b36{--ex:0px;--ey:150px}.gp-b37{--ex:0px;--ey:260px}.gp-b38{--ex:0px;--ey:400px}.gp-b39{--ex:-57px;--ey:139px}.gp-b40{--ex:-99px;--ey:240px}.gp-b41{--ex:-153px;--ey:370px}.gp-b42{--ex:-106px;--ey:106px}.gp-b43{--ex:-184px;--ey:184px}.gp-b44{--ex:-283px;--ey:283px}.gp-b45{--ex:-139px;--ey:57px}.gp-b46{--ex:-240px;--ey:99px}.gp-b47{--ex:-370px;--ey:153px}@keyframes gp-n0{0%,to{transform:translate(0)}50%{transform:translate(2px,-1.6px)}}@keyframes gp-n1{0%,to{transform:translate(0)}50%{transform:translate(-1.6px,2px)}}@keyframes gp-n2{0%,to{transform:translate(0)}50%{transform:translate(2.2px,1.4px)}}@keyframes gp-n3{0%,to{transform:translate(0)}50%{transform:translate(-2px,-1.2px)}}@keyframes gp-n4{0%,to{transform:translate(0)}50%{transform:translate(1.3px,2.2px)}}@keyframes gp-n5{0%,to{transform:translate(0)}50%{transform:translate(-2.3px,.9px)}}@keyframes gp-n6{0%,to{transform:translate(0)}33%{transform:translate(1.6px,1.6px)}66%{transform:translate(-1.2px,.9px)}}@keyframes gp-n7{0%,to{transform:translate(0)}33%{transform:translate(-2px,.5px)}66%{transform:translate(.9px,-2px)}}@keyframes gp-n8{0%,to{transform:translate(0)}50%{transform:translate(2.4px,-.8px)}}@keyframes gp-n9{0%,to{transform:translate(0)}50%{transform:translate(-.9px,-2.3px)}}@keyframes gp-n10{0%,to{transform:translate(0)}33%{transform:translate(1.2px,-1.6px)}66%{transform:translate(-1.6px,-.5px)}}@keyframes gp-n11{0%,to{transform:translate(0)}50%{transform:translate(-1.2px,1.7px)}}.gp-c0{animation:6.1s ease-in-out -.3s infinite gp-n0}.gp-c1{animation:7.4s ease-in-out -1.1s infinite gp-n1}.gp-c2{animation:5.2s ease-in-out -2.4s infinite gp-n2}.gp-c3{animation:8.3s ease-in-out -.9s infinite gp-n3}.gp-c4{animation:6.8s ease-in-out -3.2s infinite gp-n4}.gp-c5{animation:9.1s ease-in-out -1.7s infinite gp-n5}.gp-c6{animation:7.9s ease-in-out -4.1s infinite gp-n6}.gp-c7{animation:5.7s ease-in-out -2.8s infinite gp-n7}.gp-c8{animation:8.8s ease-in-out -.5s infinite gp-n8}.gp-c9{animation:6.4s ease-in-out -3.6s infinite gp-n9}.gp-c10{animation:9.6s ease-in-out -1.4s infinite gp-n10}.gp-c11{animation:7.1s ease-in-out -4.7s infinite gp-n11}@keyframes gp-g0{0%,to{transform:translate(0)}50%{transform:translate(3px,-2px)}}@keyframes gp-g1{0%,to{transform:translate(0)}50%{transform:translate(-2.5px,2.5px)}}@keyframes gp-g2{0%,to{transform:translate(0)}50%{transform:translate(2px,3px)}}@keyframes gp-g3{0%,to{transform:translate(0)}50%{transform:translate(-3px,-1.5px)}}.gp-g0{animation:11s ease-in-out infinite gp-g0}.gp-g1{animation:13s ease-in-out -3s infinite gp-g1}.gp-g2{animation:15s ease-in-out -6s infinite gp-g2}.gp-g3{animation:12s ease-in-out -9s infinite gp-g3}.gp-g4{animation:14s ease-in-out -4s infinite gp-g0}.gp-g5{animation:16s ease-in-out -7s infinite gp-g1}.gp-g6{animation:12.5s ease-in-out -2s infinite gp-g2}.gp-g7{animation:17s ease-in-out -5s infinite gp-g3}@media (prefers-reduced-motion:reduce){.gp-ex,.gp-ct{animation:none}}