:root{--color-primary:#7c3aed;--color-primary-light:#a78bfa;--color-primary-dark:#6d28d9;--color-secondary:#a78bfa;--color-cta:#f97316;--color-cta-hover:#ea580c;--color-bg:#faf5ff;--color-bg-alt:#f3e8ff;--color-surface:#fff;--color-text:#4c1d95;--color-text-secondary:#7c3aed;--color-text-muted:#9ca3af;--color-border:#e5e7eb;--color-success:#22c55e;--color-error:#ef4444;--font-display:"Space Grotesk", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:36px;--shadow-sm:0 1px 3px #7c3aed1a;--shadow-md:0 8px 24px #7c3aed29;--shadow-lg:0 18px 48px #4c1d9538;--shadow-xl:0 30px 70px #4c1d954d;--glow-cta:0 10px 30px #f9731673;--glow-purple:0 10px 40px #7c3aed73;--ease:cubic-bezier(.22, 1, .36, 1);--font-heading:var(--font-display)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.02em;font-weight:700;line-height:1.05}::selection{background:var(--color-cta);color:#fff}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none}a{color:inherit;text-decoration:none}input,textarea,select{font-family:var(--font-body);border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);width:100%;padding:.85rem 1rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #7c3aed1f}input::placeholder{color:#b8a9d6}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem}.container-wide{max-width:1400px}.btn{font-weight:700;font-family:var(--font-body);transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .2s ease, color .2s ease;letter-spacing:-.01em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.85rem 1.5rem;font-size:.95rem;display:inline-flex}.btn:active{transform:scale(.97)}.btn-cta{background:var(--color-cta);color:#fff;box-shadow:var(--glow-cta)}.btn-cta:hover{background:var(--color-cta-hover);transform:translateY(-2px);box-shadow:0 16px 38px #f973168c}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 8px 22px #7c3aed59}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--glow-purple);transform:translateY(-2px)}.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn-glass{color:#fff;-webkit-backdrop-filter:blur(10px);background:#ffffff1f;border:1.5px solid #ffffff4d}.btn-glass:hover{background:#ffffff38;transform:translateY(-2px)}.btn-ghost{color:var(--color-text);background:0 0}.btn-ghost:hover{background:var(--color-bg-alt)}.btn-sm{padding:.55rem 1.1rem;font-size:.85rem}.btn-lg{padding:1.05rem 2.1rem;font-size:1.05rem}.btn-block{width:100%}.badge{text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:800;font-family:var(--font-body);border-radius:999px;align-items:center;gap:.3rem;padding:.32rem .7rem;display:inline-flex}.badge-primary{background:var(--color-bg-alt);color:var(--color-primary)}.badge-success{color:#166534;background:#dcfce7}.badge-error{color:#991b1b;background:#fee2e2}.badge-cta{color:var(--color-cta);background:#f9731626}.badge-glass{color:#fff;-webkit-backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #ffffff47}.badge-live{background:var(--color-cta);color:#fff}.badge-live .dot{background:#fff;border-radius:50%;width:7px;height:7px;animation:1.4s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .35s var(--ease), box-shadow .35s var(--ease);border:1px solid #7c3aed0f}.glass{-webkit-backdrop-filter:blur(20px)saturate(140%);background:#ffffff1a;border:1px solid #ffffff38}.glass-dark{-webkit-backdrop-filter:blur(18px)saturate(140%);background:#4c1d9547;border:1px solid #a78bfa47}.glass-light{-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #fff9}.section{padding:5rem 0}.section-tight{padding:3.5rem 0}.eyebrow{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--color-primary);align-items:center;gap:.5rem;font-size:.78rem;font-weight:800;display:inline-flex}.eyebrow.on-dark{color:var(--color-primary-light)}.eyebrow .bar{background:var(--color-cta);border-radius:2px;width:26px;height:2px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2.5rem;display:flex}.section-head h2{font-size:clamp(1.9rem,4vw,3rem)}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;animation:rise .7s var(--ease) forwards}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{background:var(--color-bg);height:100dvh;overflow:hidden}.adm{grid-template-columns:256px 1fr;height:100dvh;display:grid;overflow:hidden}.adm-side{color:#fff;background:#1a0f2e;flex-direction:column;height:100dvh;padding:1.4rem 1rem;display:flex;overflow-y:auto}.adm-logo{font-family:var(--font-display);align-items:center;gap:.7rem;padding:.3rem .6rem 1.4rem;font-size:1.2rem;font-weight:700;display:flex}.adm-logo .mark{background:linear-gradient(135deg, var(--color-primary), var(--color-cta));color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.adm-logo .sub{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary-light);margin-top:1px;font-size:.62rem;font-weight:700;display:block}.adm-nav{flex-direction:column;gap:.25rem;margin-top:.6rem;display:flex}.adm-nav-label{text-transform:uppercase;letter-spacing:.14em;color:#ffffff59;padding:.8rem .7rem .4rem;font-size:.64rem;font-weight:800}.adm-navlink{color:#ffffffb3;cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:.75rem;padding:.72rem .8rem;font-size:.9rem;font-weight:600;transition:background .15s,color .15s;display:flex}.adm-navlink:hover{color:#fff;background:#ffffff0f}.adm-navlink.active{background:linear-gradient(100deg, var(--color-primary), var(--color-primary-dark));color:#fff;box-shadow:0 8px 20px #7c3aed66}.adm-navlink .badge-n{background:var(--color-cta);color:#fff;border-radius:999px;margin-left:auto;padding:.1rem .45rem;font-size:.68rem;font-weight:800}.adm-side-foot{margin-top:auto}.adm-me{background:#ffffff0f;border-radius:12px;align-items:center;gap:.65rem;padding:.7rem;display:flex}.adm-me .av{background-position:50%;background-size:cover;border-radius:10px;flex:none;width:38px;height:38px}.adm-me .nm{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.adm-me .rl{color:var(--color-primary-light);white-space:nowrap;font-size:.7rem}.adm-me .out{color:#ffffff80;margin-left:auto}.adm-me .out:hover{color:#fff}.adm-main{width:100%;min-width:0;padding:1.8rem 2.2rem;overflow-y:auto}.adm-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.8rem;display:flex}.adm-head h1{font-size:1.8rem}.adm-head .crumb{color:var(--color-text-muted);margin-bottom:.3rem;font-size:.8rem;font-weight:600}.adm-head p{color:var(--color-text-muted);margin-top:.2rem;font-weight:500}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:1.1rem;margin-bottom:1.6rem;display:grid}.kpi{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:1.3rem}.kpi .ic{border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:.9rem;display:grid}.kpi .ic.p{background:var(--color-bg-alt);color:var(--color-primary)}.kpi .ic.o{color:var(--color-cta);background:#f9731624}.kpi .ic.g{color:#16a34a;background:#dcfce7}.kpi .ic.b{color:#2563eb;background:#dbeafe}.kpi .val{font-family:var(--font-display);font-size:1.85rem;font-weight:700;line-height:1}.kpi .lbl{color:var(--color-text-muted);margin-top:.35rem;font-size:.82rem;font-weight:600}.kpi .delta{border-radius:999px;align-items:center;gap:.25rem;margin-top:.7rem;padding:.15rem .5rem;font-size:.74rem;font-weight:800;display:inline-flex}.kpi .delta.up{color:#16a34a;background:#dcfce7}.kpi .delta.down{color:#dc2626;background:#fee2e2}.adm-cols{grid-template-columns:1.6fr 1fr;align-items:start;gap:1.3rem;display:grid}.panel{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:1.4rem 1.5rem}.panel-head{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.panel-head h3{font-size:1.1rem}.panel-head .link{color:var(--color-primary);cursor:pointer;font-size:.8rem;font-weight:700}.chart{align-items:flex-end;gap:.9rem;height:200px;padding-top:1rem;display:flex}.chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.5rem;height:100%;display:flex}.chart-bar{background:linear-gradient(to top, var(--color-primary), var(--color-primary-light));width:100%;max-width:46px;transition:height .6s var(--ease);border-radius:8px 8px 4px 4px;position:relative}.chart-bar.peak{background:linear-gradient(to top, var(--color-cta), #fb923c)}.chart-bar .v{color:var(--color-text);white-space:nowrap;font-size:.72rem;font-weight:800;position:absolute;top:-1.3rem;left:50%;transform:translate(-50%)}.chart-x{color:var(--color-text-muted);font-size:.74rem;font-weight:700}.occ-row{margin-bottom:1.1rem}.occ-row:last-child{margin-bottom:0}.occ-top{justify-content:space-between;margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:flex}.occ-top .pct{font-family:var(--font-display);font-weight:700}.occ-track{background:var(--color-bg-alt);border-radius:999px;height:9px;overflow:hidden}.occ-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));height:100%;transition:width .7s var(--ease);border-radius:999px}.occ-fill.hot{background:linear-gradient(90deg, var(--color-cta), #fb923c)}.audit{flex-direction:column;display:flex}.audit-row{border-bottom:1px solid var(--color-border);gap:.85rem;padding:.75rem 0;display:flex}.audit-row:last-child{border-bottom:none}.audit-ic{border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.audit-ic.sale{color:#16a34a;background:#dcfce7}.audit-ic.access{background:var(--color-bg-alt);color:var(--color-primary)}.audit-ic.fraud{color:#dc2626;background:#fee2e2}.audit-ic.event{color:var(--color-cta);background:#f9731624}.audit-ic.perm{color:#2563eb;background:#dbeafe}.audit-tx{flex:1;min-width:0}.audit-tx .a{font-size:.86rem;font-weight:700}.audit-tx .d{color:var(--color-text-muted);font-size:.78rem}.audit-tx .w{color:var(--color-primary);margin-top:.1rem;font-size:.74rem;font-weight:600}.audit-tm{color:var(--color-text-muted);white-space:nowrap;flex:none;font-size:.72rem;font-weight:600}.dtable{border-collapse:collapse;width:100%}.dtable th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:0 1rem .8rem;font-size:.7rem;font-weight:800}.dtable td{border-top:1px solid var(--color-border);vertical-align:middle;padding:.9rem 1rem;font-size:.9rem}.dtable tr:hover td{background:var(--color-bg)}.dt-ev{align-items:center;gap:.8rem;display:flex}.dt-ev .th{background-position:50%;background-size:cover;border-radius:11px;flex:none;width:48px;height:48px}.dt-ev .nm{font-weight:700}.dt-ev .mt{color:var(--color-text-muted);font-size:.76rem}.dt-actions{gap:.4rem;display:flex}.icon-btn{background:var(--color-bg-alt);width:34px;height:34px;color:var(--color-primary);border-radius:9px;place-items:center;transition:background .15s;display:grid}.icon-btn:hover{background:var(--color-primary);color:#fff}.icon-btn.danger{color:var(--color-error)}.icon-btn.danger:hover{background:var(--color-error);color:#fff}.mini-bar{background:var(--color-bg-alt);vertical-align:middle;border-radius:999px;width:110px;height:7px;margin-right:.5rem;display:inline-block;overflow:hidden}.mini-bar i{background:var(--color-primary);border-radius:999px;height:100%;display:block}.emp-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.1rem;display:grid}.emp-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:1.3rem}.emp-top{align-items:center;gap:.85rem;margin-bottom:1.1rem;display:flex}.emp-top .av{background-position:50%;background-size:cover;border-radius:14px;flex:none;width:52px;height:52px}.emp-top .nm{font-size:1.02rem;font-weight:700}.emp-top .em{color:var(--color-text-muted);font-size:.78rem}.emp-status{margin-left:auto}.perm-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:.6rem;font-size:.68rem;font-weight:800}.perm-row{background:var(--color-bg);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.55rem .7rem;display:flex}.perm-row .pl{white-space:nowrap;align-items:center;gap:.55rem;font-size:.86rem;font-weight:600;display:flex}.perm-row .pl .pic{border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.perm-row .pl .pic.taq{background:var(--color-bg-alt);color:var(--color-primary)}.perm-row .pl .pic.acc{color:var(--color-cta);background:#f9731624}.toggle{background:var(--color-border);cursor:pointer;border-radius:999px;flex:none;width:44px;height:25px;transition:background .2s;position:relative}.toggle.on{background:var(--color-success)}.toggle:after{content:"";width:19px;height:19px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle.on:after{transform:translate(19px)}.emp-since{color:var(--color-text-muted);align-items:center;gap:.4rem;margin-top:.9rem;font-size:.76rem;display:flex}.pqrs-split{grid-template-columns:380px 1fr;align-items:start;gap:1.3rem;display:grid}.pqrs-inbox{flex-direction:column;gap:.6rem;display:flex}.pqrs-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.pqrs-tab{background:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-text-muted);border-radius:999px;padding:.4rem .85rem;font-size:.78rem;font-weight:700}.pqrs-tab.on{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pqrs-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:1rem 1.1rem;transition:border-color .15s,box-shadow .15s}.pqrs-card:hover{border-color:var(--color-primary-light)}.pqrs-card.sel{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}.pqrs-card .pc-top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.pqrs-card .rad{font-family:var(--font-display);color:var(--color-text-muted);white-space:nowrap;font-size:.82rem;font-weight:600}.pqrs-card .subj{margin-bottom:.3rem;font-size:.92rem;font-weight:700;line-height:1.25}.pqrs-card .from{color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.76rem;display:flex}.adm .badge{white-space:nowrap}.badge-recibido{color:#92400e;background:#fef3c7}.badge-proceso{color:#1e40af;background:#dbeafe}.badge-resuelto{color:#166534;background:#dcfce7}.badge-Pregunta{background:var(--color-bg-alt);color:var(--color-primary)}.badge-Queja{color:var(--color-cta);background:#f9731624}.badge-Reclamo{color:#991b1b;background:#fee2e2}.badge-Sugerencia{color:#166534;background:#dcfce7}.pqrs-detail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.6rem 1.7rem}.pqrs-detail-head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;padding-bottom:1.2rem;display:flex}.pqrs-detail-head h2{font-size:1.3rem;line-height:1.2}.pqrs-detail-meta{color:var(--color-text-muted);flex-wrap:wrap;gap:1.2rem;margin-top:.6rem;font-size:.82rem;font-weight:600;display:flex}.pqrs-detail-meta span{align-items:center;gap:.35rem;display:flex}.pqrs-msg{background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:1.3rem;padding:1.1rem 1.2rem;font-size:.92rem;line-height:1.6}.pqrs-reply-old{background:var(--color-bg-alt);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:1rem 1.2rem;font-size:.9rem;line-height:1.55}.pqrs-reply-old b{color:var(--color-primary)}.pqrs-reply-box label{margin-bottom:.6rem;font-size:.85rem;font-weight:700;display:block}.pqrs-reply-box textarea{resize:vertical;min-height:120px}.pqrs-reply-actions{align-items:center;gap:.7rem;margin-top:1rem;display:flex}.pqrs-empty{text-align:center;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.pqrs-empty svg{color:var(--color-border);margin-bottom:1rem}.adm-modal-bg{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#1a0f2e8c;justify-content:center;align-items:center;padding:2rem;animation:.25s fadein;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fadein{0%{opacity:0}to{opacity:1}}.adm-modal{background:var(--color-surface);border-radius:var(--radius-xl);width:560px;max-width:100%;box-shadow:var(--shadow-xl);animation:popin .3s var(--ease);flex-direction:column;max-height:90vh;display:flex}@keyframes popin{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:none}}.adm-modal-head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.4rem 1.7rem;display:flex}.adm-modal-head h3{font-size:1.25rem}.adm-modal-body{padding:1.5rem 1.7rem;overflow-y:auto}.adm-modal-foot{border-top:1px solid var(--color-border);justify-content:flex-end;gap:.7rem;padding:1.2rem 1.7rem;display:flex}.fgrid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.fgrid .full{grid-column:1/-1}.flabel{margin-bottom:.4rem;font-size:.82rem;font-weight:700;display:block}.poster-drop{border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:1rem;padding:1.2rem;transition:border-color .15s,background .15s;display:flex}.poster-drop:hover{border-color:var(--color-primary);background:var(--color-bg)}.poster-drop .pv{background-position:50%;background-size:cover;background-color:var(--color-bg-alt);width:64px;height:64px;color:var(--color-primary);border-radius:11px;flex:none;place-items:center;display:grid}.poster-drop .pt b{font-size:.9rem;font-weight:700}.poster-drop .pt span{color:var(--color-text-muted);font-size:.78rem}.seg{background:var(--color-bg-alt);border-radius:999px;gap:.2rem;padding:.25rem;display:inline-flex}.seg button{color:var(--color-text-muted);background:0 0;border-radius:999px;padding:.4rem .9rem;font-size:.8rem;font-weight:700}.seg button.on{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.adm-toast{color:#fff;z-index:200;box-shadow:var(--shadow-lg);animation:toastUp .3s var(--ease);background:#1a0f2e;border-radius:999px;align-items:center;gap:.6rem;padding:.9rem 1.4rem;font-size:.9rem;font-weight:600;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}@keyframes toastUp{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--color-text);margin-bottom:.4rem;font-size:.82rem;font-weight:700;display:block}.table-wrap{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}thead{background:#7c3aed0f}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);white-space:nowrap;padding:.875rem 1rem;font-size:.75rem;font-weight:600}td{border-top:1px solid var(--color-border);color:var(--color-text);vertical-align:middle;padding:.875rem 1rem}tbody tr:hover{background:#7c3aed08}.btn-danger{color:#991b1b;background:#fee2e2;border:1px solid #ef44444d;border-radius:999px}.btn-danger:hover{background:#fecaca;transform:translateY(-1px)}.btn-success{color:#166534;background:#dcfce7;border:1px solid #22c55e4d;border-radius:999px}.btn-success:hover{background:#bbf7d0;transform:translateY(-1px)}.btn-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.alert-success{color:#166534;border-radius:var(--radius-sm);background:#dcfce7;border:1px solid #22c55e66;padding:.75rem 1rem;font-size:.875rem}.alert-error{color:#991b1b;border-radius:var(--radius-sm);background:#fee2e2;border:1px solid #ef444466;padding:.75rem 1rem;font-size:.875rem}select option{background:var(--color-surface);color:var(--color-text)}.badge-warning{color:#92400e;background:#fef3c7}.badge-muted{background:var(--color-bg-alt);color:var(--color-text-muted)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}html.dark{--color-bg:#0f0b1e;--color-bg-alt:#171130;--color-surface:#1e1a38;--color-text:#ede9fe;--color-text-secondary:#c4b5fd;--color-text-muted:#7c7a9c;--color-border:#8b5cf62e;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 18px 48px #0000008c;--shadow-xl:0 30px 70px #000000a6}.theme-btn{cursor:pointer;width:36px;height:36px;color:var(--color-text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.theme-btn:hover{background:var(--color-bg-alt);color:var(--color-text)}