@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-deep: #02040a;--bg-canvas: #050a14;--bg-card: rgba(12, 18, 32, .65);--gold-primary: #eebb55;--gold-secondary: #cba048;--gold-dim: rgba(238, 187, 85, .15);--gold-glow: rgba(238, 187, 85, .4);--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-subtle: rgba(255, 255, 255, .08);--border-highlight: rgba(255, 255, 255, .15);--border-gold: rgba(238, 187, 85, .4);--success: #10b981;--danger: #ef4444;--blue: #60a5fa;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .6);--glass: blur(16px) saturate(180%);--font-sans: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background:var(--bg-deep);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 15% 0%,rgba(238,187,85,.08),transparent 40%),radial-gradient(circle at 85% 30%,rgba(59,130,246,.06),transparent 40%)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass{background:var(--bg-card);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);color:var(--text-primary)}button{color:inherit;font-family:inherit}.text-gold{color:var(--gold-primary)}.text-muted{color:var(--text-secondary)}.shell{display:flex;min-height:100vh;position:relative}.sidebar{width:260px;position:fixed;top:0;bottom:0;left:0;z-index:50;background:#050a14f2;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1);padding:20px 16px}@media(max-width:980px){.sidebar{transform:translate(-100%);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}}.sidebar-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.show{opacity:1;pointer-events:auto}.main{flex:1;margin-left:260px;padding:24px 32px;min-width:0;max-width:1440px}@media(max-width:980px){.main{margin-left:0;padding:20px}}@media(max-width:480px){.main{padding:16px}}.brand{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding:0 4px}.brand-logo{width:40px;height:40px;background:linear-gradient(135deg,var(--gold-primary),#b47613);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#000;box-shadow:0 0 15px #eebb554d}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:14px;transition:all .2s ease;margin-bottom:4px}.menu-item:hover{background:#ffffff08;color:var(--text-primary)}.menu-item.active{background:var(--gold-dim);color:var(--gold-primary);border:1px solid var(--border-gold)}.menu-icon{font-size:18px;width:24px;display:flex;justify-content:center}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border-subtle)}.search-bar{position:relative;width:320px}@media(max-width:768px){.search-bar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-right:8px}.search-bar input{box-sizing:border-box;padding:0;width:100%;height:100%;background:transparent;border-color:transparent;cursor:pointer;color:transparent;border-radius:50%}.search-bar input:focus{width:220px;height:44px;position:absolute;right:-10px;top:-2px;background:var(--bg-card);border:1px solid var(--border-gold);z-index:100!important;padding-left:16px;padding-right:16px;color:var(--text-primary);border-radius:12px;box-shadow:0 10px 40px #00000080}.search-bar svg{pointer-events:none;z-index:101}.hide-on-mobile{display:none!important}.topbar{gap:12px}.topbar-title{font-size:16px!important}}.search-bar input{width:100%;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:99px;padding:10px 16px 10px 40px;color:var(--text-primary);font-family:var(--font-sans);font-size:14px;transition:all .2s ease}.search-bar input::placeholder{color:#fff6}.approvals-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;height:calc(100vh - 140px);min-height:500px}.approvals-list,.approvals-detail{display:flex;flex-direction:column;padding:0;overflow:hidden}@media(max-width:768px){.approvals-layout{display:flex;flex-direction:column;height:auto;min-height:auto}.approvals-list{height:300px;flex-shrink:0}.approvals-detail{height:auto;min-height:400px}}.search-bar input:focus{outline:none;border-color:var(--gold-primary);background:#ffffff0d;box-shadow:0 0 0 3px var(--gold-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:99px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--gold-secondary) 0%,var(--gold-primary) 100%);color:#0b101d;border:none;box-shadow:0 4px 12px #eebb554d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #eb56}.btn-ghost{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-highlight)}.btn-ghost:hover{background:#ffffff1a;border-color:var(--text-secondary)}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:20px;padding:24px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.grid-standard{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.overlay.show{opacity:1;pointer-events:auto}.modal{background:#0b1221;border:1px solid var(--border-highlight);border-radius:24px;box-shadow:var(--shadow-lg);width:min(920px,95vw);max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:modalUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalUp{0%{transform:translateY(20px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{padding:16px 24px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;background:#ffffff05}.modal-body{padding:0;overflow-y:auto;display:flex;flex-direction:column}.modal-split{display:grid;grid-template-columns:1fr 1fr;min-height:400px}@media(max-width:768px){.modal-split{grid-template-columns:1fr}}.modal-panel{padding:24px}.modal-panel.sidebar-panel{border-right:1px solid var(--border-subtle);background:#0003}.field{margin-bottom:16px}.field label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.input-base{width:100%;background:#0003;border:1px solid var(--border-subtle);border-radius:12px;padding:12px 16px;color:var(--text-primary);font-family:var(--font-sans);font-size:14px;transition:all .2s}.input-base::placeholder{color:#fff6}.input-base:focus{outline:none;border-color:var(--gold-primary);background:#0006}textarea.input-base{min-height:100px;resize:vertical;line-height:1.6}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:600;border:1px solid transparent}.badge.med{background:#3b82f626;color:#60a5fa;border-color:#3b82f64d}.badge.high{background:#ef444426;color:#f87171;border-color:#ef44444d}.badge.pending{background:var(--gold-dim);color:var(--gold-primary);border-color:var(--border-gold)}.badge.sent{background:#10b98126;color:#34d399;border-color:#10b9814d}.qs-toggles{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.qs-toggle-card{display:flex;align-items:center;gap:12px;background:#ffffff08;border:1px solid var(--border-subtle);padding:12px 16px;border-radius:16px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;min-width:160px}.qs-toggle-card:hover{background:#ffffff0f;border-color:var(--border-highlight)}.qs-toggle-card.active{background:#eebb5514;border-color:#eebb554d}.switch{position:relative;width:40px;height:24px;background:#ffffff1a;border-radius:99px;transition:all .2s ease}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 4px #0003}.qs-toggle-card.active .switch{background:var(--gold-primary)}.qs-toggle-card.active .switch:after{transform:translate(16px)}.toggle-label{font-size:13px;font-weight:700;color:var(--text-primary);line-height:1.2}.toggle-sub{font-size:11px;color:var(--text-secondary);margin-top:2px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.grid-2{grid-template-columns:1fr}}.qs-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.qs-preview-box{display:flex;flex-direction:column;gap:16px}.qs-img-preview{border:1px dashed var(--border-gold);border-radius:12px;padding:8px;background:#0003}.qs-img-preview img{width:100%;border-radius:8px;display:block}.qs-text-preview{white-space:pre-wrap;font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);background:#0000004d;padding:16px;border-radius:12px;border:1px solid var(--border-subtle);line-height:1.6}