@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block";@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;font-display:block;src:url(/fonts/material-symbols-rounded.woff2)format("woff2"),url(https://fonts.gstatic.com/s/materialsymbolsrounded/v378/sykg-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjzaqkNCeE.woff2)format("woff2")}:root,[data-theme=dark]{--clr-primary:#0a84ff;--clr-primary-light:#38bdf8;--clr-primary-dark:#06c;--clr-primary-tint:#0a84ff26;--clr-success:#30d158;--clr-success-light:#34d399;--clr-success-tint:#30d15826;--clr-warning:#ff9f0a;--clr-warning-light:#fbbf24;--clr-warning-tint:#ff9f0a26;--clr-danger:#ff453a;--clr-danger-light:#f87171;--clr-danger-tint:#ff453a26;--clr-purple:#bf5af2;--clr-purple-tint:#bf5af226;--clr-surplus:#0a84ff;--clr-surplus-tint:#0a84ff26;--clr-bg:#030712;--clr-surface:#ffffff0d;--clr-surface-2:#0f172ab3;--clr-surface-elevated:#ffffff14;--clr-border:#ffffff1a;--clr-border-subtle:#ffffff0f;--clr-glass-inset:inset 0 1px 0 #ffffff29;--clr-text:#fff;--clr-text-1:#fff;--clr-text-2:#94a3b8;--clr-text-3:#ebebf573;--app-bg:radial-gradient(ellipse at 50% -20%, #1e1b4b 0%, #090d16 50%, #030712 100%), radial-gradient(circle at 10% 25%, #0a84ff14 0%, transparent 40%), radial-gradient(circle at 90% 60%, #30d1580d 0%, transparent 45%), #030712;--app-page-bg:#030712;--app-surface:#0f172ab3;--app-surface-solid:#0a1222;--app-surface-hover:#ffffff14;--app-border:#ffffff1a;--app-border-strong:#0a84ff66;--app-text-primary:#fff;--app-text-secondary:#94a3b8;--app-text-muted:#ebebf573;--app-card-glass:#ffffff0d;--app-card-border:#ffffff1a;--app-card-shadow:0 12px 30px #0006;--app-card-shadow-hover:0 18px 40px #0009;--app-input-bg:#0a101ad9;--app-input-border:#ffffff1a;--app-input-text:#fff;--app-table-header-bg:#0f172ad9;--app-table-row-hover:#ffffff0a;--app-table-border:#ffffff0f;--shadow-sm:0 2px 6px #00000059;--shadow-md:0 10px 25px #00000073;--shadow-lg:0 20px 45px #0009;--radius-sm:8px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--sp-xs:4px;--sp-sm:8px;--sp-md:16px;--sp-lg:24px;--sp-xl:32px;--sp-2xl:48px;--font:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;--fz-xs:11px;--fz-sm:13px;--fz-base:15px;--fz-md:17px;--fz-lg:20px;--fz-xl:24px;--fz-2xl:32px;--fz-3xl:40px;--input-h:52px;--nav-height:80px;--ease-out-quint:cubic-bezier(.23, 1, .32, 1);--ease-out-cubic:cubic-bezier(.33, 1, .68, 1);--ease-out-apple:cubic-bezier(.16, 1, .3, 1);--ease-in-out-cubic:cubic-bezier(.645, .045, .355, 1);--ease-in-quad:cubic-bezier(.55, .085, .68, .53);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--spring-snappy:cubic-bezier(.16, 1, .3, 1);--duration-instant:.1s;--duration-hover:.15s;--duration-enter:.22s;--duration-exit:.16s;--duration-modal:.25s}[data-theme=light]{--clr-primary:#1565c0;--clr-primary-light:#1976d2;--clr-primary-dark:#0d47a1;--clr-primary-tint:#e3f2fd;--clr-success:#2e7d32;--clr-success-light:#43a047;--clr-success-tint:#e8f5e9;--clr-warning:#f57c00;--clr-warning-light:#ff9800;--clr-warning-tint:#fff3e0;--clr-danger:#c62828;--clr-danger-light:#e53935;--clr-danger-tint:#ffebee;--clr-purple:#7b1fa2;--clr-purple-tint:#f3e5f5;--clr-surplus:#1565c0;--clr-surplus-tint:#e3f2fd;--clr-bg:#f0f9ff;--clr-surface:#fff;--clr-surface-2:#fafafa;--clr-surface-elevated:#fff;--clr-border:#e0e0e0;--clr-border-subtle:#eceff1;--clr-glass-inset:inset 0 1px 0 #ffffffe6;--clr-text:#0f172a;--clr-text-1:#0f172a;--clr-text-2:#334155;--clr-text-3:#64748b;--app-bg:linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 100%);--app-page-bg:#e0f2fe;--app-surface:#ffffffd9;--app-surface-solid:#fff;--app-surface-hover:#f8fafc;--app-border:#0284c729;--app-border-strong:#0284c759;--app-text-primary:#0f172a;--app-text-secondary:#334155;--app-text-muted:#64748b;--app-card-glass:#ffffffd1;--app-card-border:#fffffff2;--app-card-shadow:0 10px 30px #0284c714;--app-card-shadow-hover:0 16px 36px #0284c729;--app-input-bg:#fff;--app-input-border:#0284c740;--app-input-text:#0f172a;--app-table-header-bg:#e0f2fe99;--app-table-row-hover:#f0f9ffe6;--app-table-border:#0284c714;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", var(--font);font-size:var(--fz-base);color:var(--clr-text);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;width:100%;caret-color:var(--clr-primary);background-color:#030712;background-image:radial-gradient(at 50% -20%,#1e1b4b 0%,#090d16 50%,#030712 100%),radial-gradient(circle at 10% 25%,#0a84ff14 0%,#0000 40%),radial-gradient(circle at 90% 60%,#30d1580f 0%,#0000 45%);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;line-height:1.5;overflow-x:hidden}::selection{color:#fff;background:#0a84ff59}table,.hub-metric-card__value,.kpi-card__value,.shift-badge,.hub-avatar__initials,.hub-live-clock,[data-tabular]{font-variant-numeric:tabular-nums lining-nums}.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;vertical-align:middle;direction:ltr;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block;font-family:Material Symbols Rounded,sans-serif!important}.material-symbols-outlined,.material-icons{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;vertical-align:middle;direction:ltr;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block;font-family:Material Symbols Rounded,sans-serif!important}.app-shell{background:var(--clr-bg);flex-direction:column;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow-x:hidden;box-shadow:0 0 40px #0000001f}.page{padding:var(--sp-md);padding-bottom:calc(80px + var(--sp-lg));flex:1;width:100%;max-width:100%;margin:0 auto}@media (width>=481px){body{background:var(--clr-bg)}}.page--wide{max-width:100%}.card{background:var(--clr-surface);-webkit-backdrop-filter:blur(24px)saturate(180%);padding:var(--sp-lg);box-shadow:0 16px 40px #00000073, var(--clr-glass-inset);border:1px solid var(--clr-border);color:var(--clr-text);transition:transform var(--duration-hover) var(--ease-out-quint), box-shadow var(--duration-hover) var(--ease-out-quint), border-color var(--duration-hover) ease;will-change:transform, box-shadow;border-radius:20px}.card,.modal-sheet,.input-field,.btn,.camera-tab,.top-header__btn,.btn-sync-clean,.nav-item{-webkit-tap-highlight-color:transparent}.card:hover{box-shadow:0 20px 48px #0000008c, var(--clr-glass-inset);border-color:#ffffff2e;transform:translateY(-2px)}.card--elevated{background:var(--clr-surface-elevated);box-shadow:0 20px 50px #0000008c, var(--clr-glass-inset);border-color:#ffffff29}.input-group{flex-direction:column;gap:6px;display:flex}.input-label{font-size:var(--fz-xs);color:var(--clr-text-2);text-transform:uppercase;letter-spacing:.6px;font-weight:700}.input-field{height:var(--input-h);padding:0 var(--sp-md);border:1px solid var(--clr-border);font-size:var(--fz-base);font-family:var(--font);color:#fff;background:var(--app-input-bg);-webkit-backdrop-filter:blur(16px);transition:border-color var(--duration-hover) var(--ease-out-quint), box-shadow var(--duration-hover) var(--ease-out-quint), background-color var(--duration-hover) ease;box-sizing:border-box;border-radius:14px;outline:none;width:100%;font-weight:600;box-shadow:inset 0 1px 2px #0000004d}.input-field:focus{border-color:var(--clr-primary);background:#0f172af2;box-shadow:0 0 0 3px #0a84ff47,inset 0 1px #ffffff1f}.input-field--error{border-color:var(--clr-danger)}.input-field--error:focus{box-shadow:0 0 0 3px #ff453a47}.btn{justify-content:center;align-items:center;gap:var(--sp-sm);height:48px;padding:0 var(--sp-xl);font-family:var(--font);font-size:var(--fz-base);cursor:pointer;transition:transform var(--duration-instant) var(--ease-out-quint), box-shadow var(--duration-hover) var(--ease-out-quint), opacity var(--duration-hover) ease, background-color var(--duration-hover) ease;white-space:nowrap;box-sizing:border-box;will-change:transform;border:none;border-radius:14px;min-height:44px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transition-duration:var(--duration-instant);transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{color:#fff;background:linear-gradient(#0a84ff 0%,#0071e3 100%);border:1px solid #ffffff2e;box-shadow:0 8px 24px #0a84ff66,inset 0 1px #ffffff4d}.btn--primary:hover:not(:disabled){background:linear-gradient(#1a8cff 0%,#0077ed 100%);box-shadow:0 10px 28px #0a84ff80,inset 0 1px #ffffff59}.btn--success{color:#fff;background:linear-gradient(#30d158 0%,#28b84d 100%);border:1px solid #ffffff2e;box-shadow:0 8px 24px #30d15859,inset 0 1px #ffffff40}.btn--success:hover:not(:disabled){background:linear-gradient(#34d399 0%,#2dbb50 100%)}.btn--danger{color:#fff;background:linear-gradient(#ff453a 0%,#e0352b 100%);border:1px solid #ffffff2e;box-shadow:0 8px 24px #ff453a59,inset 0 1px #ffffff40}.btn--danger:hover:not(:disabled){background:linear-gradient(#f87171 0%,#ea3b31 100%)}.btn--ghost,.btn--secondary{-webkit-backdrop-filter:blur(18px)saturate(180%);color:#fff;border:1px solid var(--clr-border);box-shadow:0 4px 16px #00000040, var(--clr-glass-inset);background:#ffffff14}.btn--ghost:hover:not(:disabled),.btn--secondary:hover:not(:disabled){background:#ffffff24;border-color:#ffffff38}.btn--full{width:100%}.btn--sm{height:38px;padding:0 var(--sp-md);font-size:var(--fz-sm);border-radius:10px}.btn--icon{border-radius:50%;width:44px;height:44px;padding:0}button,input,select,textarea,a{font:inherit}button,[role=button],a,select,input[type=date],input[type=time],input[type=number],input[type=text]{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,.btn:focus-visible,.camera-tab:focus-visible,.nav-item:focus-visible{outline-offset:3px;outline:2px solid #38bdf8f2;box-shadow:0 0 0 5px #0a84ff2e}.liquid-glass-panel{-webkit-backdrop-filter:blur(24px)saturate(180%);background:linear-gradient(135deg,#ffffff13,#ffffff09),#0f172ab8;border:1px solid #ffffff1f;box-shadow:0 16px 40px #0000006b,inset 0 1px #ffffff29}.material-symbols-rounded{color:inherit}.monochrome-icon,.kpi-icon,.nav-item__icon,.master-btn-icon .material-symbols-rounded,.top-header__btn .material-symbols-rounded{color:#fff!important}.badge{font-size:var(--fz-xs);text-transform:uppercase;letter-spacing:.5px;border-radius:100px;align-items:center;gap:4px;padding:4px 10px;font-weight:700;display:inline-flex}.badge--exact{background:var(--clr-success-tint);color:var(--clr-success)}.badge--surplus{background:var(--clr-primary-tint);color:var(--clr-primary)}.badge--short{background:var(--clr-danger-tint);color:var(--clr-danger)}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-sm{gap:var(--sp-sm)}.gap-md{gap:var(--sp-md)}.gap-lg{gap:var(--sp-lg)}.mt-sm{margin-top:var(--sp-sm)}.mt-md{margin-top:var(--sp-md)}.mt-lg{margin-top:var(--sp-lg)}.mb-md{margin-bottom:var(--sp-md)}.w-full{width:100%}.spinner{border:4px solid var(--clr-border);border-top-color:var(--clr-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.offline-banner{color:#fff;text-align:center;padding:var(--sp-sm) var(--sp-md);font-size:var(--fz-sm);justify-content:center;align-items:center;gap:var(--sp-sm);z-index:200;background:#ff6f00;font-weight:600;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.35s both fadeInUp}.divider{background:var(--clr-border);height:1px;margin:var(--sp-md) 0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--clr-border);border-radius:3px}.signature-pad{border:1px solid var(--clr-border);border-radius:var(--radius-md,12px);background-color:var(--clr-surface);margin-bottom:var(--sp-md,16px);padding:16px;box-shadow:0 2px 8px #0000000a}.signature-pad__label{color:var(--clr-text-1);font-weight:700;font-size:var(--fz-sm);margin-bottom:8px}.signature-canvas{border:2px dashed var(--clr-border);cursor:crosshair;touch-action:none;background-color:#fff;border-radius:8px;width:100%;height:120px;display:block}.signature-canvas--active{border:2px solid var(--clr-primary)!important}.eval-btn-group{gap:8px;width:100%;margin-top:4px;display:flex}.eval-btn{border:1px solid var(--clr-border);background:var(--clr-surface);height:38px;color:var(--clr-text-2);font-size:var(--fz-xs);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;font-weight:700;transition:all .2s;display:flex}.eval-btn:hover{background:var(--clr-bg)}.eval-btn--active-si{background-color:var(--clr-success-tint,#e8f5e9)!important;border-color:var(--clr-success,#2e7d32)!important;color:var(--clr-success,#2e7d32)!important}.eval-btn--active-no{background-color:var(--clr-danger-tint,#ffebee)!important;border-color:var(--clr-danger,#c62828)!important;color:var(--clr-danger,#c62828)!important}.eval-btn--active-na{background-color:var(--clr-bg,#eceff1)!important;color:#37474f!important;border-color:#78909c!important}.save-progress-btn{border:1px solid var(--clr-primary);height:28px;color:var(--clr-primary);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:4px;padding:0 10px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.save-progress-btn:hover{background:var(--clr-primary);color:#fff}.inventory-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--fz-sm);min-width:600px}.inventory-table th,.inventory-table td{white-space:nowrap;padding:var(--sp-sm) var(--sp-md)!important;border-bottom:1px solid var(--clr-border-light)!important}.inventory-table th{text-transform:uppercase;letter-spacing:.5px;font-size:10px;background:var(--clr-border-light)!important;color:var(--clr-text-2)!important;font-weight:700!important}.inventory-table td.sticky-col,.inventory-table th.sticky-col{z-index:2;position:sticky;left:0;box-shadow:2px 0 5px #00000005;background:var(--clr-surface)!important;border-right:1px solid var(--clr-border)!important}.inventory-table th.sticky-col{z-index:3;background:var(--clr-border-light)!important}.table-input{text-align:center;outline:none;width:70px;height:32px;transition:all .2s;border:1px solid var(--clr-border)!important;border-radius:var(--radius-sm)!important;padding:0 var(--sp-xs)!important;font-size:var(--fz-sm)!important;color:var(--clr-text)!important;background:var(--clr-bg)!important;font-weight:700!important}.table-input:focus{border-color:var(--clr-primary)!important;background:var(--clr-surface)!important;box-shadow:0 0 0 2px #1565c01a!important}.camera-tabs{gap:var(--sp-xs);padding:var(--sp-sm) var(--sp-md);background:var(--clr-surface);border-bottom:1px solid var(--clr-border);z-index:10;scrollbar-width:none;display:flex;position:sticky;top:56px;overflow-x:auto}.camera-tabs::-webkit-scrollbar{display:none}.camera-tab{border-radius:var(--radius-md);color:var(--clr-text-3);font-size:var(--fz-sm);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;padding:8px 16px;font-weight:700;transition:all .2s}.camera-tab:hover{color:var(--clr-primary);background:var(--clr-bg)}.camera-tab.active{background:var(--clr-primary-tint);color:var(--clr-primary);border-color:var(--clr-primary-tint)}@media (width>=768px){.camera-tabs{flex-wrap:wrap;gap:8px;padding:12px 24px;white-space:normal!important}.camera-tab{text-align:center;flex-grow:1;flex-shrink:1;min-width:140px;padding:8px 12px;border:1px solid var(--clr-border)!important;border-radius:8px!important}}@media (width<=768px){.desktop-only-panel{display:none!important}.usuarios-layout-grid{grid-template-columns:1fr!important;gap:14px!important}.usuarios-sidebar-filters{width:100%!important;position:static!important}.user-item-row{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.user-item-row .user-item-actions{border-top:1px solid #ffffff14!important;justify-content:flex-end!important;width:100%!important;margin-top:4px!important;padding-top:8px!important}.usuarios-area-filter-tabs{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;gap:8px!important;margin-bottom:16px!important;padding:0 4px 6px!important;display:flex!important;overflow-x:auto!important}.usuarios-area-filter-tabs button{flex-shrink:0!important}}@media (width<=520px){.page{padding-inline:12px}.btn{white-space:normal;max-width:100%;line-height:1.15}.card,.modal-sheet{border-radius:18px}}[data-theme=light] body{background:var(--clr-bg,#f0f9ff);color:var(--clr-text,#0f172a)}[data-theme=light] .app-shell{background:var(--clr-bg,#f0f9ff);box-shadow:0 0 40px #0284c714}[data-theme=light] .card{color:#0f172a;background:#ffffffe6;border-color:#0284c729;box-shadow:0 4px 16px #0284c70f}[data-theme=light] .card--elevated{box-shadow:0 8px 24px #0284c71a}[data-theme=light] .input-field{color:#0f172a;background:#fff;border-color:#0284c740}[data-theme=light] .input-field:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}[data-theme=light] .input-label{color:#475569}[data-theme=light] .camera-tabs{background:#ffffffe6;border-bottom-color:#0284c726}[data-theme=light] .camera-tab{color:#64748b;border-color:#0284c726!important}[data-theme=light] .camera-tab:hover{color:#0284c7;background:#0284c70f}[data-theme=light] .camera-tab.active{background:#0284c7;color:#fff!important;border-color:#0284c7!important}.modal-mask{-webkit-backdrop-filter:blur(28px)saturate(190%);z-index:99999;animation:modalFadeIn var(--duration-enter) var(--ease-out-quint);box-sizing:border-box;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(28px)saturate(190%);backdrop-filter:blur(28px)saturate(190%)}}.modal-sheet{-webkit-backdrop-filter:blur(36px)saturate(200%);-webkit-overflow-scrolling:touch;width:100%;max-height:88vh;animation:modalMaterialize var(--duration-modal) var(--ease-out-quint);box-sizing:border-box;will-change:transform, opacity, filter;background:#0f172ad1;border:1px solid #ffffff24;border-radius:24px;padding:24px;position:relative;overflow-y:auto;box-shadow:0 32px 80px #000000bf,inset 0 1px #ffffff2e}@keyframes modalMaterialize{0%{opacity:0;filter:blur(4px);transform:scale(.96)translateY(8px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}[data-theme=light] .modal-mask{-webkit-backdrop-filter:blur(20px)saturate(160%);background:#0f172a59}[data-theme=light] .modal-sheet{-webkit-backdrop-filter:blur(30px)saturate(180%);background:#ffffffe6;border:1px solid #0284c733;border-radius:24px;box-shadow:0 32px 80px #0284c726,inset 0 1px 1px #fff}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-transparency:reduce){.card,.modal-sheet,.modal-mask,.input-field,.btn--ghost,.btn--secondary,.camera-tabs,.liquid-glass-panel{background:var(--app-surface-solid,#0a1222)!important;-webkit-backdrop-filter:none!important}}.legal-modal-overlay{z-index:999999;-webkit-backdrop-filter:blur(28px)saturate(190%);box-sizing:border-box;background:#030712e0;justify-content:center;align-items:center;padding:16px;animation:.22s cubic-bezier(.16,1,.3,1) forwards legalModalFadeIn;display:flex;position:fixed;inset:0}@keyframes legalModalFadeIn{0%{opacity:0}to{opacity:1}}.legal-modal-card{box-sizing:border-box;background:#0f172aeb;border:1px solid #ffffff24;border-radius:24px;flex-direction:column;width:100%;max-width:780px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000b3,inset 0 1px #ffffff29}.legal-modal-glow{pointer-events:none;filter:blur(50px);background:radial-gradient(#0a84ff2e 0%,#0000 70%);width:480px;height:160px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.legal-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px 14px;display:flex}.legal-modal-header__title-row{align-items:center;gap:14px;display:flex}.legal-modal-icon-badge{color:#38bdf8;background:#0a84ff26;border:1px solid #0a84ff59;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.legal-modal-title{letter-spacing:-.02em;color:#fff;margin:0;font-size:19px;font-weight:800}.legal-modal-subtitle{color:#94a3b8;margin:2px 0 0;font-size:12px;font-weight:500}.legal-modal-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.legal-modal-close-btn:hover{color:#fff;background:#ffffff24}.legal-modal-alert{color:#e2e8f0;background:#0ea5e91a;border:1px solid #0ea5e940;border-radius:12px;align-items:center;gap:10px;margin:12px 24px 0;padding:10px 14px;font-size:13px;line-height:1.4;display:flex}.legal-modal-tabs{background:#02061799;border:1px solid #ffffff14;border-radius:12px;gap:6px;margin:14px 24px 0;padding:4px;display:flex}.legal-modal-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.legal-modal-tab.active{color:#fff;background:#ffffff1f;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff26}.legal-modal-body{background:#02061759;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;flex:1;margin:12px 0 0;padding:18px 24px;overflow-y:auto}.legal-doc-text{color:#cbd5e1;white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;font-size:13px;line-height:1.65}.legal-modal-footer{background:#0f172af2;padding:18px 24px}.legal-mandatory-footer{flex-direction:column;gap:16px;display:flex}.legal-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;display:flex}.legal-checkbox{width:19px;height:19px;accent-color:var(--clr-primary,#0a84ff);cursor:pointer;border-radius:6px;flex-shrink:0;margin-top:2px}.legal-checkbox-text{color:#e2e8f0;font-size:13px;line-height:1.45}.legal-btn-accept{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0a84ff 0%,#06c 100%);border:1px solid #fff3;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;font-size:15px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 20px #0a84ff59,inset 0 1px #ffffff40}.legal-btn-accept:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 12px 28px #0a84ff73}.legal-btn-accept:active:not(:disabled){transform:scale(.98)}.legal-btn-accept:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5);box-shadow:none}.legal-view-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.legal-view-footer__note{color:#94a3b8;font-size:12px}@media (width<=600px){.legal-modal-card{border-radius:20px;max-height:94vh}.legal-modal-header{padding:16px}.legal-modal-body,.legal-modal-footer{padding:14px 16px}.legal-modal-tabs,.legal-modal-alert{margin:10px 16px 0}}
