:root{--color-navy:#14213d;--color-primary:#2563eb;--color-primary-strong:#1d4ed8;--color-primary-deep:#1e40af;--color-primary-soft:#e0eaff;--color-bg:#f8fafc;--color-surface:#fff;--color-surface-glass:#ffffffb8;--color-surface-muted:#eff6ff;--color-surface-tint:#f2f7ff;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-text:#172033;--color-text-muted:#64748b;--color-text-soft:#526078;--color-text-subtle:#475569;--color-text-info:#405171;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-border-soft:#dbe4f0;--color-border-blue:#d9e5fb;--color-border-blue-strong:#bcd6ff;--color-success:#047857;--color-success-bg:#ecfdf5;--color-success-border:#a7f3d0;--color-warning:#a16207;--color-warning-text:#7c4a03;--color-warning-bg:#fffbeb;--color-warning-border:#f3c365;--color-danger:#b91c1c;--color-danger-bg:#fef2f2;--color-danger-border:#fecaca;--color-neutral:#475569;--color-neutral-bg:#f1f5f9;--color-violet:#6d28d9;--color-violet-bg:#f5f3ff;--color-violet-border:#ddd6fe;--color-overlay:#0f172aa6;--gradient-page:radial-gradient(ellipse at 10% 20%, var(--color-primary-soft), transparent 60%), var(--color-bg);--gradient-hero:radial-gradient(ellipse at 12% 18%, var(--color-primary-soft), transparent 58%), radial-gradient(ellipse at 88% 10%, #eaf2ff, transparent 50%), var(--color-bg);--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-strong) 100%);--gradient-navy:linear-gradient(160deg, #14213d 0%, #172554 100%);--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-xs:.6875rem;--fs-sm:.8125rem;--fs-base:.9375rem;--fs-md:1.0625rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-display:clamp(2.25rem, 4.3vw, 3.75rem);--tracking-tight:-.045em;--tracking-label:.15em;--radius-sm:10px;--radius-md:14px;--radius-lg:22px;--radius-xl:24px;--radius-pill:999px;--shadow-xs:0 1px 2px #0f172a0f;--shadow-sm:0 10px 30px #0f172a14;--shadow-card:0 20px 70px #16357012;--shadow-card-hover:0 28px 80px #16357029, 0 0 0 1px #2563eb24;--shadow-glow:0 0 0 4px #2563eb1f;--shadow-modal:0 24px 100px #00000045;--shadow-toast:0 14px 36px #1e293b26;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--container:1200px;--header-h:72px;--sidebar-w:264px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.18s;--dur:.28s;--dur-slow:.5s;--focus-ring:2px solid var(--color-primary);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-navy:#e2e8f0;--color-bg:#0b1220;--color-surface:#111a2e;--color-surface-glass:#111a2eb8;--color-surface-muted:#15213b;--color-surface-tint:#13203a;--color-blue-50:#15213b;--color-blue-100:#1c2c4d;--color-primary-soft:#1a2a4f;--color-text:#e5e9f2;--color-text-muted:#94a3b8;--color-text-soft:#a3b1c6;--color-text-subtle:#a3b1c6;--color-text-info:#b6c4dc;--color-border:#22304d;--color-border-strong:#2d3d5e;--color-border-soft:#22304d;--color-border-blue:#263a63;--color-border-blue-strong:#2d4a80;--color-neutral-bg:#1b2539;--color-success-bg:#0d2a22;--color-warning-bg:#2a2110;--color-danger-bg:#2c1416;--color-violet-bg:#211a3a;--shadow-card:0 20px 70px #00000059;--gradient-page:radial-gradient(ellipse at 10% 20%, #13234a, transparent 60%), var(--color-bg);--gradient-hero:radial-gradient(ellipse at 12% 18%, #13234a, transparent 58%), var(--color-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}body{min-height:100dvh;font-family:var(--font-sans);font-size:var(--fs-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-primary);text-underline-offset:4px}h1,h2,h3,h4{color:var(--color-navy);margin:0;line-height:1.15}p{margin:0}:focus-visible{outline:var(--focus-ring);outline-offset:3px}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:10000;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;transition:top var(--dur-fast);padding:10px 14px;font-weight:700;position:absolute;top:-60px;left:16px}.skip-link:focus{top:12px}.container{width:min(var(--container), 100% - 40px);margin-inline:auto}.eyebrow{font-size:var(--fs-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-primary);align-items:center;gap:8px;font-weight:800;display:inline-flex}.muted{color:var(--color-text-muted)}.page-enter{animation:page-in var(--dur-slow) var(--ease-out) both}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reveal{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transition-delay:var(--delay,0s);transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-ring{0%{box-shadow:0 0}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}:not(.robot):not(.floor):not(.bubble):not(.speech):not(.glow):not(.pulse),:not(.glow):before,:not(.glow):after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}.btn{--btn-bg:var(--color-surface);--btn-color:var(--color-primary-deep);--btn-border:var(--color-border-strong);border:1px solid var(--btn-border);border-radius:var(--radius-sm);background:var(--btn-bg);min-height:44px;color:var(--btn-color);font-weight:700;font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur) var(--ease-out), background-color var(--dur), border-color var(--dur), color var(--dur);justify-content:center;align-items:center;gap:8px;padding:10px 18px;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.btn svg{flex:none;width:18px;height:18px}.btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled,.btn[aria-disabled=true]{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{--btn-bg:var(--color-primary);--btn-color:#fff;--btn-border:var(--color-primary);background:var(--gradient-primary);box-shadow:0 8px 22px #2563eb3d}.btn-primary:hover{box-shadow:0 14px 30px #2563eb52}.btn-ghost{--btn-bg:transparent;--btn-border:transparent;--btn-color:var(--color-text-soft)}.btn-ghost:hover{background:var(--color-blue-50);color:var(--color-primary);box-shadow:none}.btn-danger{--btn-bg:var(--color-danger);--btn-border:var(--color-danger);--btn-color:#fff}.btn-danger-soft{--btn-bg:var(--color-danger-bg);--btn-border:var(--color-danger-border);--btn-color:var(--color-danger)}.btn-sm{min-height:36px;padding:7px 12px;font-size:12px}.btn-lg{min-height:52px;font-size:var(--fs-base);padding:14px 24px}.btn-block{width:100%}.btn-icon{width:40px;min-height:40px;padding:0}.btn-link{color:var(--color-primary);font:inherit;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration:underline}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:1em;height:1em;animation:.7s linear infinite spin}.btn[aria-busy=true]{cursor:progress}.field{gap:7px;min-width:0;display:grid}.field>label,.field-label{font-size:var(--fs-sm);color:var(--color-text);font-weight:600}.field-hint{color:var(--color-text-muted);font-size:12px}.field-error{color:var(--color-danger);min-height:0;font-size:12px;font-weight:600}.input,.select,.textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:46px;color:var(--color-text);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);padding:11px 13px}.textarea{resize:vertical;min-height:110px;line-height:1.55}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:38px}.input:hover,.select:hover,.textarea:hover{border-color:#9fb3d1}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-glow);outline:none}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-danger);box-shadow:0 0 0 4px #b91c1c14}.input-group{position:relative}.input-group>svg{width:18px;height:18px;color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.input-group>.input{padding-left:40px}.input-group>.input-action{color:var(--color-primary);cursor:pointer;background:0 0;border:0;padding:7px;font-size:12px;font-weight:700;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-grid .span-2{grid-column:1/-1}@media (max-width:720px){.form-grid{grid-template-columns:1fr}}.switch{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.switch-text strong{font-size:var(--fs-sm);display:block}.switch-text small{color:var(--color-text-muted);font-size:12px;line-height:1.4;display:block}.switch input{appearance:none;background:var(--color-border-strong);cursor:pointer;width:44px;height:24px;transition:background var(--dur);border-radius:99px;flex:none;margin:0;position:relative}.switch input:after{content:"";width:18px;height:18px;box-shadow:var(--shadow-xs);transition:transform var(--dur) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked{background:var(--color-primary)}.switch input:checked:after{transform:translate(20px)}.switch input:disabled{opacity:.5;cursor:not-allowed}.badge{border-radius:var(--radius-pill);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:4px 9px;font-size:10.5px;font-weight:800;line-height:1.3;display:inline-flex}.badge-dot:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.badge-online{color:var(--color-success);background:var(--color-success-bg);border-color:var(--color-success-border)}.badge-online.badge-dot:before{animation:2s infinite pulse-ring}.badge-beta{color:var(--color-primary-strong);background:var(--color-blue-50);border-color:var(--color-blue-100)}.badge-maintenance{color:var(--color-warning-text);background:var(--color-warning-bg);border-color:var(--color-warning-border)}.badge-closed{color:var(--color-neutral);background:var(--color-neutral-bg);border-color:var(--color-border-strong)}.badge-coming_soon{color:var(--color-violet);background:var(--color-violet-bg);border-color:var(--color-violet-border)}.badge-soft{color:var(--color-text-subtle);background:var(--color-surface);border-color:var(--color-border-soft);letter-spacing:.02em;text-transform:none;font-size:12px;font-weight:600}.badge-health-up{color:var(--color-success);background:var(--color-success-bg)}.badge-health-down{color:var(--color-danger);background:var(--color-danger-bg)}.badge-health-unknown{color:var(--color-neutral);background:var(--color-neutral-bg)}.badge-role{color:#1d4ed8;background:var(--color-blue-50)}.chip{border:1px solid var(--color-border-soft);background:var(--color-surface);color:var(--color-text-subtle);border-radius:30px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;display:inline-flex}.chip svg{width:15px;height:15px;color:var(--color-primary)}.notice{border:1px solid var(--color-border-blue);border-radius:var(--radius-md);color:var(--color-text-info);font-size:var(--fs-sm);background:#ffffffb8;align-items:flex-start;gap:10px;padding:13px 15px;line-height:1.55;display:flex}:root[data-theme=dark] .notice{background:var(--color-surface-muted)}.notice svg{width:19px;min-width:19px;color:var(--color-primary)}.notice-warning{border-color:var(--color-warning-border);background:var(--color-warning-bg);color:var(--color-warning-text)}.notice-warning svg{color:var(--color-warning)}.notice-danger{border-color:var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger)}.notice-danger svg{color:var(--color-danger)}.card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card)}.card-pad{padding:24px}.skeleton{background:#e8eef7;border-radius:8px;position:relative;overflow:hidden}:root[data-theme=dark] .skeleton{background:#1a2540}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}:root[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,#0000,#ffffff0f,#0000)}.empty-state{border:1px dashed var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-surface-glass);text-align:center;justify-items:center;gap:10px;padding:48px 24px;display:grid}.empty-state-icon{background:var(--color-blue-50);width:56px;height:56px;color:var(--color-primary);border-radius:16px;place-items:center;display:grid}.empty-state-icon svg{width:26px;height:26px}.empty-state.is-error .empty-state-icon{background:var(--color-danger-bg);color:var(--color-danger)}.empty-state h3{font-size:var(--fs-lg)}.empty-state p{max-width:460px;color:var(--color-text-muted);font-size:var(--fs-sm)}.robot-avatar{object-fit:contain;background:var(--color-surface-tint);border-radius:50%;flex:none;display:block}.robot-illustration{object-fit:contain;margin-inline:auto;display:block}.modal{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--color-text);box-shadow:var(--shadow-modal);margin:auto;padding:0;overflow:auto}.modal-lg{width:min(1040px,100vw - 32px)}.modal::backdrop{background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal[open]{animation:modal-in var(--dur) var(--ease-out)}.modal[open]::backdrop{animation:fade-in var(--dur) ease}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}}.modal-header{z-index:2;background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 16px;display:flex;position:sticky;top:0}.modal-header h2{font-size:var(--fs-xl);margin-top:6px}.modal-body{padding:22px 28px}.modal-body p{color:var(--color-text-soft);font-size:14px;line-height:1.65}.modal-footer{background:var(--color-surface);border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 28px 22px;display:flex;position:sticky;bottom:0}@media (max-width:560px){.modal{border-radius:16px;width:calc(100vw - 16px);max-height:calc(100dvh - 20px);margin:10px auto}.modal-lg{width:calc(100vw - 16px)}.modal-header,.modal-body,.modal-footer{padding:16px 14px}.modal-header h2{font-size:18px}.modal-footer .btn{flex:100%;justify-content:center}.field>div[style*="display: flex"]{flex-direction:column!important;align-items:stretch!important}}.toast-region{z-index:100000;pointer-events:none;gap:10px;width:min(390px,100vw - 40px);display:grid;position:fixed;bottom:20px;right:20px}.toast{border:1px solid var(--color-border-blue-strong);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-toast);pointer-events:auto;animation:toast-in var(--dur) var(--ease-out);border-radius:12px;align-items:flex-start;gap:11px;padding:14px 16px;font-size:14px;font-weight:600;line-height:1.45;display:flex}.toast.is-leaving{animation:toast-out var(--dur) ease forwards}.toast svg{width:20px;min-width:20px;color:var(--color-primary)}.toast-success{border-color:var(--color-success-border)}.toast-success svg{color:var(--color-success)}.toast-error{border-color:var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger)}.toast-error svg{color:var(--color-danger)}.toast-warning{border-color:var(--color-warning-border);background:var(--color-warning-bg);color:var(--color-warning-text)}.toast-warning svg{color:var(--color-warning)}.toast-close{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0 2px;font-size:18px;line-height:1}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}@keyframes toast-out{to{opacity:0;transform:translate(24px)}}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table th{border-bottom:1px solid var(--color-border);background:var(--color-surface-tint);color:var(--color-text-muted);letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:12px 14px;font-size:11px;font-weight:800}.table td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:12px 14px}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background var(--dur-fast)}.table tbody tr:hover{background:var(--color-surface-tint)}.table .actions{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}@media (max-width:760px){.table-wrap.is-stackable{background:0 0;border:0;overflow:visible}.is-stackable .table thead{display:none}.is-stackable .table,.is-stackable .table tbody,.is-stackable .table tr,.is-stackable .table td{width:100%;display:block}.is-stackable .table tr{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin-bottom:12px;padding:6px 4px}.is-stackable .table td{text-align:right;border:0;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex}.is-stackable .table td:before{content:attr(data-label);color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;text-align:left;flex:none;font-size:11px;font-weight:800}.is-stackable .table td.cell-main{text-align:left;justify-content:flex-start}.is-stackable .table td.cell-main:before{display:none}.is-stackable .table tr td:first-child{border-bottom:1px dashed var(--color-border);justify-content:flex-start;margin-bottom:4px;padding-bottom:8px}.is-stackable .table tr td:first-child:before{content:"SELECCIONAR";color:var(--color-text-muted);font-size:11px;font-weight:800}.is-stackable .table .actions{border-top:1px dashed var(--color-border);flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:4px;padding-top:8px}}.menu{position:relative}.menu-list{z-index:50;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:210px;box-shadow:var(--shadow-sm);animation:modal-in var(--dur-fast) var(--ease-out);padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.menu-list button{width:100%;color:var(--color-text);font-size:var(--fs-sm);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;display:flex}.menu-list button:hover,.menu-list button:focus-visible{background:var(--color-blue-50);color:var(--color-primary)}.menu-list button svg{width:16px;height:16px}.menu-list button.is-danger{color:var(--color-danger)}.menu-list button.is-danger:hover{background:var(--color-danger-bg)}.menu-list hr{border:0;border-top:1px solid var(--color-border);margin:4px 0}.app-logo{border:1px solid var(--color-border-blue);background:linear-gradient(145deg, #fff, var(--color-blue-50));width:52px;height:52px;color:var(--color-primary);letter-spacing:-.02em;border-radius:15px;flex:none;place-items:center;font-size:18px;font-weight:800;display:grid;overflow:hidden}:root[data-theme=dark] .app-logo{background:var(--color-surface-muted)}.app-logo img{object-fit:contain;width:100%;height:100%;padding:6px}.app-logo-sm{border-radius:11px;width:38px;height:38px;font-size:14px}.cmd-palette-wrapper{z-index:1200;place-items:start center;padding:80px 16px 24px;display:grid;position:fixed;inset:0}.cmd-palette-backdrop{-webkit-backdrop-filter:blur(8px);background:#0f172aa6;animation:.2s ease-out fadeIn;position:fixed;inset:0}.cmd-palette-dialog{z-index:2;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;width:min(640px,100%);max-height:80vh;animation:.25s cubic-bezier(.16,1,.3,1) slideDown;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #0f172a59,0 0 0 1px #2563eb26}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cmd-palette-head{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:16px 20px;display:flex}.cmd-palette-search-icon{width:22px;height:22px;color:var(--color-primary);flex-shrink:0}.cmd-palette-input{min-width:0;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:16px;font-weight:500}.cmd-palette-input::placeholder{color:var(--color-text-muted)}.cmd-palette-close-btn{color:var(--color-text-muted);cursor:pointer;transition:all var(--dur-fast);background:0 0;border:none;border-radius:8px;place-items:center;padding:6px;display:grid}.cmd-palette-close-btn:hover{background:var(--color-neutral-bg);color:var(--color-navy)}.cmd-palette-results{max-height:420px;padding:12px;overflow-y:auto}.robot-shortcuts{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:8px;padding:12px;display:flex}.cmd-group-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:8px 12px 4px;font-size:11px;font-weight:700}.cmd-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:14px;padding:10px 14px;transition:all .15s;display:flex}.cmd-item:hover,.cmd-item.is-selected{background:var(--color-surface-tint)}:root[data-theme=dark] .cmd-item.is-selected{background:var(--color-surface-muted)}.cmd-item-info{flex:1;min-width:0}.cmd-item-title-row{align-items:center;gap:8px;display:flex}.cmd-item-title-row strong{color:var(--color-navy);font-size:14.5px}.cmd-item-version{background:var(--color-neutral-bg);color:var(--color-text-muted);border-radius:6px;padding:1px 6px;font-family:monospace;font-size:11px}.cmd-item-desc{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12.5px;overflow:hidden}.cmd-item-arrow{width:16px;height:16px;color:var(--color-text-muted);opacity:0;transition:opacity .15s,transform .15s}.cmd-item:hover .cmd-item-arrow,.cmd-item.is-selected .cmd-item-arrow{opacity:1;color:var(--color-primary);transform:translate(2px)}.cmd-action-icon{background:var(--color-blue-50);width:36px;height:36px;color:var(--color-primary);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.cmd-palette-empty{text-align:center;color:var(--color-text-muted);padding:48px 24px}.cmd-palette-empty svg{opacity:.5;width:36px;height:36px;margin:0 auto 12px}.cmd-palette-empty:has(.robot-illustration){padding:16px 12px}.cmd-palette-empty .robot-illustration,.cmd-palette-empty .btn{margin-block:8px}.cmd-palette-footer{background:var(--color-surface-tint);border-top:1px solid var(--color-border);color:var(--color-text-muted);justify-content:space-between;align-items:center;padding:12px 20px;font-size:12px;display:flex}.cmd-keys{align-items:center;gap:6px;display:flex}.cmd-keys kbd{border:1px solid var(--color-border);background:var(--color-surface);border-radius:5px;padding:2px 6px;font-family:inherit;font-size:11px;font-weight:600;box-shadow:0 1px 2px #0000000d}.cmd-touch-hint{display:none}@media (max-width:640px){.cmd-palette-wrapper{align-items:start;padding:16px 12px}.cmd-palette-dialog{border-radius:16px;max-height:calc(100dvh - 32px)}.cmd-palette-head{gap:10px;padding:12px 14px}.cmd-palette-input{font-size:15px}.cmd-palette-footer{justify-content:center;padding:10px 14px}.cmd-keys{display:none}.cmd-touch-hint{color:var(--color-text-muted);font-size:12px;font-weight:500;display:inline}}.header-cmd-pill{border:1px solid var(--color-border);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(8px);color:var(--color-text-muted);cursor:pointer;transition:all var(--dur-fast);border-radius:30px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.header-cmd-pill:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-surface)}.header-cmd-pill kbd{background:var(--color-neutral-bg);border:1px solid var(--color-border);border-radius:6px;padding:2px 6px;font-family:inherit;font-size:11px}@media (max-width:860px){.header-cmd-pill{border-radius:50%;justify-content:center;gap:0;width:38px;height:38px;padding:0}.header-cmd-pill span,.header-cmd-pill kbd{display:none!important}.header-cmd-pill svg{width:18px;height:18px;margin:0}}.header-status-badge{border:1px solid var(--color-border);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:all var(--dur-fast);border-radius:30px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.header-status-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a14}@media (max-width:860px){.header-status-badge{border-radius:50%;justify-content:center;width:34px;height:34px;padding:0}.header-status-badge .status-text{display:none}}@media (max-width:480px){.header-status-slot{display:none}}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;position:relative}.status-ok .status-dot,.status-modal-banner.status-ok .status-modal-banner-dot{background:#10b981;animation:2.5s infinite pulseGreen;box-shadow:0 0 0 2px #10b98140}.status-warn .status-dot,.status-modal-banner.status-warn .status-modal-banner-dot{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b40}.status-danger .status-dot,.status-modal-banner.status-danger .status-modal-banner-dot{background:#ef4444;box-shadow:0 0 0 2px #ef444440}@keyframes pulseGreen{0%,to{box-shadow:0 0 0 2px #10b98140}50%{box-shadow:0 0 0 6px #10b98126}}.header-status-badge.status-ok{color:#047857;background:#ecfdf5b3;border-color:#a7f3d0}:root[data-theme=dark] .header-status-badge.status-ok{color:#34d399;background:#065f464d;border-color:#065f46}@media (max-width:900px){.header-status-badge .status-text{display:none}.header-status-badge{padding:6px 8px}}.status-modal-content{flex-direction:column;gap:18px;display:flex}.status-modal-banner{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-tint);align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.status-modal-banner-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:4px}.status-modal-banner strong{color:var(--color-navy);margin-bottom:2px;font-size:15px;display:block}.status-modal-banner p{color:var(--color-text-muted);margin:0;font-size:13px}.status-modal-list{flex-direction:column;gap:8px;max-height:340px;display:flex;overflow-y:auto}.status-modal-row{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.status-modal-row-info{flex:1;min-width:0}.status-modal-row-info strong{color:var(--color-navy);font-size:14px;display:block}.status-modal-url{color:var(--color-text-muted);font-size:12px;display:block}.status-modal-sla{background:var(--color-blue-50);color:var(--color-primary-deep);border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:12.5px;font-weight:600;display:flex}.status-modal-sla svg{width:16px;height:16px;color:var(--color-primary);flex-shrink:0}.donut-wrap{justify-content:center;align-items:center;gap:28px;padding:12px 6px;display:flex}@media (max-width:580px){.donut-wrap{text-align:center;flex-direction:column;gap:18px}}.donut{filter:drop-shadow(0 6px 16px #0f172a14);flex-shrink:0;overflow:visible;transform:rotate(-90deg)}.donut-track{stroke:var(--color-neutral-bg);opacity:.8}:root[data-theme=dark] .donut-track{stroke:#ffffff1a}.donut circle:not(.donut-track){stroke-linecap:round;transition:stroke-width .25s,opacity .25s}.donut circle:not(.donut-track):hover{stroke-width:6.2px}.donut-total{transform-origin:21px 21px;fill:var(--color-navy);letter-spacing:-.04em;font-family:system-ui,-apple-system,sans-serif;font-size:7.5px;font-weight:800;transform:rotate(90deg)}.donut-sub{transform-origin:21px 21px;fill:var(--color-text-muted);letter-spacing:.12em;font-family:system-ui,-apple-system,sans-serif;font-size:2.8px;font-weight:700;transform:rotate(90deg)}:root[data-theme=dark] .donut-total{fill:#fff}.donut-legend{flex-direction:column;flex:1;gap:8px;width:100%;min-width:170px;margin:0;padding:0;list-style:none;display:flex}.donut-legend-item{background:var(--color-surface-tint);border:1px solid var(--color-border-soft);transition:all var(--dur-fast);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.donut-legend-item:hover{background:var(--color-surface);border-color:var(--color-border);transform:translate(2px);box-shadow:0 2px 8px #0000000a}.donut-legend-info{align-items:center;gap:10px;display:flex}.donut-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.donut-legend-label{color:var(--color-navy);font-size:13px;font-weight:600}:root[data-theme=dark] .donut-legend-label{color:#f1f5f9}.donut-legend-stats{align-items:center;gap:8px;display:flex}.donut-legend-pct{color:var(--color-text-muted);font-size:11.5px;font-weight:600}.donut-legend-val{background:var(--color-surface);color:var(--color-navy);border:1px solid var(--color-border);text-align:center;border-radius:20px;min-width:24px;padding:2px 8px;font-size:12px;font-weight:700}:root[data-theme=dark] .donut-legend-val{color:#fff;background:var(--color-neutral-bg)}.bar-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.bar-list-item{border-radius:var(--radius-md);background:var(--color-surface-tint);border:1px solid var(--color-border-soft);transition:all var(--dur-fast);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.bar-list-item:hover{background:var(--color-surface);border-color:var(--color-border);transform:translateY(-1px);box-shadow:0 4px 14px #14213d0f}.bar-list-row{align-items:center;gap:12px;display:flex}.bar-list-row .app-logo{flex-shrink:0}.bar-list-rank{background:var(--color-surface);border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-primary);border-radius:8px;flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:grid}.bar-list-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bar-list-title{color:var(--color-navy);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}:root[data-theme=dark] .bar-list-title{color:#f1f5f9}.bar-list-sub{color:var(--color-text-muted);font-size:11.5px}.bar-list-badge{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;flex-shrink:0;align-items:baseline;gap:4px;padding:4px 10px;display:flex}.bar-list-badge strong{color:var(--color-primary);font-size:14px;font-weight:800}.bar-list-badge span{color:var(--color-text-muted);font-size:11px;font-weight:600}.bar-track{background:var(--color-neutral-bg);border-radius:6px;width:100%;height:6px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--color-primary), #60a5fa);border-radius:6px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.chart{flex-direction:column;gap:12px;width:100%;display:flex}.chart-svg{width:100%;height:auto;overflow:visible}.chart-grid{stroke:var(--color-border);stroke-dasharray:4 4;opacity:.6}.chart-axis{fill:var(--color-text-muted);font-family:inherit;font-size:11px;font-weight:500}.chart-legend{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:6px;display:flex}.chart-legend span{color:var(--color-text);align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.chart-legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.chart-empty{text-align:center;color:var(--color-text-muted);padding:32px 0;font-size:13.5px}body.no-scroll{overflow:hidden}.brand{color:var(--color-navy);flex:none;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--gradient-primary);color:#fff;border-radius:12px;flex:none;place-items:center;display:grid;overflow:hidden;box-shadow:0 8px 20px #2563eb40}.brand-mark svg{width:58%;height:58%}.brand-mark.has-image{box-shadow:none;background:0 0}.brand-mark img{object-fit:contain;width:100%;height:100%;padding:4px}.brand-text{line-height:1.05;display:grid}.brand-text strong{letter-spacing:.04em;font-size:16px;font-weight:800}.brand-text span{letter-spacing:.32em;color:var(--color-primary);font-size:10.5px;font-weight:800}.site-header{z-index:100;height:var(--header-h);transition:background var(--dur), border-color var(--dur), box-shadow var(--dur), backdrop-filter var(--dur);background:0 0;border-bottom:1px solid #0000;position:sticky;top:0}.site-header:not(.is-scrolled) .brand-text strong{color:#ebf7ff}.site-header:not(.is-scrolled) .brand-text span{color:#36eaff}.site-header:not(.is-scrolled) .nav-link{color:#a7bbd6}.site-header:not(.is-scrolled) .nav-link:hover,.site-header:not(.is-scrolled) .nav-link.is-active{color:#36eaff;background:#36eaff14}.site-header:not(.is-scrolled) .header-cmd-pill{color:#a7bbd6;background:#0d214488;border-color:#334b78}.site-header:not(.is-scrolled) .header-cmd-pill kbd{color:#6fe8ff;background:#142e56;border-color:#3c5d94}.site-header:not(.is-scrolled) .btn-ghost{color:#d8e8f8}.site-header:not(.is-scrolled) .btn-ghost:hover{color:#36eaff;background:#142e5680}.site-header.is-scrolled,.site-header.is-open{border-color:var(--color-border);background:var(--color-surface-glass);-webkit-backdrop-filter:saturate(160%)blur(14px);box-shadow:0 6px 30px #14213d0f}.site-header-inner{align-items:center;gap:24px;height:100%;display:flex}.site-nav{flex:1;align-items:center;gap:18px;display:flex}.site-nav ul{gap:4px;margin:0 auto;padding:0;list-style:none;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--color-text-soft);transition:color var(--dur-fast), background var(--dur-fast);padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none;display:block;position:relative}.nav-link:hover{color:var(--color-primary);background:var(--color-blue-50)}.nav-link.is-active{color:var(--color-navy)}.nav-link.is-active:after{content:"";background:var(--color-primary);border-radius:2px;height:2px;position:absolute;bottom:2px;left:12px;right:12px}.site-nav-actions{gap:8px;display:flex}.site-header-tools{align-items:center;gap:4px;display:flex}.header-toggle{display:none}@media (max-width:980px){.header-toggle{display:inline-flex}.site-header-inner{justify-content:space-between}.site-nav{inset:var(--header-h) 0 auto 0;max-height:calc(100dvh - var(--header-h));border-bottom:1px solid var(--color-border);background:var(--color-surface);opacity:0;visibility:hidden;transition:opacity var(--dur), transform var(--dur) var(--ease-out), visibility var(--dur);flex-direction:column;align-items:stretch;gap:16px;padding:20px;position:fixed;overflow:auto;transform:translateY(-10px);box-shadow:0 30px 60px #14213d1f}.site-header.is-open .site-nav{opacity:1;visibility:visible;transform:none}.site-nav ul{flex-direction:column;width:100%;margin:0}.nav-link{padding:12px 14px;font-size:16px}.nav-link.is-active:after{display:none}.site-nav-actions{flex-direction:column-reverse}.site-nav-actions .btn{width:100%}}@media (max-width:560px){.site-header-inner{gap:10px;padding-inline:14px}.site-header-tools{gap:6px}.brand{gap:10px}.brand-text strong{letter-spacing:-.01em;font-size:16px}.brand-text span{letter-spacing:.2em;font-size:9px}}:root{--bg-hero:#060c20;--line-hero:#334b78;--cyan-hero:#36eaff;--blue-hero:#287bff;--text-hero:#ebf7ff;--muted-hero:#a7bbd6}.hero.scene{isolation:isolate;min-height:760px;margin-top:calc(var(--header-h) * -1);padding:calc(var(--header-h) + 24px) 0 90px;color:var(--text-hero);background:radial-gradient(53% 65% at 65% 45%,#0c2a69 0%,#0000 70%),radial-gradient(38% 38% at 18% 92%,#0b2554 0%,#0000 80%),#060c20;position:relative;overflow:hidden}.hero.scene:before{content:"";pointer-events:none;background-image:linear-gradient(#6bc9ff07 1px,#0000 1px),linear-gradient(90deg,#6bc9ff07 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 22% 74%,#0000);mask-image:linear-gradient(#0000,#000 22% 74%,#0000)}.glow{pointer-events:none;border:1px solid #3c94ff21;border-radius:50%;width:760px;height:760px;position:absolute;top:3%;left:42%;box-shadow:0 0 90px #1875ed12,inset 0 0 100px #1875ed0d}.glow:before,.glow:after{content:"";border:1px dashed #4aa6ff24;border-radius:50%;animation:60s linear infinite spin;position:absolute;inset:12%}.glow:after{border-style:solid;border-color:#4aa6ff12;animation-direction:reverse;inset:27%}.hero-inner{grid-template-columns:43% 57%;align-items:center;min-height:640px;display:grid;position:relative}.hero .copy{z-index:4;align-self:center;padding-bottom:20px;position:relative}.hero-eyebrow{color:#91eefa;letter-spacing:.12em;background:#15305265;border:1px solid #39eaff51;border-radius:100px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.pulse{background:#4af4bb;border-radius:50%;width:7px;height:7px;animation:2s infinite blink;box-shadow:0 0 12px #4af4bb}.hero-title{letter-spacing:-.06em;color:#ebf7ff;margin:24px 0 18px;font-size:clamp(3rem,5.2vw,5.6rem);line-height:1.03}.hero-title span{color:#0000;background:linear-gradient(100deg,#27dfff,#3385ff 80%);-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-text.intro{color:var(--muted-hero);max-width:480px;margin:0 0 28px;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.8}.hero-text.intro strong{color:#36eaff}.hero-actions{flex-wrap:wrap;gap:13px;margin-bottom:32px;display:flex}.hero .btn.primary{cursor:pointer;color:#edf9ff;background:linear-gradient(110deg,#10b9ff,#216cff);border:#0000;border-radius:15px;align-items:center;gap:8px;padding:14px 22px;font-family:inherit;font-size:.96rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 30px #007bff46}.hero .btn.primary:hover{transform:translateY(-3px);box-shadow:0 16px 40px #007bff66}.hero .btn.secondary{cursor:pointer;color:#edf9ff;background:#112347;border:1px solid #406aa6;border-radius:15px;align-items:center;gap:8px;padding:14px 21px;font-family:inherit;font-size:.96rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.hero .btn.secondary:hover{color:#fff;background:#173760;transform:translateY(-3px)}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:480px;margin:0;padding:0;display:grid}.hero-stats .stat{-webkit-backdrop-filter:blur(10px);background:#0b224670;border:1px solid #334b7866;border-radius:14px;flex-direction:column-reverse;gap:2px;padding:12px 14px;display:flex}.hero-stats .stat dt{color:#8fa7c9;font-size:11px;font-weight:600;line-height:1.25}.hero-stats .stat-value{color:#ebf7ff;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;line-height:1.1}.robot-area{z-index:2;place-items:center;min-width:0;height:635px;display:grid;position:relative}.robot-halo{aspect-ratio:1;filter:blur(6px);pointer-events:none;background:radial-gradient(circle,#2a90ff2f 0%,#257bf016 39%,#0000 69%);border-radius:50%;width:min(99%,620px);position:absolute}.floor{filter:blur(24px);will-change:transform, opacity;pointer-events:none;background:#078ffe40;border-radius:50%;width:62%;height:48px;animation:4.5s ease-in-out infinite breathe;position:absolute;bottom:2%}.robot{object-fit:contain;filter:drop-shadow(0 22px 45px #000a)drop-shadow(0 0 24px #12caff32);will-change:transform;z-index:2;-webkit-user-select:none;user-select:none;pointer-events:none;width:min(95%,545px);height:auto;max-height:620px;animation:4.5s ease-in-out infinite levitate;display:block;position:relative}.speech{z-index:5;color:#0b2142;cursor:pointer;background:#ecfaff;border-radius:17px 17px 2px;max-width:240px;padding:13px 18px;font-size:.85rem;font-weight:750;line-height:1.35;transition:transform .2s;animation:.7s .5s both appear;position:absolute;top:0;right:13%;box-shadow:0 10px 45px #0004}.speech:hover{transform:scale(1.03)}.speech:after{content:"";border:10px solid #0000;border-top-color:#ecfaff;border-bottom:0;position:absolute;bottom:-9px;right:16px}.speech.speech-pop{animation:.35s ease-out speechPop}@keyframes speechPop{0%{opacity:.6;transform:scale(.85)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.bubbles-layer{pointer-events:none;position:absolute;inset:0}.bubble{z-index:3;color:#e3f8ff;-webkit-backdrop-filter:blur(15px);cursor:pointer;pointer-events:auto;background:#10274ce8;border:1px solid #70d1ff65;border-radius:17px;align-items:center;gap:10px;max-width:54%;min-height:44px;padding:12px 14px;font-size:.85rem;font-weight:700;text-decoration:none;transition:transform .25s,background .25s,box-shadow .25s,border-color .25s;animation:.75s both bubble-appear,5s ease-in-out infinite bob;display:flex;position:absolute;box-shadow:0 13px 45px #020710a8,inset 0 1px #ffffff15}.bubble:hover,.bubble.active{background:#153d73;border-color:#36eaff;transform:scale(1.065);box-shadow:0 0 30px #24b5ff55,inset 0 1px #ffffff25}.bubble .ico{color:#67f1ff;background:#1b5291;border-radius:11px;flex:none;place-items:center;width:35px;height:35px;font-size:20px;display:grid;overflow:hidden}.bubble .ico .app-logo{border-radius:inherit;border:none;width:100%;height:100%}.bubble .bubble-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:130px;overflow:hidden}.b1{animation-delay:.1s,.2s;top:13%;left:0}.b2{animation-delay:.3s,.8s;top:24%;right:-3%}.b3{animation-delay:.5s,1.4s;bottom:23%;left:-4%}.b4{animation-delay:.7s,1.9s;bottom:14%;right:0}.hero-detail{z-index:7;overflow-wrap:anywhere;overscroll-behavior:contain;-webkit-backdrop-filter:blur(20px);text-align:left;background:#091933ee;border:1px solid #49b5f973;border-radius:22px;width:min(93%,480px);max-height:calc(100% - 56px);padding:20px 22px;animation:.35s ease-out rise;position:absolute;bottom:5px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 22px 60px #0009}.hero-detail[hidden]{display:none}.hero-detail .mini{letter-spacing:.12em;color:#46eaff;text-transform:uppercase;margin-bottom:9px;padding-inline-end:48px;font-size:.73rem;font-weight:800}.hero-detail h3{color:#fff;margin:0 0 7px;font-size:1.3rem;font-weight:800}.hero-detail p{color:#b8cbe2;margin:0 0 14px;font-size:.89rem;line-height:1.55}.hero-detail .detail-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-detail .btn-launch{color:#fff;cursor:pointer;background:linear-gradient(110deg,#10b9ff,#216cff);border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 16px;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 20px #007bff40}.hero-detail .btn-launch:hover{transform:translateY(-2px);box-shadow:0 12px 28px #007bff60}.hero-detail .btn-more{color:#6fe8ff;cursor:pointer;background:#142e56;border:1px solid #3c6aa6;border-radius:12px;align-items:center;gap:6px;padding:10px 14px;font-size:.88rem;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.hero-detail .btn-more:hover{color:#fff;background:#1b3d73}.hero-detail .detail-status-pill{color:#c4bbfd;background:#232a5266;border:1px solid #7c6cf060;border-radius:12px;align-items:center;gap:6px;padding:9px 13px;font-size:.82rem;font-weight:700;display:inline-flex}.hero-detail .close{color:#d4ecff;cursor:pointer;background:#1d3f66;border:0;border-radius:9px;place-items:center;width:44px;height:44px;font-size:19px;transition:background .2s,color .2s;display:grid;position:absolute;top:13px;right:15px}.hero-detail .close:hover{color:#fff;background:#275284}@keyframes levitate{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-24px)rotate(1.5deg)}}@keyframes breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes appear{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes bubble-appear{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:1000px){.hero.scene{padding-top:calc(var(--header-h) + 15px);padding-bottom:60px}.hero-inner{text-align:center;grid-template-columns:1fr;gap:0;padding-top:25px}.hero .copy{justify-items:center;display:grid}.hero-text.intro{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-stats{margin:0 auto}.robot-area{width:min(100%,650px);margin:auto}.b1{left:2%}.b2{right:1%}.b3{left:0%}.b4{right:2%}}@media (max-width:600px){.hero.scene{padding:calc(var(--header-h) + 10px) 12px 50px;min-height:0}.hero-title{margin:18px 0;font-size:clamp(2.6rem,12vw,4rem)}.hero-text.intro{padding:0 10px;font-size:.97rem}.hero-actions{justify-content:center}.hero .btn.primary,.hero .btn.secondary{padding:12px 17px;font-size:.88rem}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.hero-stats .stat{overflow-wrap:anywhere;padding-inline:5px}.robot-area{height:500px;margin-top:32px}.robot{width:91%;max-height:475px}.speech{padding:9px 12px;font-size:.75rem;top:1%;right:6%}.bubble{border-radius:12px;gap:6px;padding:8px 10px;font-size:.72rem}.bubble .ico{border-radius:8px;width:29px;height:29px;font-size:16px}.bubble .bubble-name{max-width:85px}.b1{top:18%;left:0}.b2{top:35%;right:0}.b3{bottom:26%;left:0}.b4{bottom:12%;right:1%}.hero-detail{width:98%;padding:17px;bottom:4%}.glow{width:100vw;height:100vw;top:35%;left:5%}}@media (prefers-reduced-motion:reduce){.hero.scene :is(.robot,.floor,.bubble,.speech,.hero-detail,.hero-ring,.glow,.pulse),.hero.scene .glow:before,.hero.scene .glow:after{will-change:auto;animation:none}}.section-head{text-align:center;max-width:640px;margin:0 auto 36px}.section-title{letter-spacing:-.035em;margin:12px 0 10px;font-size:clamp(28px,3.2vw,42px);font-weight:800}.section-subtitle{color:var(--color-text-muted);font-size:var(--fs-md)}.catalog{padding:96px 0}.catalog-toolbar{border:1px solid var(--color-border);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-card);border-radius:18px;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:12px;padding:12px;display:grid}@media (max-width:900px){.catalog-toolbar{grid-template-columns:1fr 1fr}.catalog-search{grid-column:1/-1}}@media (max-width:680px){.catalog{padding:56px 0}.catalog-toolbar{border-radius:14px;grid-template-columns:1fr;gap:8px;padding:10px}.category-chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;gap:8px;margin-top:14px;padding:4px 2px 10px;display:flex;overflow-x:auto}.category-chips::-webkit-scrollbar{display:none}.cat-chip{white-space:nowrap;flex-shrink:0;padding:7px 12px;font-size:12px}}.category-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.cat-chip{border:1px solid var(--color-border-soft);background:var(--color-surface);color:var(--color-text-subtle);cursor:pointer;transition:all var(--dur-fast);border-radius:30px;align-items:center;gap:7px;padding:8px 13px;font-size:12.5px;font-weight:600;display:inline-flex}.cat-chip svg{width:15px;height:15px;color:var(--color-primary)}.cat-chip:hover{border-color:var(--color-border-blue-strong);color:var(--color-primary)}.cat-chip[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.cat-chip[aria-pressed=true] svg{color:#fff}.catalog-meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:20px 0 14px;display:flex}.catalog-count{color:var(--color-text-muted);font-size:var(--fs-sm);min-height:1.6em;margin:0}.view-toggle{background:var(--color-surface-tint);border:1px solid var(--color-border);border-radius:12px;align-items:center;padding:3px;display:inline-flex}.view-toggle-btn{color:var(--color-text-muted);cursor:pointer;transition:all var(--dur-fast);background:0 0;border:none;border-radius:9px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.view-toggle-btn svg{width:16px;height:16px}.view-toggle-btn.is-active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 2px 8px #14213d14}.view-toggle-btn:hover:not(.is-active){color:var(--color-navy)}.apps-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:22px;display:grid}.apps-grid>.empty-state{grid-column:1/-1}.carousel-container{width:100%;padding:4px 0 24px;position:relative}.carousel-viewport{scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:16px 6px 30px;overflow:auto hidden}.carousel-viewport::-webkit-scrollbar{display:none}.carousel-viewport.is-dragging{scroll-behavior:auto;scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.carousel-track{align-items:stretch;gap:24px;display:flex}.carousel-slide{scroll-snap-align:start;scroll-snap-stop:normal;flex:0 0 calc(33.3333% - 16px);min-width:300px;max-width:440px;display:flex}.carousel-slide>.app-card{width:100%}@media (max-width:1100px){.carousel-slide{flex:0 0 calc(50% - 12px)}}@media (max-width:720px){.carousel-slide{flex:0 0 88%;min-width:270px}}.carousel-btn{z-index:10;-webkit-backdrop-filter:blur(12px);width:46px;height:46px;color:var(--color-navy);cursor:pointer;background:#fffffff0;border:1px solid #e2e8f0f2;border-radius:50%;place-items:center;transition:all .25s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:calc(50% - 22px);box-shadow:0 10px 24px #14213d1f,0 2px 6px #14213d0d}.carousel-btn-prev{left:-18px}.carousel-btn-next{right:-18px}@media (max-width:860px){.carousel-btn-prev{left:2px}.carousel-btn-next{right:2px}.carousel-btn{width:40px;height:40px}}@media (max-width:680px){.carousel-btn{display:none!important}.carousel-slide{flex:0 0 88%;min-width:250px}.carousel-viewport{padding:10px 4px 18px}}.carousel-btn:hover:not(:disabled){color:var(--color-primary);border-color:var(--color-border-blue-strong);background:#fff;transform:scale(1.08);box-shadow:0 14px 30px #2563eb38}.carousel-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.carousel-dots{justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.carousel-dot{background:var(--color-border);cursor:pointer;border:none;border-radius:999px;width:10px;height:10px;padding:0;transition:all .3s cubic-bezier(.2,.8,.2,1)}.carousel-dot:hover{background:var(--color-primary-soft)}.carousel-dot.is-active{background:var(--color-primary);width:32px;box-shadow:0 2px 8px #2563eb66}.app-card{border-radius:var(--radius-xl);isolation:isolate;position:relative}.app-card:before{content:"";z-index:-1;border-radius:inherit;opacity:0;transition:opacity var(--dur) var(--ease-out);background:linear-gradient(140deg,#2563eb8c,#93b4fb26 40%,#0000 70%);position:absolute;inset:-1px}.app-card-inner{border:1px solid var(--color-border);border-radius:inherit;background:var(--color-surface);height:100%;box-shadow:var(--shadow-card);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), border-color var(--dur);flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}@media (max-width:500px){.app-card-inner{padding:18px 16px}}.app-card-inner:after{content:"";background:radial-gradient(circle, var(--color-primary-soft), transparent 70%);opacity:0;width:180px;height:180px;transition:opacity var(--dur);pointer-events:none;border-radius:50%;position:absolute;top:-60px;right:-60px}.app-card.is-featured .app-card-inner{border-color:var(--color-border-blue-strong)}.app-card-cover-box{border-top-left-radius:inherit;border-top-right-radius:inherit;background:var(--color-blue-50);height:160px;margin:-24px -24px 18px;position:relative;overflow:hidden}@media (max-width:500px){.app-card-cover-box{height:140px;margin:-18px -16px 14px}}.app-card-cover-img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1),filter .4s}.app-card-cover-overlay{opacity:.65;background:linear-gradient(#14213d14 0%,#14213d99 100%);transition:opacity .35s,background .35s;position:absolute;inset:0}.app-card-fav-btn{z-index:4;-webkit-backdrop-filter:blur(8px);color:#ffffffd9;cursor:pointer;background:#0f172a73;border:1px solid #ffffff73;border-radius:50%;place-items:center;width:34px;height:34px;transition:all .2s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:12px;right:12px}.app-card-fav-btn svg{width:17px;height:17px;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.app-card-fav-btn:hover{color:#fbbf24;background:#0f172ab3;border-color:#fbbf2499;transform:scale(1.12)}.app-card-fav-btn.is-favorited{color:#fff;background:#f59e0b;border-color:#f59e0b;box-shadow:0 4px 14px #f59e0b73}.app-card-fav-btn.is-favorited svg{fill:#fff;transform:scale(1.05)}.app-card-top{z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.app-card-icon{transition:transform var(--dur) var(--ease-out), box-shadow var(--dur)}.app-card-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.app-card-star svg{color:#d97706;fill:#fbbf24;stroke:#d97706;width:13px;height:13px}.app-card-title{letter-spacing:-.02em;transition:color var(--dur-fast);margin-top:14px;font-size:19px;font-weight:800;position:relative}.app-card-meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:6px;font-size:12.5px;font-weight:600;display:flex}.app-card-category{align-items:center;gap:5px;display:inline-flex}.app-card-category svg{width:14px;height:14px;color:var(--color-primary)}.app-card-version{background:var(--color-neutral-bg);border-radius:6px;padding:2px 7px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11.5px}.app-card-desc{color:var(--color-text-soft);-webkit-line-clamp:3;transition:color var(--dur);-webkit-box-orient:vertical;margin-top:12px;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.app-card-notice{margin-top:14px;padding:10px 12px;font-size:12.5px}.app-card-soon{color:var(--color-violet);margin-top:12px;font-size:13px;font-weight:600}.app-card-footer{gap:8px;margin-top:auto;padding-top:20px;display:grid}.app-card-details{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);border-radius:var(--radius-sm);transition:all var(--dur-fast);font-weight:700}.app-card-details:hover{background:var(--color-blue-50);border-color:var(--color-primary);color:var(--color-primary-strong)}.app-card-cta.is-locked{--btn-bg:var(--color-neutral-bg);--btn-color:var(--color-text-muted);--btn-border:var(--color-border);opacity:1}.status-maintenance .app-card-cta.is-locked{--btn-bg:var(--color-warning-bg);--btn-color:var(--color-warning-text);--btn-border:var(--color-warning-border)}.status-coming_soon .app-card-cta.is-locked{--btn-bg:var(--color-violet-bg);--btn-color:var(--color-violet);--btn-border:var(--color-violet-border)}.status-closed .app-card-inner{background:linear-gradient(180deg, var(--color-surface), var(--color-neutral-bg))}.status-closed .app-card-icon{filter:grayscale();opacity:.75}@media (hover:hover) and (pointer:fine){.app-card:hover:before,.app-card:focus-within:before{opacity:1}.app-card:hover .app-card-inner,.app-card:focus-within .app-card-inner{border-color:#2563eb59;transform:translateY(-8px);box-shadow:0 24px 60px #1635702e,0 0 0 1px #2563eb38}.app-card:hover .app-card-inner:after{opacity:1}.app-card:hover .app-card-cover-img{filter:brightness(1.06)contrast(1.04);transform:scale(1.08)}.app-card:hover .app-card-cover-overlay{opacity:.45}.app-card:hover .app-card-icon{transform:translateY(-3px)scale(1.08)rotate(-4deg);box-shadow:0 8px 24px #2563eb47}.app-card:hover .app-card-title{color:var(--color-primary)}.app-card:hover .app-card-desc{color:var(--color-text);-webkit-line-clamp:4}.app-card:hover .app-card-cta:not(.is-locked){transform:translateY(-1px);box-shadow:0 8px 25px #2563eb61}.app-card:hover .app-card-details{border-color:var(--color-primary);background:var(--color-blue-50)}}@media (hover:none),(pointer:coarse){.app-card-more{opacity:1;grid-template-rows:1fr;margin-top:10px}}.app-card.is-skeleton .app-card-inner{min-height:280px}.about{background:var(--gradient-page);border-top:1px solid var(--color-border);padding:96px 0;position:relative}.about-inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:6vw;display:grid}.about-lead{color:var(--color-navy);font-size:var(--fs-md);font-weight:600;line-height:1.7}.about-subtext{color:var(--color-text-muted);margin-top:12px;font-size:14.5px;line-height:1.7}.about-author-card{border-radius:var(--radius-md);border:1px solid var(--color-border-blue-strong);background:linear-gradient(135deg,#eff6ffd9,#f8fafcf2);margin:22px 0 24px;padding:16px 20px;box-shadow:0 4px 20px #2563eb14}:root[data-theme=dark] .about-author-card{background:linear-gradient(135deg,#15213bd9,#111a2ef2);border-color:#2563eb59}.about-author-card .author-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:6px;font-size:11px;font-weight:800;display:inline-block}.about-author-card p{color:var(--color-text);margin:0;font-size:14px;line-height:1.55}.about-author-card a{color:var(--color-primary);text-underline-offset:3px;font-weight:700;text-decoration:underline}.chips-row{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.about-pillars{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.pillar{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur);padding:24px}.pillar:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.pillar-icon{background:var(--color-blue-50);width:44px;height:44px;color:var(--color-primary);border-radius:13px;place-items:center;margin-bottom:16px;display:grid}.pillar-icon svg{width:22px;height:22px}.pillar h3{margin-bottom:6px;font-size:16px}.pillar p{color:var(--color-text-muted);font-size:13.5px;line-height:1.6}@media (max-width:900px){.about-inner{grid-template-columns:1fr}}@media (max-width:520px){.about-pillars{grid-template-columns:1fr}.catalog,.about{padding:64px 0}}.details{gap:14px;display:grid}.details-cover{aspect-ratio:16/7;object-fit:cover;border-radius:var(--radius-md);width:100%}.details-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.details-badges{flex-wrap:wrap;gap:6px;display:flex}.details-lead{font-weight:600;color:var(--color-text)!important}.details-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 0;display:grid}.details-meta div{border-radius:var(--radius-sm);background:var(--color-surface-tint);padding:10px 12px}.details-meta dt{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.details-meta dd{margin:2px 0 0;font-size:13px;font-weight:700}@media (max-width:480px){.details-meta{grid-template-columns:1fr}}.site-footer{background:var(--gradient-navy);color:#c7d2e6;padding:64px 0 0}:root[data-theme=dark] .site-footer{background:#070d19}.site-footer-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:48px;display:grid}.footer-logo{align-items:center;gap:12px;margin-bottom:16px;display:flex}.footer-logo strong{color:#fff;font-size:17px;display:block}.footer-logo span{color:#93b4fb;letter-spacing:.22em;font-size:11px;font-weight:800}.footer-brand p{color:#a9b6cf;max-width:420px;font-size:14px;line-height:1.75}.footer-title{color:#fff;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;font-size:13px;font-weight:800}.footer-links,.footer-contact{gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.footer-links a,.footer-contact a{color:#c7d2e6;transition:color var(--dur-fast);text-decoration:none}.footer-links a:hover,.footer-contact a:hover{color:#fff;text-decoration:underline}.footer-contact li{overflow-wrap:anywhere;align-items:flex-start;gap:10px;display:flex}.footer-contact svg{color:#93b4fb;width:17px;min-width:17px;margin-top:2px}.footer-muted{color:#8796b3;font-size:13px}.social-links{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.social-link{color:#dbe4f0;width:38px;height:38px;transition:all var(--dur-fast);border:1px solid #ffffff24;border-radius:11px;place-items:center;display:grid}.social-link svg{width:18px;height:18px}.social-link:hover{background:var(--color-primary);color:#fff;border-color:#0000;transform:translateY(-2px)}.footer-bottom{color:#8796b3;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:48px;padding:22px 0;font-size:13px;display:flex}.footer-version{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px}@media (max-width:860px){.site-footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width:520px){.site-footer-grid{grid-template-columns:1fr;gap:32px}}.standalone{background:var(--gradient-page);place-items:center;min-height:100dvh;padding:40px 20px;display:grid}.standalone-card{text-align:center;width:min(640px,100%);padding:40px}.standalone-code{background:var(--gradient-primary);color:#0000;letter-spacing:-.06em;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:clamp(72px,14vw,120px);font-weight:800;line-height:1;display:block}.standalone-card h1{margin-bottom:10px;font-size:28px}.standalone-card p{color:var(--color-text-muted)}.standalone-card .btn{margin-top:24px}.config-list{border-radius:var(--radius-md);background:var(--color-surface-tint);text-align:left;margin:20px 0 0;padding:16px 18px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.9;overflow-x:auto}.login-page{background:radial-gradient(at 10% 20%,#e0eaff,#0000 60%),#f8fafc;justify-content:center;align-items:center;min-height:100dvh;padding:40px 20px;display:flex}:root[data-theme=dark] .login-page{background:radial-gradient(at 10% 20%,#13234a,#0000 60%),#0b1220}.contenedor-login{justify-content:center;align-items:center;gap:7vw;width:100%;max-width:1080px;display:flex}.acceso-presentacion{max-width:470px}.acceso-presentacion h1{letter-spacing:-.045em;color:var(--color-navy);margin:20px 0;font-size:clamp(34px,4vw,54px);line-height:1.08}.acceso-presentacion>p{color:var(--color-text-muted);font-size:16px;line-height:1.75}.acceso-beneficios{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.acceso-beneficios span{background:var(--color-surface);border:1px solid var(--color-border-soft);color:var(--color-text-subtle);box-shadow:var(--shadow-xs);border-radius:30px;align-items:center;gap:8px;padding:9px 14px;font-size:12px;display:inline-flex}.tarjeta-login{border:1px solid var(--color-border);background:var(--color-surface);border-radius:24px;width:100%;max-width:440px;padding:36px;box-shadow:0 20px 70px #16357016}.tarjeta-login-header{margin-bottom:24px}.tarjeta-login-header h2{letter-spacing:-.02em;color:var(--color-navy);margin-top:8px;font-size:24px}.tarjeta-login-header p{color:var(--color-text-muted);margin-top:4px;font-size:13.5px}.form-login{gap:18px;display:grid}.enlaces-login{justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.enlaces-login .btn-link{font-size:12.5px}.login-pie{text-align:center;border-top:1px solid var(--color-border);margin-top:24px;padding-top:20px}.acceso-pie-seguro{color:var(--color-text-muted);justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex}.acceso-pie-seguro svg{width:15px;height:15px;color:var(--color-primary)}@media (max-width:860px){.contenedor-login{flex-direction:column;gap:32px;padding:20px 10px}.acceso-presentacion{text-align:center;max-width:440px}.acceso-beneficios{justify-content:center;display:none}.tarjeta-login{padding:28px 24px}}.admin-layout{background:var(--color-bg);min-height:100dvh;display:flex}.admin-sidebar{width:var(--sidebar-w);background:var(--color-surface);border-right:1px solid var(--color-border);z-index:1000;transition:transform var(--dur) var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{height:var(--header-h);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:0 20px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex;overflow-y:auto}.nav-heading{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);padding:12px 10px 6px;font-size:11px;font-weight:800}.admin-nav-item{border-radius:var(--radius-sm);color:var(--color-text-soft);transition:all var(--dur-fast);align-items:center;gap:12px;padding:10px 14px;font-size:13.5px;font-weight:600;text-decoration:none;display:flex}.admin-nav-item svg{width:18px;height:18px;color:var(--color-text-muted);transition:color var(--dur-fast)}.admin-nav-item:hover{background:var(--color-blue-50);color:var(--color-primary)}.admin-nav-item:hover svg{color:var(--color-primary)}.admin-nav-item.is-active{background:var(--color-primary);color:#fff}.admin-nav-item.is-active svg{color:#fff}.sidebar-footer{border-top:1px solid var(--color-border);flex-direction:column;gap:12px;padding:16px 14px;display:flex}.user-snippet{border-radius:var(--radius-sm);background:var(--color-surface-tint);align-items:center;gap:10px;padding:8px 10px;display:flex}.user-avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.user-details{flex-direction:column;flex:1;min-width:0;display:flex}.user-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.user-role-badge{text-transform:uppercase;color:var(--color-primary);letter-spacing:.05em;font-size:10px;font-weight:800}.admin-main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-width:0;display:flex}.admin-topbar{height:var(--header-h);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:99;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:14px;display:flex}.topbar-right{align-items:center;gap:12px;display:flex}.admin-page-title{color:var(--color-navy);letter-spacing:-.02em;font-size:20px;font-weight:800}.admin-content{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:32px}.sidebar-toggle-btn,.admin-menu-close{display:none}body.admin-menu-open{overflow:hidden}.dash-column{align-content:start;gap:24px;min-width:0;display:grid}.dash-sections-grid.is-single{grid-template-columns:minmax(0,1fr)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172a73;display:none;position:fixed;inset:0}@media (max-width:1024px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.is-open{transform:translate(0)}.admin-main{margin-left:0}.sidebar-toggle-btn,.admin-menu-close{min-width:44px;min-height:44px;display:inline-flex}.sidebar-overlay.is-open{display:block}.admin-topbar{padding:0 20px}.admin-content{padding:20px}}.dash-welcome{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#14213df5 0%,#1e3a8af0 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #14213d29}.dash-welcome:after{content:"";pointer-events:none;background:radial-gradient(circle,#60a5fa38,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-30px;right:-30px}.dash-welcome-text h1{letter-spacing:-.03em;color:#fff;margin:0 0 4px;font-size:clamp(20px,2.4vw,26px);font-weight:800}.dash-welcome-text p{color:#bfdbfe;margin:0;font-size:13.5px}.dash-welcome-actions{z-index:1;flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:relative}.dash-welcome-actions .btn-white{color:var(--color-primary-deep);background:#fff;border:1px solid #fff;font-weight:700;box-shadow:0 4px 14px #0000001f}.dash-welcome-actions .btn-white:hover{color:var(--color-primary);background:#f1f5f9;transform:translateY(-1px)}.dash-welcome-actions .btn-outline-white{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #fff6}.dash-welcome-actions .btn-outline-white:hover{background:#fff3;border-color:#fff;transform:translateY(-1px)}.dash-health-widget{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:14px 20px;display:flex}.dash-health-info{align-items:center;gap:12px;display:flex}.dash-health-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dash-health-info strong{color:var(--color-navy);font-size:14px}.dash-health-info span{color:var(--color-text-muted);font-size:13px}.dash-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-bottom:28px;display:grid}.metric-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);transition:transform var(--dur-fast), box-shadow var(--dur-fast);align-items:center;gap:16px;padding:20px 22px;display:flex}.metric-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.metric-icon-box{border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.metric-icon-box svg{width:24px;height:24px}.metric-data{flex-direction:column;display:flex}.metric-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.metric-value{color:var(--color-navy);letter-spacing:-.03em;margin-top:2px;font-size:28px;font-weight:800;line-height:1.1}.metric-card-sub{color:var(--color-text-muted);margin-top:4px;font-size:12px}.metric-card-sub strong{color:var(--color-primary)}.dash-sections-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.card-head-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-head-row h3{color:var(--color-navy);margin:0;font-size:16px;font-weight:800}@media (max-width:960px){.dash-sections-grid{grid-template-columns:1fr}}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.admin-toolbar-search{flex:1;min-width:240px;max-width:420px}.admin-toolbar-actions{align-items:center;gap:10px;display:flex}.preview-pane-box{background:var(--color-bg);border-radius:var(--radius-md);border:1px dashed var(--color-border-strong);place-items:center;padding:24px;display:grid}.bulk-actions-bar{z-index:50;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);align-items:center;gap:14px;margin-top:16px;padding:12px 20px;animation:.2s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:sticky;bottom:24px;box-shadow:0 16px 40px #0f172a2e,0 0 0 1px #2563eb26}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.bulk-count{color:var(--color-primary);font-size:14px;font-weight:700}@media (max-width:768px){.admin-topbar{height:56px;padding:0 14px}.admin-page-title{font-size:17px}.admin-content{padding:16px 12px}.dash-welcome{flex-direction:column;align-items:stretch;gap:14px;padding:18px 16px}.dash-welcome-actions{width:100%}.dash-welcome-actions .btn{flex:auto;justify-content:center}.dash-health-widget{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.dash-health-widget .btn{justify-content:center;width:100%}.dash-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.metric-card{gap:12px;padding:14px 16px}.metric-icon-box{border-radius:10px;width:40px;height:40px}.metric-value{font-size:24px}.admin-toolbar{flex-direction:column;align-items:stretch;gap:10px}.admin-toolbar-search{width:100%;max-width:100%}.admin-toolbar-actions{flex-wrap:wrap;gap:8px;width:100%;display:flex}.admin-toolbar-actions .btn{flex:calc(50% - 4px);justify-content:center;padding:7px 10px;font-size:12px}.bulk-actions-bar{flex-wrap:wrap;gap:8px;padding:10px 14px;bottom:12px;left:12px;right:12px}}@media (max-width:480px){.dash-metrics-grid{grid-template-columns:1fr}.admin-toolbar-actions .btn{flex:100%}}