body,html{padding:0;margin:0;font-family:ui-sans-serif,system-ui,-apple-system;background:#0b0c10;color:#e8ecf1;overflow-x:hidden;max-width:100vw}*{box-sizing:border-box}.app{display:block;min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw}.app[style*="overflow-y: auto"]{overflow-y:auto!important}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes wave{0%,to{transform:translateX(0)}50%{transform:translateX(-25px)}}.sidebar{background:#0f1117;border-right:1px solid #1f2230;padding:20px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{font-weight:800;font-size:20px;margin-bottom:24px}.muted{color:#9aa4b2}.nav{display:grid;grid-gap:4px;gap:4px;margin-bottom:32px}.nav-item{color:#cfd7ff;text-decoration:none;padding:10px 12px;border-radius:8px;font-weight:500}.nav-item:hover{background:#121522}.nav-item.active{background:rgba(79,125,255,.15);color:#6a91ff;border-left:3px solid #4f7dff}.nav-filters{margin-top:8px}.nav-filters-title{color:#9aa4b2;font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:12px;padding:0 12px}.nav-filter{display:block;color:#cfd7ff;text-decoration:none;padding:10px 12px;border-radius:8px;font-weight:400;cursor:pointer;transition:all .2s ease;margin-bottom:4px}.nav-filter:hover{background:#121522;color:#fff}.nav-filter.active{background:rgba(79,125,255,.15);color:#6a91ff;border-left:3px solid #4f7dff;font-weight:500}.container{max-width:1400px;margin:0 auto;padding:24px;box-sizing:border-box}.container,main{width:100%;overflow-x:hidden;max-width:100%}main{min-width:0}.topbar{margin-bottom:24px}.topbar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.topbar-header h2{margin:0;font-size:24px;font-weight:700}.topbar-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;overflow-x:hidden;max-width:100%}.topbar-controls .input{flex:1 1;max-width:400px;min-width:0}.statbar{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px;overflow-x:hidden;max-width:100%}.stat{background:linear-gradient(135deg,rgba(79,125,255,.08),#101218);border:1px solid #1f2230;border-radius:12px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.stat-label{color:#9aa4b2;font-size:12px;font-weight:500;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-weight:800;font-size:24px;color:#e8ecf1}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px;background:rgba(79,125,255,.05);border:1px solid rgba(79,125,255,.15);border-radius:12px}.card{background:#111217;border:1px solid #1f2230;border-radius:12px;padding:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #1f2230}.section-title{font-weight:700;font-size:18px;margin:0}.button,.input,.select{padding:10px 14px;border-radius:10px;border:1px solid #2a2f3c;background:#0f1117;color:#e8ecf1;font-size:14px}.input:focus,.select:focus{outline:none;border-color:#4f7dff;box-shadow:0 0 0 3px rgba(79,125,255,.1)}.button{cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease;font-weight:500}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.2);box-shadow:none}.button--primary{background:linear-gradient(135deg,#6a91ff,#2f5bff);border-color:#2f5bff;color:#fff;box-shadow:0 8px 16px rgba(79,125,255,.25)}.button--primary:hover:not(:disabled){box-shadow:0 10px 22px rgba(79,125,255,.32)}.button--danger{background:linear-gradient(135deg,#ff6b6b,#e14b6b);border-color:#c73c5e;color:#fff;box-shadow:0 8px 16px rgba(225,75,107,.25)}.button--danger:hover:not(:disabled){box-shadow:0 10px 22px rgba(225,75,107,.32)}.button--outline{background:transparent;border-color:#4f7dff;color:#6a91ff}.button--outline:hover:not(:disabled){background:rgba(79,125,255,.12);color:#fff}.button--ghost{background:transparent;border-color:#2a2f3c;color:#cfd7ff}.button--ghost:hover:not(:disabled){background:#121522}.row{display:flex;gap:12px;align-items:center}.badge{display:inline-block;border:1px solid #2a2f3c;padding:4px 10px;border-radius:999px;font-size:11px;color:#cfd7ff;font-weight:500;text-transform:uppercase}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;overflow-x:hidden;max-width:100%}.chip{display:inline-flex;gap:6px;align-items:center;border:1px solid #2a2f3c;padding:4px 10px;border-radius:999px;font-size:12px}.chip.ok{background:rgba(35,197,94,.12);border-color:#2e7d32;color:#4ade80}.chip.warn{background:rgba(245,158,11,.12);border-color:#7a5a1a;color:#fbbf24}.chip.err{background:rgba(239,68,68,.12);border-color:#8a1f1f;color:#f87171}.list{display:grid;grid-gap:12px;gap:12px}.item{background:linear-gradient(180deg,rgba(124,156,255,.07),#101218);border:1px solid #1f2230;border-radius:12px;padding:16px;transition:border-color .2s ease}.item:hover{border-color:#2a2f3c}.item .actions{margin-top:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.item input:disabled{opacity:.35;cursor:not-allowed}.empty-state{text-align:center;padding:60px 20px}.empty-state-icon{font-size:64px;margin-bottom:16px}.empty-state-title{font-size:18px;font-weight:600;color:#e8ecf1;margin-bottom:8px}.empty-state-text{color:#9aa4b2;font-size:14px}.banner{margin-bottom:16px;padding:12px 16px;border-radius:12px;border:1px solid transparent;font-weight:600;display:flex;align-items:center;gap:8px}.banner--success{background:rgba(47,203,115,.14);border-color:rgba(47,203,115,.4);color:#8af2b6}.banner--error{background:rgba(255,92,92,.14);border-color:rgba(255,92,92,.4);color:#ffb0b0}.banner--info{background:rgba(100,198,246,.14);border-color:rgba(100,198,246,.4);color:#c8ecff}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #1f2230}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#0f1117;border-radius:12px;border:1px solid #1f2230;max-width:500px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.5)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #1f2230;background:linear-gradient(135deg,rgba(79,125,255,.08),#101218)}.modal-header h3{margin:0;color:#e8ecf1;font-size:18px;font-weight:600}.modal-close{background:none;border:none;color:#9aa4b2;font-size:24px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:rgba(79,125,255,.1);color:#6a91ff}.modal-body{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto;color:#e8ecf1}.modal-body label{color:#e8ecf1;font-weight:500;margin-bottom:8px;display:block}.modal-body p{color:#9aa4b2;font-size:14px;margin:0 0 12px;line-height:1.5}.modal-body input[type=date],.modal-body input[type=time],.modal-body textarea{width:100%;padding:12px;border:1px solid #2a2f3c;border-radius:8px;background:#1a1d29;color:#e8ecf1;font-family:inherit;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.modal-body input[type=date]:focus,.modal-body input[type=time]:focus,.modal-body textarea:focus{outline:none;border-color:#4f7dff;box-shadow:0 0 0 3px rgba(79,125,255,.1)}.modal-body input::placeholder,.modal-body textarea::placeholder{color:#9aa4b2}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #1f2230;background:rgba(16,18,24,.5)}@media (max-width:1000px){.app{grid-template-columns:1fr!important;display:block;width:100%!important}.sidebar{display:none;position:fixed;top:0;left:0;width:280px;height:100vh;z-index:1000;box-shadow:4px 0 20px rgba(0,0,0,.5);background:#0f1117}.sidebar.open{display:block}.sidebar-overlay.visible{display:block!important}.mobile-header{display:flex!important}.mobile-close-btn{display:block!important}.statbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%!important}.topbar-controls{flex-direction:column;width:100%!important}.topbar-controls .input{max-width:100%!important}.modal{margin:10px;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);width:100%}.modal-body,.modal-footer,.modal-header{padding:16px}}@media (max-width:600px){.container{padding:12px;width:100%}.topbar-controls{width:100%}.button,.ctrl-row,.input,.select,.topbar-controls .input{width:100%!important;max-width:none!important}.banner{width:100%;box-sizing:border-box}.statbar{grid-template-columns:1fr;width:100%}.topbar-header{flex-direction:column;align-items:flex-start;gap:16px;width:100%}.item,.topbar-header>div{width:100%}.item{padding:10px 12px!important}.item>div{flex-direction:column;align-items:flex-start!important;gap:8px!important;width:100%}.item>div>div{gap:4px!important}.item .chips{margin-top:8px!important;padding-top:8px!important;gap:6px!important}.item .actions{justify-content:stretch;width:100%;gap:8px}.item .actions button{flex:1 1;width:100%}.chips{overflow-x:auto;padding-bottom:4px;width:100%}.chips,.modal{max-width:100%}.modal{margin:0;max-height:100%;height:100%;border-radius:0;border:none}.stat-value{font-size:20px}.stat-label{font-size:11px}.ctrl-row{flex-direction:column;align-items:stretch}}