*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f0f2f5;color:#1a1a2e;min-height:100vh}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;background:#1a237e;display:flex;flex-direction:column;padding:1.5rem 1rem;gap:4px;position:fixed;top:0;left:0;bottom:0}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:0 .5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:.5rem}.sidebar-logo-hex{width:38px;height:38px;background:#f5a623;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#1a237e}.sidebar-brand{color:#fff;font-size:18px;font-weight:700;letter-spacing:.5px}.sidebar-sub{color:#ffffff80;font-size:10px;letter-spacing:1px;margin-top:2px}.nav-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:#ffffffb3;font-size:14px;cursor:pointer;text-align:left;transition:all .15s}.nav-btn:hover{background:#ffffff1a;color:#fff}.nav-btn.active{background:#ffffff2e;color:#fff;font-weight:500}.nav-icon{font-size:16px;width:20px;text-align:center}.main-content{margin-left:220px;padding:2rem;flex:1;max-width:1200px}.card{background:#fff;border-radius:12px;border:1px solid #e8e8e8;padding:1.5rem;margin-bottom:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.card-title{font-size:16px;font-weight:600;color:#1a237e}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1 / -1}label{font-size:12px;font-weight:600;color:#666;letter-spacing:.4px}input,select,textarea{padding:9px 12px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:14px;color:#1a1a2e;background:#fff;outline:none;transition:border-color .15s}input:focus,select:focus{border-color:#1a237e;box-shadow:0 0 0 3px #1a237e1a}input.mono{font-family:Courier New,monospace;letter-spacing:2px}.btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .15s}.btn-primary{background:#1a237e;color:#fff}.btn-primary:hover{background:#1565c0}.btn-success{background:#43a047;color:#fff}.btn-danger{background:#e53935;color:#fff;font-size:12px;padding:6px 12px}.btn-ghost{background:transparent;border:1.5px solid #ddd;color:#555}.btn-ghost:hover{border-color:#1a237e;color:#1a237e}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.badge-active{background:#e8f5e9;color:#2e7d32}.badge-inactive{background:#ffebee;color:#c62828}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;padding:10px 12px;font-size:11px;font-weight:600;color:#999;letter-spacing:.5px;border-bottom:1px solid #eee}.table td{padding:12px;border-bottom:1px solid #f5f5f5;vertical-align:middle}.table tr:hover td{background:#fafafa}.toggle-wrap{display:flex;align-items:center;gap:8px}.toggle{position:relative;width:40px;height:22px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ddd;border-radius:11px;cursor:pointer;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}.toggle input:checked+.toggle-slider{background:#43a047}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:1.5rem}.stat-card{background:#fff;border-radius:12px;padding:1.25rem;border:1px solid #e8e8e8}.stat-label{font-size:11px;font-weight:600;color:#999;letter-spacing:.5px;margin-bottom:6px}.stat-value{font-size:28px;font-weight:700;color:#1a237e}.stat-sub{font-size:12px;color:#aaa;margin-top:4px}@media print{.sidebar,.no-print{display:none!important}.main-content{margin-left:0;padding:0}}@media (max-width: 768px){.sidebar{width:100%;height:auto;position:relative}.main-content{margin-left:0}.stats-row{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}}