*,:before,:after{box-sizing:border-box}body{color:#e2e8f0;-webkit-font-smoothing:antialiased;background:#020f0a;margin:0;font-family:Inter,system-ui,sans-serif}.f-shell{min-height:100vh;display:flex}.f-sidebar{background:#051c12;border-right:1px solid #10b9811f;flex-direction:column;flex-shrink:0;width:220px;padding:24px 0 16px;display:flex}.f-sidebar-brand{align-items:center;gap:12px;padding:0 20px 28px;display:flex}.f-sidebar-mark{color:#fff;background:linear-gradient(135deg,#059669,#047857);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;font-weight:800;display:flex}.f-sidebar-title{color:#f0fdf4;font-size:14px;font-weight:800;line-height:1.2}.f-sidebar-sub{color:#059669;margin-top:2px;font-size:11px}.f-nav{flex-direction:column;flex:1;gap:2px;padding:0 10px;display:flex}.f-nav a{color:#94a3b8;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.f-nav a:hover{color:#6ee7b7;background:#10b98114}.f-nav a.active{color:#34d399;background:#10b98124;font-weight:600}.f-nav-section{color:#374151;text-transform:uppercase;letter-spacing:.07em;padding:16px 12px 6px;font-size:10px;font-weight:700}.f-sidebar-footer{border-top:1px solid #ffffff0f;padding:12px 10px 0}.f-main{flex:1;min-width:0;padding:28px 32px;overflow-y:auto}.f-topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.f-topbar h1{color:#f0fdf4;margin:0 0 4px;font-size:22px;font-weight:800}.f-topbar p{color:#4b5563;margin:0;font-size:13px}.f-topbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.f-cards{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.f-card{background:#051c12;border:1px solid #10b9812e;border-radius:14px;flex:1;min-width:140px;padding:18px 20px}.f-card .val{color:#34d399;font-size:30px;font-weight:800;line-height:1}.f-card .lbl{color:#4b5563;text-transform:uppercase;letter-spacing:.06em;margin-top:6px;font-size:11px}.f-card .sub{color:#6ee7b7;margin-top:4px;font-size:12px}.f-section{background:#0a1f15;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:20px;padding:20px 22px}.f-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.f-section-header h3{color:#e2e8f0;margin:0;font-size:14px;font-weight:700}.f-section-header p{color:#4b5563;margin:0;font-size:12px}.f-table-wrap{overflow-x:auto}.f-table{border-collapse:collapse;width:100%;font-size:13px}.f-table th{text-align:left;color:#4b5563;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #ffffff0f;padding:8px 12px;font-size:11px;font-weight:600}.f-table td{color:#cbd5e1;vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:10px 12px}.f-table tr:last-child td{border-bottom:none}.f-table tr:hover td{background:#10b9810a}.f-input{color:#e2e8f0;background:#020f0a;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;height:40px;padding:0 12px;font-size:13px}.f-input:focus{border-color:#10b98180}.f-input::placeholder{color:#374151}.f-select{color:#e2e8f0;cursor:pointer;background:#020f0a;border:1px solid #ffffff1a;border-radius:10px;outline:none;height:40px;padding:0 10px;font-size:13px}.f-select:focus{border-color:#10b98180}.f-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;height:40px;padding:0 16px;font-size:13px;font-weight:600}.f-btn-primary{color:#fff;background:linear-gradient(135deg,#059669,#047857)}.f-btn-primary:hover{opacity:.9}.f-btn-ghost{color:#94a3b8;background:0 0;border:1px solid #ffffff1a}.f-btn-ghost:hover{color:#6ee7b7;border-color:#10b98166}.f-btn-danger{color:#fca5a5;background:#ef44441f;border:1px solid #ef444440}.f-btn-sm{border-radius:8px;height:32px;padding:0 12px;font-size:12px}.f-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.f-badge-green{color:#34d399;background:#10b98126}.f-badge-yellow{color:#fde047;background:#eab30826}.f-badge-red{color:#fca5a5;background:#ef444426}.f-badge-gray{color:#94a3b8;background:#94a3b81a}.f-badge-blue{color:#93c5fd;background:#3b82f626}.f-alert-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444433;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:13px}.f-alert-success{color:#6ee7b7;background:#10b98114;border:1px solid #10b98133;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:13px}.f-empty{text-align:center;color:#374151;padding:40px;font-size:13px}.f-actions{flex-wrap:wrap;gap:6px;display:flex}.f-actions button{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:7px;height:30px;padding:0 10px;font-size:12px}.f-actions button:hover{color:#34d399;background:#10b98126;border-color:#10b9814d}.f-modal-bg{z-index:50;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.f-modal{background:#0a1f15;border:1px solid #10b98133;border-radius:18px;width:100%;max-width:480px;padding:28px}.f-modal h3{color:#f0fdf4;margin:0 0 20px;font-size:16px;font-weight:700}.f-grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:600px){.f-grid2{grid-template-columns:1fr}}.f-field{flex-direction:column;gap:6px;display:flex}.f-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}