:root{--font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--bg:#f7f8fa;--surface:#fff;--surface-2:#f3f4f6;--border:#e5e7eb;--text:#1f2937;--text-2:#6b7280;--text-3:#9ca3af;--navy:#1b2447;--navy-hover:#263262;--amber:#f5a524;--amber-soft:#fff4de;--purple:#6d28d9;--green:#16a34a;--red:#dc2626;--blue:#2563eb;--radius:10px;--radius-lg:14px;--shadow:0 1px 3px rgba(16,24,40,.08),0 1px 2px rgba(16,24,40,.04);--shadow-lg:0 12px 32px rgba(16,24,40,.18);--sidebar-w:267px;--sidebar-w-collapsed:64px;--topbar-h:60px}:root[data-theme=dark]{--bg:#0f1220;--surface:#181c30;--surface-2:#20253c;--border:#2c324d;--text:#e8eaf3;--text-2:#a4aac2;--text-3:#6f7694;--navy:#3b4a8a;--navy-hover:#4a5aa0;--amber-soft:#3a2d12}*{box-sizing:border-box}#root,body,html{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px;color:var(--text)}h1,h2,h3{margin:0}.qiq .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;font-size:14px;white-space:nowrap}.qiq .btn:hover{background:var(--surface-2)}.qiq .btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.qiq .btn.primary:hover{background:var(--navy-hover)}.qiq .btn.black{background:#111;color:#fff;border-color:#111}.qiq .btn.danger{color:var(--red)}.qiq .btn.sm{height:32px;padding:0 12px;font-size:13px}.qiq .btn.block{width:100%}.qiq .btn:disabled{opacity:.5;cursor:not-allowed}.qiq .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}.qiq .badge{display:inline-block;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--amber);color:#fff;letter-spacing:.3px}.qiq .input,.qiq .select,.qiq .textarea{width:100%;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);outline:none}.qiq .textarea{height:auto;padding:10px 12px;min-height:80px;resize:vertical}.qiq .input:focus,.qiq .select:focus,.qiq .textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(27,36,71,.12)}.qiq .field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.qiq .field>label{font-size:13px;font-weight:600;color:var(--text)}.qiq .field .hint{font-size:12px;color:var(--text-2)}.qiq .field .err{font-size:12px;color:var(--red)}.qiq .row{display:flex;gap:12px;align-items:center}.qiq .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qiq .spacer{flex:1}.qiq .muted{color:var(--text-2)}.qiq .page{padding:24px 28px 48px;max-width:1400px;margin:0 auto}.qiq .page-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.qiq .page-header h1{font-size:24px;font-weight:700}.qiq .page-header .sub{color:var(--text-2);font-size:14px}.qiq .tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin-bottom:16px;overflow-x:auto}.qiq .tab{background:none;padding:10px 14px;font-weight:600;color:var(--text-2);border:none;border-bottom:2px solid transparent;white-space:nowrap}.qiq .tab.active{color:var(--text);border-bottom-color:var(--text)}.qiq .chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.qiq .chip{height:32px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-weight:500;font-size:13px}.qiq .chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.qiq .table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.qiq .table th{text-align:left;font-size:12px;color:var(--text-2);font-weight:600;padding:10px 14px;background:var(--surface-2)}.qiq .table td,.qiq .table th{border-bottom:1px solid var(--border)}.qiq .table td{padding:12px 14px}.qiq .table tr:last-child td{border-bottom:none}.qiq .empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:56px 16px;color:var(--text-2);text-align:center}.qiq .empty .ico{width:56px;height:56px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;color:var(--text-3)}.qiq .empty h3{color:var(--text);font-size:16px}.qiq .overlay{position:fixed;inset:0;background:rgba(15,18,32,.5);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.qiq .overlay.right{justify-content:flex-end;padding:12px}.qiq .overlay.top{align-items:flex-start;padding-top:12vh}.qiq .modal{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.qiq .modal.wide{max-width:760px}.qiq .modal.drawer{max-width:480px;height:calc(100vh - 24px);max-height:none}.qiq .modal-head{display:flex;align-items:center;padding:18px 20px 8px;gap:8px}.qiq .modal-head h2{font-size:18px;font-weight:700;flex:1}.qiq .modal-body{padding:8px 20px 16px;overflow:auto;flex:1}.qiq .modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 20px 18px}.qiq .icon-btn{background:none;border:none;width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:var(--text-2)}.qiq .icon-btn:hover{background:var(--surface-2)}.qiq .toast-wrap{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:300;display:flex;flex-direction:column;gap:8px}.qiq .toast{background:#111827;color:#fff;padding:10px 16px;border-radius:8px;box-shadow:var(--shadow-lg);font-weight:500}.qiq .switch{width:40px;height:22px;border-radius:999px;background:var(--border);position:relative;border:none;padding:0}.qiq .switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:var(--shadow)}.qiq .switch.on{background:#f5a94a}.qiq .switch.on:after{left:20px}.qiq .shell{display:flex;height:100%}.qiq .sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:width .15s}.qiq .shell.collapsed .sidebar{width:var(--sidebar-w-collapsed)}.qiq .sidebar-top{padding:16px 16px 8px;display:flex;align-items:center;justify-content:space-between}.qiq .plan-pill{background:var(--purple);color:#fff;font-weight:700;font-size:12px;padding:6px 12px;border-radius:6px;display:inline-flex;align-items:center;gap:6px}.qiq .company{display:flex;align-items:center;gap:10px;padding:8px 16px}.qiq .company .logo{width:46px;height:46px;border-radius:8px;background:#111;display:grid;place-items:center;color:var(--amber);font-weight:800;font-size:18px;flex-shrink:0}.qiq .company .name{font-weight:700;font-size:16px}.qiq .company .email{font-size:13px;color:var(--text-2);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qiq .nav-scroll{flex:1;overflow-y:auto;padding:4px 14px}.qiq .nav-item{display:flex;align-items:center;gap:12px;width:100%;height:40px;padding:0 12px;border:1px solid transparent;background:none;border-radius:10px;font-size:15px;font-weight:500;color:var(--text);text-align:left;text-decoration:none}.qiq .nav-item:hover{background:var(--surface-2)}.qiq .nav-item.active{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow)}.qiq .nav-item .chev{margin-left:auto;color:var(--text-2)}.qiq .nav-item.group{font-weight:600;font-size:16px;height:44px}.qiq .nav-sub{margin:2px 0 6px 28px;border-left:1px solid var(--border);padding-left:14px;display:flex;flex-direction:column}.qiq .nav-sub a{padding:8px 6px;font-size:13px;color:var(--text-2);text-decoration:none}.qiq .nav-sub a.active,.qiq .nav-sub a:hover{color:var(--text);font-weight:600}.qiq .sidebar-foot{padding:12px 8px;border-top:1px solid var(--border)}.qiq .main{flex:1;display:flex;flex-direction:column;min-width:0}.qiq .topbar{height:var(--topbar-h);display:flex;align-items:center;padding:0 16px;gap:12px;flex-shrink:0}.qiq .topnav{margin:0 auto;display:flex;gap:4px;background:var(--surface-2);border-radius:12px;padding:6px}.qiq .topnav a{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;color:var(--text-2);font-weight:500;text-decoration:none;font-size:15px}.qiq .topnav a.active{background:var(--surface);color:var(--text);font-weight:700;box-shadow:var(--shadow)}.qiq .topnav a.active svg{color:var(--amber)}.qiq .trial-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--amber);border-radius:10px;padding:6px 10px;background:var(--surface);font-weight:500}.qiq .content{flex:1;overflow:auto}@media (max-width:900px){.qiq .sidebar{position:fixed;z-index:90;height:100%}.qiq .shell.collapsed .sidebar{width:0;overflow:hidden;border:0}.qiq .topnav{display:none}.qiq .grid-2{grid-template-columns:1fr}}.qiq{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;height:100%}.qiq *,.qiq :after,.qiq :before{box-sizing:border-box}.qiq button{font-family:inherit;cursor:pointer}.qiq h1,.qiq h2,.qiq h3{margin:0;letter-spacing:normal}.qiq a{color:inherit}.qiq h1{font-size:24px;font-weight:700;line-height:1.25}.qiq h2{font-size:20px}.qiq h2,.qiq h3{font-weight:700;line-height:1.3}.qiq h3{font-size:16px}.qiq h4{font-size:14px;font-weight:600}.qiq b,.qiq strong{font-weight:700}.qiq input::-moz-placeholder,.qiq textarea::-moz-placeholder{color:var(--text-3)}.qiq input::placeholder,.qiq textarea::placeholder{color:var(--text-3)}