*, *::before, *::after{ box-sizing:border-box; } *{ margin:0; } html, body{ height:100%; } body{ line-height:1.5; -webkit-font-smoothing:antialiased; } img, picture, video, canvas, svg{ display:block; max-width:100%; } input, button, textarea, select{ font:inherit; } p, h1, h2, h3, h4, h5, h6{ overflow-wrap:break-word; } @media (prefers-reduced-motion: reduce){ *, *::before, *::after{ animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important; } } :root{ --font:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; --fg:#0b1220; --muted:rgba(15,23,42,.65); --muted-soft:rgba(15,23,42,.50); --bg-top:#ebf0f6; --bg-mid:#e2e9f1; --bg-bot:#e8eef4; --glow-a:rgba(37,99,235,.06); --glow-b:rgba(37,99,235,.04); --surface:#ffffff; --surface-soft:rgba(255,255,255,.92); --surface-strong:#ffffff; --bd:rgba(15,23,42,.12); --bd-strong:rgba(15,23,42,.18); --bd-soft:rgba(15,23,42,.06); --shadow-sm:0 1px 2px rgba(15,23,42,.04), 0 1px 0 rgba(15,23,42,.02); --shadow:0 4px 12px rgba(15,23,42,.06), 0 2px 4px rgba(15,23,42,.04); --shadow-lg:0 12px 32px rgba(15,23,42,.10), 0 4px 8px rgba(15,23,42,.05); --shadow-xl:0 24px 60px rgba(15,23,42,.14), 0 8px 16px rgba(15,23,42,.06); --inset:0 1px 0 rgba(255,255,255,.70) inset; --accent:#1e3a8a; --accent2:#2563eb; --accent-soft:rgba(37,99,235,.10); --focus:rgba(37,99,235,.65); --ring:rgba(37,99,235,.20); --ok-fg:#0d8a4e; --ok-bg:rgba(34,197,94,.10); --ok-bd:rgba(34,197,94,.30); --warn-fg:#a8580a; --warn-bg:rgba(245,158,11,.10); --warn-bd:rgba(245,158,11,.30); --danger-fg:#b91c1c; --danger-bg:rgba(239,68,68,.08); --danger-bd:rgba(239,68,68,.28); --r:18px; --r2:14px; --r3:10px; --wrap:1200px; --nav-w:24rem; --main-pad:2.4rem; --field-bg:#ffffff; --field-fg:rgba(15,23,42,.95); --field-bd:rgba(15,23,42,.16); --field-bd-hover:rgba(15,23,42,.24); --field-placeholder:rgba(15,23,42,.42); } html{ font-size:10px; } body{ min-height:100vh; font:300 1.4rem/1.45 var(--font); color:var(--fg); background:transparent; overflow-x:hidden; position:relative; isolation:isolate; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; touch-action:manipulation; } body::before{ content:""; position:fixed; inset:-25vh -15vw; z-index:-1; pointer-events:none; background: radial-gradient(900px 600px at 50% -10%, var(--glow-a), transparent 60%), radial-gradient(700px 520px at 85% 18%, var(--glow-b), transparent 55%), linear-gradient(180deg, var(--bg-top), var(--bg-mid) 60%, var(--bg-bot)); } a{ color:inherit; text-decoration:none; } :focus-visible{ outline:2px solid var(--focus); outline-offset:2px; border-radius:6px; } .muted{ color:var(--muted); } .muted-soft{ color:var(--muted-soft); } .mono, .tnum{ font-variant-numeric:tabular-nums; } .hr{ height:1px; background:var(--bd-soft); margin:1.2rem 0; } .box{ background:var(--surface); border:1px solid var(--bd); border-radius:var(--r); padding:1.6rem; box-shadow:var(--shadow); } .box.soft{ background:var(--surface-soft); box-shadow:var(--shadow-sm); } .h{ display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:0 0 1.2rem 0; } .h b{ font-weight:650; color:var(--fg); letter-spacing:-.01em; } .badge{ display:inline-flex; align-items:center; gap:.6rem; padding:.55rem .85rem; border-radius:999px; border:1px solid var(--bd); background:var(--surface); font-size:1.2rem; font-weight:600; color:var(--fg); letter-spacing:.01em; } .badge.ok{ color:var(--ok-fg); background:var(--ok-bg); border-color:var(--ok-bd); } .badge.warn{ color:var(--warn-fg); background:var(--warn-bg); border-color:var(--warn-bd); } .badge.danger{ color:var(--danger-fg); background:var(--danger-bg); border-color:var(--danger-bd); } .input{ margin:1rem 0; } .input input, .input select, .input textarea, input.input, select.input, textarea.input{ width:100%; padding:1.05rem 1.15rem; border-radius:var(--r2); background:var(--field-bg); color:var(--field-fg); border:1px solid var(--field-bd); box-shadow:var(--shadow-sm); outline:none; font-family:inherit; font-size:1.4rem; font-weight:400; transition:border-color .12s ease, box-shadow .12s ease; } .input input::placeholder, .input textarea::placeholder, input.input::placeholder, textarea.input::placeholder{ color:var(--field-placeholder); } .input input:hover, .input select:hover, .input textarea:hover, input.input:hover, select.input:hover, textarea.input:hover{ border-color:var(--field-bd-hover); } .input input:focus, .input select:focus, .input textarea:focus, input.input:focus, select.input:focus, textarea.input:focus{ border-color:var(--accent2); box-shadow:0 0 0 3px var(--ring); } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus{ -webkit-box-shadow:0 0 0 1000px var(--field-bg) inset; box-shadow:0 0 0 1000px var(--field-bg) inset; -webkit-text-fill-color:var(--field-fg); caret-color:var(--field-fg); border-color:var(--field-bd); } #app{ min-height:100vh; } #main{ min-height:100vh; padding:var(--main-pad); margin-left:var(--nav-w); } .footer{ margin-left:var(--nav-w); padding:0 var(--main-pad) var(--main-pad); font-size:1.2rem; color:var(--muted); } #totop{ position:fixed; left:1.8rem; bottom:calc(2.4rem + env(safe-area-inset-bottom, 0px)); z-index:900; width:4.2rem; height:4.2rem; border-radius:999px; border:1px solid rgba(255,255,255,.8); background:rgba(255,255,255,.72); backdrop-filter:blur(14px) saturate(1.4); -webkit-backdrop-filter:blur(14px) saturate(1.4); box-shadow:0 0 0 1px rgba(15,23,42,.06), 0 10px 26px rgba(15,23,42,.14); cursor:pointer; opacity:0; transform:translateY(1rem); pointer-events:none; transition:opacity .2s ease, transform .2s ease; } #totop.show{ opacity:1; transform:none; pointer-events:auto; } #totop::before{ content:""; position:absolute; left:50%; top:50%; width:1rem; height:1rem; margin:-.3rem 0 0 -.5rem; border-left:2px solid rgba(15,23,42,.7); border-top:2px solid rgba(15,23,42,.7); transform:rotate(45deg); border-radius:2px; } #totop:active{ background:rgba(255,255,255,.95); } @media (max-width:980px){ html{ font-size:11px; } :root{ --nav-w:0px; --main-pad:16px; } #main{ margin-left:0; padding:var(--main-pad); padding-bottom:calc(var(--main-pad) + 8rem); overflow-x:clip; } .footer{ margin-left:0; padding:0 var(--main-pad) var(--main-pad); } } @media (max-width:520px){ :root{ --main-pad:12px; } } :root{ --ctl-h:3.4rem; --ctl-fs:1.35rem; --ctl-r:14px; --ctl-px:1.2rem; --ctl-bg:#ffffff; --ctl-bd:rgba(15,23,42,.16); --ctl-bd-hover:rgba(15,23,42,.24); --ctl-fg:rgba(15,23,42,.95); --ctl-muted:rgba(15,23,42,.62); --ring-bd:rgba(37,99,235,.45); --ring:rgba(37,99,235,.18); --tg-h:2.6rem; --tg-px:1rem; --tg-r:999px; --tg-bg:#ffffff; --tg-bd:rgba(15,23,42,.16); --tg-fg:rgba(15,23,42,.82); --tg-hover-bg:rgba(15,23,42,.04); --tg-hover-bd:rgba(15,23,42,.24); --tg-hover-fg:rgba(15,23,42,.92); --tg-on-bg:rgba(37,99,235,.10); --tg-on-bd:rgba(37,99,235,.45); --tg-on-fg:rgba(15,23,42,.95); } .ui-switch{ display:inline-flex; align-items:center; gap:10px; padding:4px 10px; border-radius:999px; border:1px solid var(--bd); background:var(--surface); box-shadow:var(--shadow-sm); user-select:none; white-space:nowrap; } .ui-switch input{ position:absolute; opacity:0; pointer-events:none; } .ui-switch .tx{ font-size:1.4rem; font-weight:600; color:var(--fg); } .ui-switch .sw{ width:46px; height:26px; border-radius:999px; border:1px solid rgba(15,23,42,.16); background:rgba(15,23,42,.10); position:relative; transition:background .18s ease, border-color .18s ease; flex:0 0 auto; } .ui-switch .sw::after{ content:""; position:absolute; top:2px; left:2px; width:20px; height:20px; border-radius:999px; background:#fff; box-shadow:0 2px 4px rgba(15,23,42,.18), 0 1px 2px rgba(15,23,42,.10); transform:translateX(0); transition:transform .18s ease; } .ui-switch input:checked + .sw{ background:rgba(34,197,94,.85); border-color:rgba(34,197,94,.45); } .ui-switch input:checked + .sw::after{ transform:translateX(20px); } .card{ border:1px solid var(--bd); border-radius:18px; background:var(--surface); box-shadow:var(--shadow); padding:1.6rem; position:relative; } .card.accent::before{ content:""; position:absolute; left:0; right:0; top:0; height:2px; border-radius:2px 2px 0 0; background:linear-gradient(90deg, transparent, var(--accent2), transparent); opacity:.85; } .btn{ display:inline-flex; align-items:center; justify-content:center; gap:.7rem; height:3.4rem; padding:0 1.4rem; border-radius:12px; border:1px solid var(--ctl-bd); background:var(--ctl-bg); color:var(--ctl-fg); font-family:inherit; font-size:1.35rem; font-weight:550; letter-spacing:-.005em; cursor:pointer; user-select:none; box-shadow:var(--shadow-sm); transition:border-color .12s ease, background .12s ease, transform .06s ease, box-shadow .12s ease; white-space:nowrap; } .btn:hover{ border-color:var(--ctl-bd-hover); background:#fff; } .btn:active{ transform:translateY(.5px); } .btn:focus-visible{ outline:0; border-color:var(--ring-bd); box-shadow:0 0 0 3px var(--ring); } .btn.ghost{ background:transparent; border-color:var(--bd); } .btn.ghost:hover{ background:rgba(15,23,42,.04); border-color:var(--bd-strong); } .btn.block{ width:100%; } .btn.primary{ color:#fff; font-weight:600; background:var(--accent2); border-color:transparent; box-shadow:0 1px 0 rgba(255,255,255,.20) inset, 0 4px 12px rgba(37,99,235,.28); } .btn.primary:hover{ filter:brightness(1.08); background:var(--accent2); } .btn.primary:active{ filter:brightness(.98); } .btn.primary:focus-visible{ box-shadow:0 1px 0 rgba(255,255,255,.20) inset, 0 0 0 3px var(--ring); } .btn.primary.off, .btn.primary:disabled{ color:rgba(255,255,255,.78); background:rgba(37,99,235,.40); box-shadow:none; filter:saturate(.6); cursor:not-allowed; opacity:.85; pointer-events:none; } .btn.danger{ color:#fff; font-weight:600; background:#ef4444; border-color:transparent; box-shadow:0 1px 0 rgba(255,255,255,.20) inset, 0 4px 12px rgba(239,68,68,.28); } .btn.danger:hover{ filter:brightness(1.08); } .btn .pill{ display:inline-flex; align-items:center; justify-content:center; min-width:22px; height:18px; padding:0 6px; border-radius:999px; background:rgba(255,255,255,.22); font-size:11px; font-weight:800; line-height:18px; } .ui-icon{ width:2.6rem; height:2.6rem; padding:0; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--bd); cursor:pointer; background:var(--surface); box-shadow:var(--shadow-sm); transition:border-color .12s ease, box-shadow .12s ease; } .ui-icon::before{ content:""; width:1.6rem; height:1.6rem; display:block; background:currentColor; opacity:.85; -webkit-mask:var(--ico) center/contain no-repeat; mask:var(--ico) center/contain no-repeat; } .ui-icon:hover{ border-color:var(--ring-bd); box-shadow:0 0 0 3px var(--ring); } .combo{ position:relative; display:block; width:100%; min-width:0; z-index:1; } .combo.open{ z-index:9999; } .combo .spot{ display:block; width:100%; height:var(--ctl-h); padding:0 calc(var(--ctl-px) + 2.4rem) 0 var(--ctl-px); border:1px solid var(--ctl-bd); border-radius:var(--ctl-r); background:var(--ctl-bg); color:var(--ctl-fg); box-shadow:var(--shadow-sm); outline:0; font:inherit; font-size:var(--ctl-fs); font-weight:400; font-variant-numeric:tabular-nums; transition:border-color .12s ease, box-shadow .12s ease; } .combo .spot::placeholder{ font-weight:400; color:var(--ctl-muted); } .combo .spot:hover{ border-color:var(--ctl-bd-hover); } .combo .spot:focus{ border-color:var(--ring-bd); box-shadow:0 0 0 3px var(--ring); } .combo::after{ content:""; position:absolute; right:var(--ctl-px); top:50%; transform:translateY(-35%); width:0; height:0; pointer-events:none; opacity:.7; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid var(--ctl-fg); transition:transform .15s ease, opacity .15s ease; } .combo.open::after{ transform:translateY(-65%) rotate(180deg); opacity:.95; } .combo .list{ position:absolute; left:0; right:0; top:calc(100% + 6px); padding:6px; border:1px solid var(--bd-strong); border-radius:14px; background:var(--surface-strong); box-shadow:var(--shadow-xl); max-height:320px; overflow:auto; display:none; z-index:10000; } .combo.open .list{ display:block; } .combo .list a{ display:block; padding:9px 11px; border-radius:10px; color:var(--fg); text-decoration:none; font-size:var(--ctl-fs); font-weight:400; cursor:pointer; user-select:none; transition:background .08s ease; } .combo .list a:hover, .combo .list a:focus-visible{ background:var(--accent-soft); color:var(--fg); outline:0; } .ui-input-label{ font-size:1.1rem; margin:0 0 .55rem .15rem; display:block; font-weight:700; letter-spacing:.10em; text-transform:uppercase; color:var(--muted); } .ui-date{ position:relative; height:var(--ctl-h); border-radius:var(--ctl-r); background:var(--ctl-bg); border:1px solid var(--ctl-bd); box-shadow:var(--shadow-sm); min-width:18rem; transition:border-color .12s ease, box-shadow .12s ease; } .ui-date:hover{ border-color:var(--ctl-bd-hover); } .ui-date:focus-within{ border-color:var(--ring-bd); box-shadow:0 0 0 3px var(--ring); } .ui-date>input[type="date"]{ position:absolute; inset:0; width:100%; height:100%; opacity:0; border:0; background:transparent; cursor:pointer; z-index:3; } .ui-date>.ui-date-human, .ui-range>.ui-range-human{ position:absolute; left:1.2rem; right:calc(1.2rem + 3rem); top:50%; transform:translateY(-50%); pointer-events:none; z-index:2; font-size:var(--ctl-fs); font-weight:400; font-variant-numeric:tabular-nums; color:var(--ctl-fg); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .ui-date::after, .ui-range::after{ content:""; position:absolute; right:1.2rem; top:50%; transform:translateY(-50%); width:1.5rem; height:1.5rem; pointer-events:none; z-index:2; -webkit-mask:url("int/icon/calendar.svg") no-repeat 50% 50%/contain; mask:url("int/icon/calendar.svg") no-repeat 50% 50%/contain; background:var(--ctl-fg); opacity:.55; } .ui-range{ position:relative; height:var(--ctl-h); border-radius:var(--ctl-r); background:var(--ctl-bg); border:1px solid var(--ctl-bd); box-shadow:var(--shadow-sm); min-width:22rem; cursor:pointer; transition:border-color .12s ease, box-shadow .12s ease; } .ui-range:hover{ border-color:var(--ctl-bd-hover); } .ui-range.open{ border-color:var(--ring-bd); box-shadow:0 0 0 3px var(--ring); } .ui-range>.ui-date{ display:none; } .ui-range-pop{ position:absolute; z-index:10000; width:51.6rem; max-width:calc(100vw - 16px); padding:1.2rem; border-radius:16px; background:var(--surface-strong); border:1px solid var(--bd-strong); box-shadow:var(--shadow-xl); } .ui-range-pre{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:1.2rem; } .ui-range-pre button{ height:2.7rem; padding:0 1rem; border-radius:8px; border:1px solid var(--bd); background:#fff; font:inherit; font-size:1.2rem; font-weight:500; color:var(--fg); cursor:pointer; } .ui-range-pre button:hover{ border-color:var(--ring-bd); background:var(--accent-soft); } .ui-range-cal{ display:flex; gap:1.6rem; } .ui-range-month{ width:23.8rem; } .ui-range-mt{ display:flex; align-items:center; justify-content:space-between; margin-bottom:.6rem; font-size:1.3rem; font-weight:600; color:var(--fg); } .ui-range-mt>i{ width:2.8rem; } .ui-range-nav{ width:2.8rem; height:2.8rem; border-radius:8px; border:1px solid var(--bd); background:#fff; font-size:1.8rem; line-height:1; color:var(--fg); cursor:pointer; } .ui-range-nav:hover{ border-color:var(--bd-strong); } .ui-range-grid{ display:grid; grid-template-columns:repeat(7, 3.4rem); gap:2px 0; } .ui-range-grid i{ height:2.4rem; display:grid; place-items:center; font-style:normal; font-size:1.05rem; font-weight:600; color:var(--muted-soft); } .ui-range-grid .d{ height:3.4rem; border:0; border-radius:8px; background:transparent; font:inherit; font-size:1.3rem; font-variant-numeric:tabular-nums; color:var(--fg); cursor:pointer; } .ui-range-grid .d:hover{ background:rgba(15,23,42,.05); } .ui-range-grid .d.today{ box-shadow:inset 0 0 0 1px var(--accent2); } .ui-range-grid .d.on{ background:var(--accent-soft); border-radius:0; } .ui-range-grid .d.a{ border-radius:8px 0 0 8px; } .ui-range-grid .d.b{ border-radius:0 8px 8px 0; } .ui-range-grid .d.a.b{ border-radius:8px; } .ui-range-grid .d.a, .ui-range-grid .d.b{ background:var(--accent2); color:#fff; font-weight:600; } .ui-range-grid .d.off{ opacity:.3; pointer-events:none; } .ui-range-ft{ display:flex; align-items:center; gap:8px; margin-top:1.2rem; padding-top:1.2rem; border-top:1px solid var(--bd-soft); } .ui-range-ft .btn{ height:3.2rem; padding:0 1.2rem; } .ui-range-sel{ flex:1 1 auto; min-width:0; font-size:1.25rem; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .ui-range-bg{ position:fixed; inset:0; z-index:9999; background:rgba(15,23,42,.35); touch-action:none; } .ui-range-pop.sheet{ position:fixed; left:0; right:0; bottom:0; width:auto; max-width:none; max-height:88vh; overflow:auto; padding:1.4rem 1.4rem calc(1.4rem + env(safe-area-inset-bottom)); border-radius:18px 18px 0 0; } .ui-range-pop.sheet .ui-range-cal{ justify-content:center; } .ui-range-pop.sheet .ui-range-month{ width:100%; max-width:36rem; } .ui-range-pop.sheet .ui-range-grid{ grid-template-columns:repeat(7, 1fr); } .ui-range-pop.sheet .ui-range-grid .d{ height:3.8rem; } .ui-ctl, .ui-input{ height:var(--ctl-h); border-radius:var(--ctl-r); padding:0 var(--ctl-px); background:var(--ctl-bg); border:1px solid var(--ctl-bd); color:var(--ctl-fg); box-shadow:var(--shadow-sm); outline:0; font-size:var(--ctl-fs); font-weight:400; font-variant-numeric:tabular-nums; box-sizing:border-box; transition:border-color .12s ease, box-shadow .12s ease; } .ui-input{ width:100%; } .ui-ctl:hover, .ui-input:hover{ border-color:var(--ctl-bd-hover); } .ui-ctl:focus, .ui-input:focus{ border-color:var(--ring-bd); box-shadow:0 0 0 3px var(--ring); } .tags{ display:flex; align-items:center; gap:.7rem; flex-wrap:wrap; margin:1.4rem 0 0 0; padding:1.2rem 0 0 0; border-top:1px solid var(--bd-soft); } .tags .tag{ display:inline-flex; align-items:center; justify-content:center; height:2.6rem; padding:0 1.1rem; border-radius:8px; font-size:1.2rem; font-weight:500; color:var(--fg); background:#fff; border:1px solid var(--bd); cursor:pointer; transition:border-color .12s ease, background .12s ease; } .tags .tag:hover{ background:rgba(15,23,42,.03); border-color:var(--bd-strong); } .tags .tag.on{ color:var(--accent); background:var(--accent-soft); border-color:var(--ring-bd); font-weight:600; } .ui-del{ width:2.55rem; height:2.55rem; border-radius:10px; border:1px solid var(--bd); background:#fff; box-shadow:var(--shadow-sm); cursor:pointer; transition:opacity .3s ease-in-out, border-color .12s ease, background .12s ease; display:grid; place-items:center; padding:0; line-height:0; } .ui-del:hover{ border-color:rgba(239,68,68,.40); background:rgba(239,68,68,.04); } .ui-del::before{ content:""; width:14px; height:14px; -webkit-mask:url(/ui/int/icon/trash.svg) no-repeat 50% 50% / 14px 14px; mask:url(/ui/int/icon/trash.svg) no-repeat 50% 50% / 14px 14px; display:block; background:rgba(15,23,42,.65); transition:background .12s ease; } .ui-del:hover::before{ background:#ef4444; } .ui-del.is-armed{ border-color:#ef4444; background:#ef4444; } .ui-del.is-armed::before{ background:#fff; } .ui-modal[hidden]{ display:none; } .ui-modal{ position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; padding:24px; } .ui-modal .ui-modal-backdrop{ position:absolute; inset:0; background:rgba(15,23,42,.45); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); } .ui-modal .ui-modal-card{ position:relative; width:min(720px, calc(100vw - 32px)); max-height:min(86vh, 820px); overflow:hidden; border-radius:18px; background:var(--surface-strong); border:1px solid var(--bd-strong); box-shadow:var(--shadow-xl); } .ui-modal .ui-modal-hd{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 20px 14px 20px; border-bottom:1px solid var(--bd-soft); } .ui-modal .ui-modal-tt .h{ font-size:18px; font-weight:700; letter-spacing:-.02em; color:var(--fg); } .ui-modal .ui-modal-tt .s{ margin-top:2px; font-size:12px; font-weight:600; color:var(--muted); letter-spacing:.02em; } .ui-modal .ui-modal-bd{ padding:18px 20px; overflow:auto; max-height:calc(min(86vh, 820px) - 130px); } .ui-modal .ui-modal-ft{ display:flex; align-items:center; justify-content:flex-end; gap:10px; padding:14px 20px 18px 20px; border-top:1px solid var(--bd-soft); background:rgba(15,23,42,.015); } .ui-icon.ui-modal-x::before{ -webkit-mask:url('/ui/int/icon/close.svg') center/contain no-repeat; mask:url('/ui/int/icon/close.svg') center/contain no-repeat; } html.ui-modal-open, body.ui-modal-open{ overflow:hidden; } .ui-modal .ui-modal-msg{ margin-bottom:14px; padding:12px 14px; border-radius:12px; border:1px solid var(--bd); background:rgba(15,23,42,.02); color:var(--fg); font-weight:600; line-height:1.3; } .ui-modal .ui-modal-msg.err{ border-color:var(--danger-bd); background:var(--danger-bg); color:var(--danger-fg); } .ui-modal .ui-modal-msg .mini{ display:block; margin-top:6px; font-weight:500; font-size:12px; color:var(--muted); white-space:pre-wrap; } #toast{ position:fixed; top:1.2rem; right:1.2rem; z-index:9999; max-width:min(500px, calc(100vw - 2.4rem)); } #toast .t{ display:flex; align-items:flex-start; gap:1.1rem; padding:1.35rem 1.45rem; border-radius:16px; background:var(--surface-strong); border:1px solid var(--bd-strong); box-shadow:var(--shadow-lg), 0 0 0 4px rgba(15,23,42,.05); transform:translateY(-8px); opacity:0; transition:transform .18s ease, opacity .18s ease; } #toast.on .t{ transform:translateY(0); opacity:1; } #toast .i{ width:12px; height:12px; border-radius:999px; margin-top:.5rem; background:var(--accent2); box-shadow:0 0 0 4px rgba(37,99,235,.16); flex:0 0 auto; } #toast .b{ min-width:0; } #toast .h{ font-weight:700; letter-spacing:-.01em; color:var(--fg); line-height:1.2; margin:0 0 .35rem 0; font-size:1.5rem; } #toast .p{ font-weight:400; color:var(--muted); line-height:1.4; font-size:1.35rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; white-space:pre-line; } #toast.ok .i{ background:#22c55e; box-shadow:0 0 0 3px rgba(34,197,94,.18); } #toast.warn .i{ background:#f59e0b; box-shadow:0 0 0 3px rgba(245,158,11,.20); } #toast.err .i{ background:#ef4444; box-shadow:0 0 0 4px rgba(239,68,68,.18); } #toast.wait .i{ background:#f59e0b; box-shadow:0 0 0 4px rgba(245,158,11,.20); animation:toast-latido 1.25s ease-in-out infinite; } #toast.wait .t{ cursor:progress; } @keyframes toast-latido{ 0%,100%{ opacity:1; transform:scale(1); } 50%{ opacity:.45; transform:scale(.78); } } @media (prefers-reduced-motion:reduce){ #toast.wait .i{ animation:none; } } [data-collect]:disabled{ opacity:.5; cursor:progress; pointer-events:none; } @media (max-width:720px){ #toast{ top:auto; bottom:1.1rem; right:1.1rem; left:1.1rem; max-width:none; } .ui-date, .ui-range{ min-width:0; } } #nav{ --accent:37,99,235; --ink:15,23,42; position:fixed; top:0; left:0; height:100vh; width:24rem; z-index:1100; isolation:isolate; display:flex; flex-direction:column; padding:16px 14px; background: radial-gradient(140% 90% at 10% 0%, rgba(var(--accent),.10), transparent 55%), linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,250,252,.92)); border-right:1px solid rgba(var(--ink),.08); box-shadow:0 18px 55px rgba(var(--ink),.08); } #nav .brand{ padding:6px 4px 12px; display:flex; flex-direction:column; gap:12px; } #nav .brand-logo, #nav .logo{ height:32px; width:100%; background:left center/contain no-repeat; opacity:.96; } #nav .user{ display:flex; align-items:center; gap:10px; padding:10px 10px; border-radius:16px; border:1px solid rgba(var(--ink),.08); background:rgba(255,255,255,.75); } #nav .avatar{ width:36px; height:36px; border-radius:999px; object-fit:cover; border:1px solid rgba(var(--ink),.10); } #nav .meta{ min-width:0; } #nav .name{ font-size:14.5px; font-weight:640; letter-spacing:-.01em; color:rgba(var(--ink),.90); line-height:1.05; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #nav .role{ margin-top:3px; font-size:12px; font-weight:300; color:rgba(var(--ink),.52); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #nav .user{ flex-wrap:wrap; } #nav .att{ flex:1 1 100%; display:flex; align-items:center; gap:7px; margin:8px -10px -10px; padding:7px 12px; border-top:1px solid rgba(var(--ink),.07); font-size:12px; line-height:1.3; color:rgba(var(--ink),.55); } #nav .att:empty{ display:none; } #nav .att::before{ content:""; width:13px; height:13px; flex:0 0 13px; background:currentColor; opacity:.7; -webkit-mask:url(/ui/int/icon/clock.svg) center/contain no-repeat; mask:url(/ui/int/icon/clock.svg) center/contain no-repeat; } #nav .att.on::before{ color:#16a34a; opacity:1; } #nav .att a{ margin-left:auto; color:rgba(var(--ink),.80); font-weight:600; text-decoration:none; white-space:nowrap; } #nav .att a:hover{ text-decoration:underline; } #nav .att b{ font-weight:600; color:rgba(var(--ink),.72); } #nav .att em{ font-style:normal; color:#b45309; font-weight:600; } #nav #menu{ flex:1 1 auto; min-height:0; display:flex; flex-direction:column; gap:4px; padding:10px 4px 6px; overflow:auto; } #nav #menu .spacer{ flex:1 1 auto; } #nav #menu::-webkit-scrollbar{ width:10px; } #nav #menu::-webkit-scrollbar-thumb{ background:rgba(var(--ink),.10); border-radius:999px; border:3px solid transparent; background-clip:content-box; } #nav #menu a{ position:relative; display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:14px; font-size:14.5px; font-weight:200; letter-spacing:-.01em; color:rgba(var(--ink),.74); border:1px solid transparent; cursor: pointer; transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease; } #nav #menu a::before{ content:""; width:18px; height:18px; flex:0 0 18px; background:currentColor; opacity:.92; -webkit-mask:var(--ico) center/contain no-repeat; mask:var(--ico) center/contain no-repeat; transition:opacity .16s ease; } #nav #menu a:hover{ background:rgba(var(--accent),.06); border-color:rgba(var(--accent),.12); color:rgba(var(--accent),.92); } #nav #menu a.on, #nav #menu a.active, #nav #menu a.Selected{ background:rgba(var(--accent),.10); border-color:rgba(var(--accent),.16); color:rgba(var(--ink),.92); box-shadow:0 10px 26px rgba(var(--ink),.06); } #nav #menu a.logout{ margin-top:10px; border-color:rgba(var(--ink),.10); background:rgba(var(--ink),.02); color:rgba(var(--ink),.70); } #nav #menu a.logout:hover{ background:rgba(239,68,68,.08); border-color:rgba(239,68,68,.18); color:rgba(239,68,68,.92); } #nav .nav-legal{ padding:10px 8px 0; font-size:11px; line-height:1.4; color:rgba(var(--ink),.45); } #nav .nav-legal a:hover{ text-decoration:underline; } #nav #menu a.i1{ --ico:url(/ui/int/icon/layout.svg); } #nav #menu a.i2{ --ico:url(/ui/int/icon/trophy.svg); } #nav #menu a.i3{ --ico:url(/ui/int/icon/activity.svg); } #nav #menu a.i4{ --ico:url(/ui/int/icon/money.svg); } #nav #menu a.i5{ --ico:url(/ui/int/icon/users.svg); } #nav #menu a.i6{ --ico:url(/ui/int/icon/user-cog.svg); } #nav #menu a.i7{ --ico:url(/ui/int/icon/calendar.svg); } #nav #menu a.i8{ --ico:url(/ui/int/icon/calendar-days.svg); } #nav #menu a.i9{ --ico:url(/ui/int/icon/wrench.svg); } #nav #menu a.i10{ --ico:url(/ui/int/icon/inbox.svg); } #nav #menu a.i11{ --ico:url(/ui/int/icon/wallet.svg); } #nav #menu a.i12{ --ico:url(/ui/int/icon/life-buoy.svg); } #nav #menu a.i13{ --ico:url(/ui/int/icon/events.svg); } #nav #menu a.i14{ --ico:url(/ui/int/icon/settings.svg); } #nav #menu a.i15{ --ico:url(/ui/int/icon/coins.svg); } #nav #menu a.i16{ --ico:url(/ui/int/icon/studio.svg); } #nav #menu a.i17{ --ico:url(/ui/int/icon/key-round.svg); } #nav #menu a.i18{ --ico:url(/ui/int/icon/clock.svg); } #nav #menu a.chatfx{ --ico:url(/ui/int/icon/fx.svg); } #nav #menu a.theme{ --ico:url(/ui/int/icon/moon.svg); } #nav #menu a.logout{ --ico:url(/ui/int/icon/log-out.svg); } #bar{ display:none; } @media (max-width: 980px){ #bar{ position:sticky; top:.8rem; z-index:1100; display:flex; align-items:center; gap:1rem; height:5.4rem; margin:.8rem 1.2rem 0; padding:0 .4rem 0 1.6rem; border-radius:999px; background:rgba(255,255,255,.62); backdrop-filter:blur(18px) saturate(1.5); -webkit-backdrop-filter:blur(18px) saturate(1.5); border:1px solid rgba(255,255,255,.75); box-shadow:0 1px 0 rgba(255,255,255,.9) inset, 0 0 0 1px rgba(var(--ink,15,23,42),.06), 0 10px 30px rgba(var(--ink,15,23,42),.10); } #bar .bar-logo{ flex:0 0 auto; width:12rem; height:3.4rem; background:left center/contain no-repeat; } #bar .bar-title{ flex:1 1 auto; min-width:0; font-size:1.4rem; font-weight:400; letter-spacing:.01em; color:rgba(var(--ink,15,23,42),.66); text-align:right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #bar .bar-menu{ position:relative; z-index:1095; flex:0 0 auto; width:4.4rem; height:4.4rem; border:0; border-radius:999px; background:transparent; cursor:pointer; -webkit-tap-highlight-color:transparent; } #bar .bar-menu:active{ background:rgba(var(--ink,15,23,42),.06); } #bar .bar-menu::before, #bar .bar-menu::after{ content:""; position:absolute; left:1.3rem; right:1.3rem; top:50%; height:1.5px; margin-top:-.75px; border-radius:2px; background:rgba(var(--ink,15,23,42),.55); transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease; } #bar .bar-menu::before{ box-shadow:0 -.5rem 0 rgba(var(--ink,15,23,42),.55), 0 .5rem 0 rgba(var(--ink,15,23,42),.55); } #bar .bar-menu::after{ opacity:0; } #bar.open .bar-menu::before{ box-shadow:none; transform:rotate(45deg); } #bar.open .bar-menu::after{ opacity:1; transform:rotate(-45deg); } #bar::after{ content:""; position:fixed; inset:0; z-index:1090; background:rgba(15,23,42,.38); opacity:0; pointer-events:none; transition:opacity .2s ease; } #bar.open::after{ opacity:1; pointer-events:auto; } body.nav-open .felicia-bubble, body.nav-open .felicia-hint, body.nav-open #totop{ opacity:0 !important; pointer-events:none !important; } #nav{ width:min(84vw, 32rem); height:100dvh; z-index:1200; transform:translateX(-104%); transition:transform .24s ease; box-shadow:none; background: radial-gradient(140% 90% at 10% 0%, rgba(var(--accent),.10), transparent 55%), linear-gradient(180deg, #fff, #f8fafc); } #nav.open{ transform:none; box-shadow:0 18px 55px rgba(var(--ink),.22); } #nav #menu a{ padding:11px 12px; font-size:15px; } @media (prefers-reduced-motion:reduce){ #nav, #bar::after, #bar .bar-menu::before, #bar .bar-menu::after{ transition:none; } } } .up{ --fg: rgba(15,23,42,.78); --muted: rgba(15,23,42,.55); --border: rgba(15,23,42,.18); --soft: rgba(15,23,42,.08); --accent: rgba(59,130,246,.92); position:relative; border:1px dashed var(--border); border-radius:18px; background:rgba(255,255,255,.78); overflow:hidden; min-height:170px; display:flex; align-items:center; justify-content:center; cursor:pointer; user-select:none; } .up.is-over{ border-color: rgba(59,130,246,.55); box-shadow:0 0 0 4px rgba(59,130,246,.12); } .up.is-busy{ cursor:progress; } .up.has-preview{ background-size:cover; background-position:center; background-repeat: no-repeat; } .up .up-ui{ width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:18px 14px; text-align:center; background:linear-gradient(to bottom, rgba(255,255,255,.86), rgba(255,255,255,.62)); } .up.has-preview .up-ui{ background:linear-gradient(to bottom, rgba(255,255,255,.88), rgba(255,255,255,.35)); } .up .up-ico{ width:54px; height:54px; border-radius:18px; background: var(--soft); background-color: var(--fg); -webkit-mask: var(--ico) no-repeat center / 26px 26px; mask: var(--ico) no-repeat center / 26px 26px; opacity:.92; } .up .up-line{ width:150px; height:2px; border-radius:999px; background: rgba(15,23,42,.16); } .up .up-txt{ font-size:14px; color:var(--fg); } .up .up-hint{ font-size:12px; color:var(--muted); } .up .up-remove{ position:absolute; top:12px; right:12px; height:34px; padding:0 12px; border-radius:999px; border:1px solid var(--border); background: rgba(255,255,255,.82); color: var(--fg); font-size:12px; font-weight:800; z-index:3; } .up .up-progress{ position:absolute; left:12px; right:12px; bottom:12px; height:6px; border-radius:999px; background: rgba(15,23,42,.10); overflow:hidden; z-index:3; } .up .up-progress i{ display:block; height:100%; width:0%; background: var(--accent); } .up .up-ui{ position:absolute; inset:0; pointer-events:none; } .up.has-preview .up-ui{ inset:auto; left:14px; bottom:14px; width:auto; padding:10px 24px 10px 12px; border-radius:999px; background: rgba(255,255,255,.72); backdrop-filter: blur(10px); flex-direction:row; gap:10px; } .up.has-preview .up-line, .up.has-preview .up-hint{ display:none; } .up.has-preview .up-ico{ width:28px; height:28px; border-radius:999px; -webkit-mask-size:16px 16px; mask-size:16px 16px; } .up .up-remove{ pointer-events:auto; } .arkdrop{ position:relative; border:1px solid rgba(15,23,42,.10); border-radius:18px; background:rgba(255,255,255,.86); padding:14px; } .arkdrop .ad-input{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; opacity:0; pointer-events:none; } .arkdrop [hidden]{ display:none !important; } .arkdrop .ad-hd{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; } .arkdrop .ad-hd-tx{ min-width:0; } .arkdrop .ad-tt{ display:block; font-size:14px; font-weight:950; color:rgba(15,23,42,.92); letter-spacing:-.01em; margin:0; } .arkdrop .ad-sub{ display:block; margin-top:3px; font-size:12px; font-weight:800; color:rgba(15,23,42,.58); } .arkdrop{ cursor:pointer; } .arkdrop .ad-st{ flex:0 0 auto; display:inline-flex; align-items:baseline; white-space:nowrap; gap:0; padding:8px 10px; border-radius:999px; background:rgba(15,23,42,.04); border:1px solid rgba(15,23,42,.10); } .arkdrop .ad-st > *{ flex:0 0 auto !important; margin:0 !important; padding:0 !important; } .arkdrop .ad-st .t{ font-size:11px; font-weight:950; letter-spacing:.10em; text-transform:uppercase; color:rgba(15,23,42,.55); margin-right:10px !important; } .arkdrop .ad-st .n, .arkdrop .ad-st .m{ font-size:13px; font-weight:950; color:rgba(15,23,42,.92); } .arkdrop .ad-st .e{ font-size:11px; font-weight:850; color:rgba(15,23,42,.55); margin-left:10px !important; } .arkdrop .ad-gbar{ margin-top:10px; height:5px; border-radius:999px; background:rgba(15,23,42,.10); overflow:hidden; } .arkdrop .ad-gbar i{ display:block; height:100%; width:0%; border-radius:999px; background:rgba(37,99,235,1); transition:width .12s linear; } .arkdrop.drag{ border-color:rgba(37,99,235,.28); background:rgba(37,99,235,.04); } .arkdrop.drag .ad-gbar{ background:rgba(37,99,235,.12); } .arkdrop.busy{ border-color:rgba(15,23,42,.14); } .arkdrop .ad-list{ margin-top:12px; display:flex; flex-direction:column; gap:10px; } .arkdrop.compact .ad-list{ display:none; } @media (max-width:720px){ .arkdrop .ad-hd{ flex-direction:column; } .arkdrop .ad-st{ align-self:flex-start; } } .glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}#gw-modal .ui-modal-card{ width:min(420px, calc(100vw - 28px)); max-width:420px; } #gw-modal .ui-modal-bd{ max-height:min(70vh, 560px); overflow:auto; } #gw-modal #gw-text{ min-height:18rem; resize:vertical; width:100%; min-height:160px; resize:vertical; padding:12px 14px; border-radius:16px; border:1px solid rgba(15,23,42,.14); background:rgba(255,255,255,.82); color:rgba(15,23,42,.92); font:inherit; line-height:1.35; margin-bottom: 1rem; } #gw-modal .up{ min-height: 40rem; margin-top: 0; } #gw-modal #gw-send-at{ margin-top: 0; } .terms-wrap{ position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; padding:2rem; background:rgba(15,23,42,.58); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); } .terms-box{ position:relative; display:flex; flex-direction:column; width:100%; max-width:72rem; max-height:86vh; border-radius:1.6rem; overflow:hidden; background:#fff; box-shadow:0 30px 90px rgba(0,0,0,.28); } .terms-box::before{ content:""; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg, rgba(var(--brand_rgb, 214 48 50),.96), rgba(var(--brand2_rgb, 190 44 44),.90)); z-index:2; } .terms-head{ display:flex; align-items:center; gap:1.4rem; flex:0 0 auto; padding:2rem 2.2rem 1.6rem; border-bottom:1px solid rgba(15,23,42,.08); } .terms-logo{ width:4.2rem; height:4.2rem; flex:0 0 auto; border-radius:.8rem; background:var(--brand_icon) center/contain no-repeat; } .terms-who{ min-width:0; } .terms-name{ font-weight:700; font-size:1.5rem; line-height:1.3; color:rgba(15,23,42,.92); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .terms-sub{ font-size:1.2rem; color:rgba(15,23,42,.52); } .terms-body{ flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:1.8rem 2.2rem 2.4rem; } .terms-doc{ max-width:60rem; margin:0 auto; color:rgba(15,23,42,.84); font-size:1.35rem; line-height:1.72; } .terms-doc h2{ margin:0 0 1.2rem; font-size:1.9rem; line-height:1.3; color:rgba(15,23,42,.94); } .terms-doc h3{ margin:2.2rem 0 .8rem; font-size:1.45rem; line-height:1.4; color:rgba(var(--brand2_rgb, 190 44 44),.96); } .terms-doc p{ margin:0 0 1.1rem; } .terms-doc ul{ margin:0 0 1.3rem; padding-left:2.2rem; list-style:disc; } .terms-doc li{ margin-bottom:.4rem; } .terms-doc strong{ font-weight:700; color:rgba(15,23,42,.94); } .terms-doc .terms-lead{ padding:1.1rem 1.3rem; margin-bottom:1.8rem; border-radius:1rem; background:rgba(var(--brand_rgb, 214 48 50),.06); border:1px solid rgba(var(--brand_rgb, 214 48 50),.16); color:rgba(15,23,42,.80); } .terms-foot{ flex:0 0 auto; padding:1.5rem 2.2rem 1.8rem; border-top:1px solid rgba(15,23,42,.08); background:rgba(15,23,42,.025); } .terms-check{ display:flex; align-items:flex-start; gap:.9rem; margin:0 0 1.3rem; font-size:1.3rem; line-height:1.5; color:rgba(15,23,42,.78); cursor:pointer; opacity:.45; transition:opacity .2s ease; } .terms-wrap.is-read .terms-check{ opacity:1; } .terms-check input{ -webkit-appearance:checkbox; appearance:auto; margin:.25rem 0 0; width:1.7rem; height:1.7rem; flex:0 0 auto; accent-color:rgb(var(--brand_rgb, 214 48 50)); cursor:pointer; } .terms-check input:disabled{ cursor:not-allowed; } .terms-actions{ display:flex; gap:1rem; align-items:center; justify-content:flex-end; } .terms-actions .terms-btn{ display:inline-flex; align-items:center; justify-content:center; min-width:12rem; height:4.4rem; padding:0 2rem; margin:0; border:0; border-radius:999px; font-family:inherit; font-size:1.3rem; font-weight:700; letter-spacing:.02em; text-decoration:none; cursor:pointer; transition:background .18s ease, box-shadow .18s ease, opacity .18s ease; } .terms-actions .terms-out{ background:transparent; color:rgba(15,23,42,.62); border:1px solid rgba(15,23,42,.14); } .terms-actions .terms-out:hover{ background:rgba(15,23,42,.04); color:rgba(15,23,42,.86); } .terms-actions .terms-ok{ color:#fff; background:rgb(var(--brand2_rgb, 190 44 44)); box-shadow:0 12px 26px rgba(var(--brand2_rgb, 190 44 44),.22); } .terms-actions .terms-ok:hover:not(:disabled){ background:rgb(var(--brand_rgb, 214 48 50)); } .terms-actions .terms-ok:disabled{ opacity:.45; cursor:not-allowed; box-shadow:none; } .terms-err{ margin-top:.9rem; min-height:1.7rem; font-size:1.22rem; text-align:right; color:rgb(var(--danger_rgb, 143 29 29)); } @media (max-width:640px){ .terms-wrap{ padding:0; } .terms-box{ max-width:none; max-height:100dvh; height:100dvh; border-radius:0; } .terms-head, .terms-body, .terms-foot{ padding-left:1.5rem; padding-right:1.5rem; } .terms-doc{ font-size:1.4rem; } .terms-actions{ flex-direction:column-reverse; } .terms-actions .terms-btn{ width:100%; } } .ctx-agent .ag-base, .ctx-aux .ag-base{ display: none; } .ctx-agent .ag-set, .ctx-aux .ag-set{ display: none; } .ctx-agent .ag-type, .ctx-aux .ag-type{ display: none; } .ctx-agent #op-new, .ctx-aux #op-new{ display: none; } .ctx-agent #op-del, .ctx-aux #op-del{ display: none; } .ctx-agent #op-save, .ctx-aux #op-save{ display: none; } .ctx-agent .tr-groups-new, .ctx-aux .tr-groups-new{ display: none; } .ctx-agent .tr-cat-new, .ctx-aux .tr-cat-new{ display: none; } .ctx-agent #models-inactive{ display: none; } .ctx-agent #model .md-subnav a.md-postulation{ display: none; } #access{ position:relative; isolation:isolate; display:grid; place-items:center; min-height:100vh; padding:clamp(2.4rem, 5vh, 5.6rem) 2.4rem; } #access .box{ position:relative; overflow:hidden; width:min(82rem, 100%); display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); border-radius:14px; background:var(--surface); border:1px solid rgba(15,23,42,.10); box-shadow:0 2px 8px rgba(15,23,42,.06), 0 12px 32px rgba(15,23,42,.06); } #access{ --a:var(--brand2_rgb, 30 41 59); } #access .ac-brand{ display:flex; flex-direction:column; justify-content:space-between; gap:3.2rem; padding:clamp(2.8rem, 4vw, 4.4rem); background:rgb(var(--a, 30 41 59)); color:#fff; } #access .logo{ height:clamp(5.6rem, 7vw, 8.4rem); max-width:100%; } #access .logo::before{ content:""; display:block; width:100%; height:100%; background:var(--brand_logo) left center/contain no-repeat; } #access .ac-brand-name{ font-size:1.6rem; font-weight:600; letter-spacing:-.01em; color:rgba(255,255,255,.96); } #access .ac-brand-sub{ margin-top:.3rem; font-size:1.25rem; color:rgba(255,255,255,.68); } #access #access-ui{ padding:clamp(2.8rem, 4vw, 4.4rem); display:flex; flex-direction:column; justify-content:center; } #access h2{ margin:0; font-size:2.2rem; font-weight:600; letter-spacing:-.02em; color:rgba(15,23,42,.92); } #access p{ margin:.4rem 0 2.4rem 0; font-size:1.3rem; font-weight:400; color:var(--muted); } #access .row{ margin:0 0 1.2rem 0; } #access label{ display:block; margin:0 0 .6rem 0; font-size:1.2rem; font-weight:500; color:rgba(15,23,42,.72); } #access .input{ margin-bottom:1rem; } #access .input input{ background:#fff; border-color:rgba(15,23,42,.14); border-radius:8px; } #access .btn.primary{ margin-top:.8rem; padding:1.2rem; border-radius:8px; } #access .error{ visibility:hidden; opacity:0; display:flex; align-items:center; gap:.9rem; margin:1rem 0 .2rem; padding:1.1rem 1.3rem; min-height:4.2rem; border:1px solid rgba(var(--a),.18); border-radius:8px; background:rgba(var(--a),.05); font-size:1.2rem; font-weight:500; line-height:1.35; letter-spacing:-.005em; color:rgba(var(--a),.92); transition:opacity .42s ease, visibility .42s ease; } #access .error::before{ content:"!"; flex:0 0 auto; display:grid; place-items:center; width:1.9rem; height:1.9rem; border-radius:50%; background:rgba(var(--a),.85); font-size:1.25rem; font-weight:700; line-height:1; color:#fff; } #access .error.on{ visibility:visible; opacity:1; transition:opacity .18s ease, visibility .18s ease; animation:ac-error-in .34s cubic-bezier(.36, .07, .19, .97) both; } @keyframes ac-error-in{ 0%,100% { transform:translateX(0); } 18% { transform:translateX(-4px); } 38% { transform:translateX(4px); } 58% { transform:translateX(-2px); } 78% { transform:translateX(2px); } } @media (prefers-reduced-motion:reduce){ #access .error{ transition:none; } #access .error.on{ animation:none; } } #access .foot, #access .footer{ margin-top:2.4rem; padding-top:1.4rem; border-top:1px solid rgba(15,23,42,.08); display:flex; align-items:center; gap:.8rem; font-size:1.1rem; color:var(--muted-soft); } #access .foot .sep, #access .footer .sep{ opacity:.45; } #access .foot a, #access .footer a{ color:rgb(var(--a, 30 41 59)); text-decoration:none; } #access .foot a:hover, #access .footer a:hover{ text-decoration:underline; } @media (max-width:720px){ #access{ padding:0; } #access .box{ grid-template-columns:1fr; min-height:100vh; border-radius:0; border:0; box-shadow:none; } #access .ac-brand{ flex-direction:row; align-items:center; justify-content:flex-start; gap:1.6rem; padding:2.2rem 2rem; } #access .logo{ height:4.4rem; flex:0 0 auto; } #access #access-ui{ padding:2.6rem 2rem 3rem; } #access h2{ font-size:2rem; } #access p{ font-size:1.2rem; margin-bottom:1.8rem; } #access .error{ min-height:5.9rem; align-items:flex-start; } #access .error::before{ margin-top:.1rem; } } #access [hidden]{ display:none !important; } #access .ac-totp{ margin-top:4px; } #access .ac-totp-ask{ margin:8px 0 10px; } #access .ac-qr{ display:flex; justify-content:center; margin:10px 0 8px; } #access .ac-qr svg{ width:168px; height:168px; border-radius:10px; background:#fff; } #access .ac-key{ font:600 1.12rem/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing:.06em; text-align:center; padding:10px 12px; border:1px dashed rgba(15,23,42,.22); border-radius:10px; background:rgba(255,255,255,.7); margin:8px 0 4px; user-select:all; word-break:break-all; } #access .ac-key-sub{ text-align:center; font-size:.85rem; margin:0 0 12px; } #access .ac-totp-foot{ font-size:1.2rem; text-align:center; margin-top:1.6rem; } #access .ac-totp-foot b{ color:rgba(15,23,42,.75); } #access .ac-totp-foot a{ color:rgb(var(--a)); font-weight:600; text-decoration:none; } #access .ac-cells{ display:flex; gap:1rem; justify-content:space-between; margin:0 0 1rem; } #access .ac-cells input{ width:100%; min-width:0; height:5.6rem; padding:0; text-align:center; font-size:2.4rem; font-weight:600; font-variant-numeric:tabular-nums; border:1px solid rgba(15,23,42,.14); border-radius:8px; background:#fff; color:rgba(15,23,42,.9); outline:0; transition:border-color .15s ease, box-shadow .15s ease; } #access .ac-cells input:focus{ border-color:rgb(var(--a)); box-shadow:0 0 0 3px rgba(var(--a),.12); } #access .ac-cells.is-bad input{ border-color:rgba(var(--a),.6); } #access .ac-cells i{ width:.8rem; flex:0 0 auto; } #access .ac-remember{ display:flex; align-items:center; justify-content:center; gap:.8rem; margin:1.4rem 0 .2rem; font-size:1.25rem; color:rgba(15,23,42,.62); cursor:pointer; user-select:none; } #access .ac-remember input{ width:1.5rem; height:1.5rem; margin:0; accent-color:rgb(var(--a)); cursor:pointer; } #access .ac-backup h3{ margin:0 0 6px; font-size:1.15rem; } #access .ac-codes{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:12px 0 14px; } #access .ac-codes code{ display:block; text-align:center; padding:9px 6px; border:1px solid rgba(15,23,42,.14); border-radius:8px; background:#fff; font:600 1rem ui-monospace, Menlo, Consolas, monospace; letter-spacing:.05em; user-select:all; } html.dark{--fg:#e5e7eb;--muted:rgba(226,232,240,.65);--muted-soft:rgba(226,232,240,.50);--bg-top:#111827;--bg-mid:#111827;--bg-bot:#111827;--surface:#182030;--surface-soft:rgba(24,32,48,.92);--surface-strong:#182030;--bd:rgba(226,232,240,.12);--bd-strong:rgba(226,232,240,.18);--bd-soft:rgba(226,232,240,.06);--accent:#93c5fd;--ok-fg:#86efac;--warn-fg:#fcd34d;--danger-fg:#fca5a5;--field-bg:#182030;--field-fg:rgba(226,232,240,.95);--field-bd:rgba(226,232,240,.16);--field-bd-hover:rgba(226,232,240,.24);--field-placeholder:rgba(226,232,240,.42)} html.dark #totop{border:1px solid rgba(24,32,48,.8);background:rgba(24,32,48,.72)} html.dark #totop:active{background:rgba(24,32,48,.95)} html.dark{--ctl-bg:#182030;--ctl-bd:rgba(226,232,240,.16);--ctl-bd-hover:rgba(226,232,240,.24);--ctl-fg:rgba(226,232,240,.95);--ctl-muted:rgba(226,232,240,.62);--tg-bg:#182030;--tg-bd:rgba(226,232,240,.16);--tg-fg:rgba(226,232,240,.82);--tg-hover-bg:rgba(226,232,240,.04);--tg-hover-bd:rgba(226,232,240,.24);--tg-hover-fg:rgba(226,232,240,.92);--tg-on-fg:rgba(226,232,240,.95)} html.dark .ui-switch .sw{border:1px solid rgba(226,232,240,.16);background:rgba(226,232,240,.10)} html.dark .ui-switch .sw::after{background:#182030} html.dark .btn:hover{background:#182030} html.dark .btn.ghost:hover{background:rgba(226,232,240,.04)} html.dark .btn .pill{background:rgba(24,32,48,.22)} html.dark .ui-range-pre button{background:#182030} html.dark .ui-range-nav{background:#182030} html.dark .ui-range-grid .d:hover{background:rgba(226,232,240,.05)} html.dark .tags .tag{background:#182030} html.dark .tags .tag:hover{background:rgba(226,232,240,.03)} html.dark .ui-del{background:#182030} html.dark .ui-del.is-armed::before{background:#182030} html.dark .ui-modal .ui-modal-ft{background:rgba(226,232,240,.015)} html.dark .ui-modal .ui-modal-msg{background:rgba(226,232,240,.02)} html.dark #nav{--ink:226,232,240;background:radial-gradient(140% 90% at 10% 0%, rgba(var(--accent),.10), transparent 55%), linear-gradient(180deg, rgba(24,32,48,.92), rgba(17,24,39,.92))} html.dark #nav .user{background:rgba(24,32,48,.75)} html.dark #nav .att em{color:#fcd34d} @media (max-width: 980px){html.dark #bar{background:rgba(24,32,48,.62);border:1px solid rgba(24,32,48,.75)}} @media (max-width: 980px){html.dark #nav{background:radial-gradient(140% 90% at 10% 0%, rgba(var(--accent),.10), transparent 55%), linear-gradient(180deg, #182030, #111827)}} html.dark .up{--fg:rgba(226,232,240,.78);--muted:rgba(226,232,240,.55);--border:rgba(226,232,240,.18);--soft:rgba(226,232,240,.08);background:rgba(24,32,48,.78)} html.dark .up .up-ui{background:linear-gradient(to bottom, rgba(24,32,48,.86), rgba(24,32,48,.62))} html.dark .up.has-preview .up-ui{background:linear-gradient(to bottom, rgba(24,32,48,.88), rgba(24,32,48,.35))} html.dark .up .up-line{background:rgba(226,232,240,.16)} html.dark .up .up-remove{background:rgba(24,32,48,.82)} html.dark .up .up-progress{background:rgba(226,232,240,.10)} html.dark .up.has-preview .up-ui{background:rgba(24,32,48,.72)} html.dark .arkdrop{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.86)} html.dark .arkdrop .ad-tt{color:rgba(226,232,240,.92)} html.dark .arkdrop .ad-sub{color:rgba(226,232,240,.58)} html.dark .arkdrop .ad-st{background:rgba(226,232,240,.04);border:1px solid rgba(226,232,240,.10)} html.dark .arkdrop .ad-st .t{color:rgba(226,232,240,.55)} html.dark .arkdrop .ad-st .n,html.dark .arkdrop .ad-st .m{color:rgba(226,232,240,.92)} html.dark .arkdrop .ad-st .e{color:rgba(226,232,240,.55)} html.dark .arkdrop .ad-gbar{background:rgba(226,232,240,.10)} html.dark .arkdrop.busy{border-color:rgba(226,232,240,.14)} html.dark #gw-modal #gw-text{border:1px solid rgba(226,232,240,.14);background:rgba(24,32,48,.82);color:rgba(226,232,240,.92)} html.dark .terms-box{background:#182030} html.dark .terms-head{border-bottom:1px solid rgba(226,232,240,.08)} html.dark .terms-name{color:rgba(226,232,240,.92)} html.dark .terms-sub{color:rgba(226,232,240,.52)} html.dark .terms-doc{color:rgba(226,232,240,.84)} html.dark .terms-doc h2{color:rgba(226,232,240,.94)} html.dark .terms-doc strong{color:rgba(226,232,240,.94)} html.dark .terms-doc .terms-lead{color:rgba(226,232,240,.80)} html.dark .terms-foot{border-top:1px solid rgba(226,232,240,.08);background:rgba(226,232,240,.025)} html.dark .terms-check{color:rgba(226,232,240,.78)} html.dark .terms-actions .terms-out{color:rgba(226,232,240,.62);border:1px solid rgba(226,232,240,.14)} html.dark .terms-actions .terms-out:hover{background:rgba(226,232,240,.04);color:rgba(226,232,240,.86)} html.dark #access .box{border:1px solid rgba(226,232,240,.10)} html.dark #access h2{color:rgba(226,232,240,.92)} html.dark #access label{color:rgba(226,232,240,.72)} html.dark #access .input input{background:#182030;border-color:rgba(226,232,240,.14)} html.dark #access .foot,html.dark #access .footer{border-top:1px solid rgba(226,232,240,.08)} html.dark #access .ac-qr svg{background:#182030} html.dark #access .ac-key{border:1px dashed rgba(226,232,240,.22);background:rgba(24,32,48,.7)} html.dark #access .ac-totp-foot b{color:rgba(226,232,240,.75)} html.dark #access .ac-cells input{border:1px solid rgba(226,232,240,.14);background:#182030;color:rgba(226,232,240,.9)} html.dark #access .ac-remember{color:rgba(226,232,240,.62)} html.dark #access .ac-codes code{border:1px solid rgba(226,232,240,.14);background:#182030} html.dark #dash .card{border:1px solid rgba(226,232,240,.10)} html.dark #dash h3{color:rgba(226,232,240,.90)} html.dark #dash .hint{color:rgba(226,232,240,.48)} html.dark #dash .tag,html.dark #dash .pill{color:rgba(226,232,240,.60)} html.dark #dash .mini,html.dark #dash .mini-k{color:rgba(226,232,240,.45)} html.dark #dash .muted{color:rgba(226,232,240,.56)} html.dark #dash .box,html.dark #dash .pane{border:1px solid rgba(226,232,240,.09)} html.dark #dash .meta,html.dark #dash .fact,html.dark #dash .tile,html.dark #dash .kpi,html.dark #dash .item{background:rgba(226,232,240,.02)} html.dark #dash .meta > span{color:rgba(226,232,240,.52)} html.dark #dash .meta b{color:rgba(226,232,240,.92)} html.dark #dash .fact > span{color:rgba(226,232,240,.52)} html.dark #dash .fact b{color:rgba(226,232,240,.92)} html.dark #dash .facts{background:rgba(226,232,240,.025)} html.dark #dash .q-val,html.dark #dash .t-val{color:rgba(226,232,240,.94)} html.dark #dash .q-of,html.dark #dash .t-of{color:rgba(226,232,240,.58)} html.dark #dash .t-val .unit{color:rgba(226,232,240,.55)} html.dark #dash .q-progress,html.dark #dash .t-progress{color:rgba(226,232,240,.60)} html.dark #dash .q-progress b,html.dark #dash .t-progress b{color:rgba(226,232,240,.92)} html.dark #dash .bar{border:1px solid rgba(226,232,240,.08);background:rgba(226,232,240,.06)} html.dark #dash .lg{color:rgba(226,232,240,.55)} html.dark #dash .lg i{background:rgba(226,232,240,.18)} html.dark #dash .lg-pct b{color:rgba(226,232,240,.92)} html.dark #dash .past-ref{border-top:1px solid rgba(226,232,240,.06);color:rgba(226,232,240,.62)} html.dark #dash .past-ref b{color:rgba(226,232,240,.92)} html.dark #dash .pane-tt{color:rgba(226,232,240,.88)} html.dark #dash .hero-li{background:rgba(226,232,240,.02)} html.dark #dash .hero-li span{color:rgba(226,232,240,.52)} html.dark #dash .hero-li b{color:rgba(226,232,240,.92)} html.dark #dash .kpi .lbl{color:rgba(226,232,240,.70)} html.dark #dash .kpi .val{color:rgba(226,232,240,.92)} html.dark #dash .kpi .unit{color:rgba(226,232,240,.55)} html.dark #dash .kpi .sub{color:rgba(226,232,240,.55)} html.dark #dash .bar2{background:rgba(226,232,240,.06);border:1px solid rgba(226,232,240,.08)} html.dark #dash .block-hd .t{color:rgba(226,232,240,.86)} html.dark #dash .chips .chip{border:1px solid rgba(226,232,240,.10);background:#182030;color:rgba(226,232,240,.72)} html.dark #dash .list.scroll::-webkit-scrollbar-thumb{background:rgba(226,232,240,.18)} html.dark #dash .item.is-link:hover{background:rgba(24,32,48,.92)} html.dark #dash .item-title{color:rgba(226,232,240,.90)} html.dark #dash .item-sub,html.dark #dash .item-meta{color:rgba(226,232,240,.55)} html.dark #dash #card-calendar .item-thumb{border:1px solid rgba(226,232,240,.08);background-color:rgba(226,232,240,.06)} html.dark #dash #card-calendar .item-thumb.is-empty{background:linear-gradient(180deg, rgba(24,32,48,.92), rgba(17,24,39,.96))} html.dark #dash #card-calendar .cal-card{border:1px solid rgba(226,232,240,.08);background-color:rgba(226,232,240,.08)} html.dark #dash #card-calendar .cal-card.is-empty{background:linear-gradient(180deg, rgba(24,32,48,.95), rgba(17,24,39,.98))} html.dark #dash #card-calendar .cal-card-shade{background:linear-gradient(180deg, rgba(226,232,240,.08) 0%, rgba(226,232,240,.16) 34%, rgba(15,23,42,.68) 100%)} html.dark #ranking .rk-sep{background:rgba(226,232,240,.10)} html.dark #ranking .rk-trm-dep{color:rgba(226,232,240,.38)} html.dark #ranking .rk-trm-dep b{color:rgba(226,232,240,.55)} html.dark #ranking .rk-in input{background:rgba(24,32,48,.82);border:1px solid rgba(226,232,240,.14)} html.dark #ranking .rk-title b{color:rgba(226,232,240,.92)} html.dark #ranking .rk-title .muted{color:rgba(226,232,240,.55)} html.dark #ranking .rk-table thead th{background:rgba(24,32,48,.92);color:rgba(226,232,240,.55);border-bottom:1px solid rgba(226,232,240,.10)} html.dark #ranking .rk-table tbody td{color:rgba(226,232,240,.82);border-bottom:1px solid rgba(226,232,240,.06)} html.dark #ranking .rk-table tbody tr.rk-sum td{background:#111827;border-top:1px solid rgba(226,232,240,.14)} html.dark #ranking .rk-foot{border-top:1px solid rgba(226,232,240,.08)} html.dark #ranking .rk-totals{color:rgba(226,232,240,.65)} html.dark #ranking .rk-foot b{color:rgba(226,232,240,.80)} html.dark #ranking .rk-table tbody td{border-bottom-color:rgba(226,232,240,.055)} html.dark #ranking .rk-sep{background:rgba(226,232,240,.10)} html.dark #ranking .rk-table .rk-pp{color:#fcd34d} html.dark .rk-table .rk-pp{color:#fcd34d} html.dark .rk-table td.rk-net.is-goal{color:#86efac} html.dark #ranking #rk-goal.on{color:#86efac} html.dark #ranking a.liq.is-done{color:#86efac} html.dark #ranking a.liq.is-done::after{border:solid #86efac} html.dark #settings .search input{border:1px solid rgba(226,232,240,.10);background:#182030} html.dark #settings .st-card{background:rgba(24,32,48,.86);border:1px solid rgba(226,232,240,.08)} html.dark #settings .st-hd{border-bottom:1px solid rgba(226,232,240,.06)} html.dark #settings .st-hd p{color:rgba(226,232,240,.62)} html.dark #settings .st-field .tt{color:rgba(226,232,240,.6)} html.dark #settings .st-field input,html.dark #settings .st-field textarea{border:1px solid rgba(226,232,240,.12);background:#182030} html.dark #settings .st-wa-state{background:rgba(226,232,240,.035)} html.dark #settings .st-wa-state i{background:rgba(226,232,240,.25)} html.dark #settings .st-wa-state span{color:rgba(226,232,240,.62)} html.dark #settings .st-wa-state small{color:rgba(226,232,240,.45)} html.dark #settings .st-wa-qrbox{background:#182030;border:1px solid rgba(226,232,240,.08)} html.dark #settings .st-wa-qrbox span{color:rgba(226,232,240,.62)} html.dark #settings .st-wa-help{color:rgba(226,232,240,.55)} html.dark #settings .st-questions-top p{color:rgba(226,232,240,.58)} html.dark #settings .st-qrow{border:1px solid rgba(226,232,240,.08);background:#182030} html.dark #settings .st-qrow input{border:1px solid rgba(226,232,240,.10);background:#182030} html.dark #settings .st-empty{border:1px dashed rgba(226,232,240,.12);color:rgba(226,232,240,.56);background:rgba(24,32,48,.7)} html.dark #income{--ctl-bd:rgba(226,232,240,.14);--ctl-bg:rgba(24,32,48,.82);--ctl-fg:rgba(226,232,240,.92);--ctl-muted:rgba(226,232,240,.52)} html.dark #income .in-muted{color:rgba(226,232,240,.55)} html.dark #income .in-hr{background:rgba(226,232,240,.08)} html.dark #income .in-btn{border:1px solid rgba(226,232,240,.12);background:rgba(24,32,48,.92)} html.dark #income .in-btn:hover{border-color:rgba(226,232,240,.20)} html.dark #income .in-btn-ghost{background:rgba(24,32,48,.72)} html.dark #income .in-scroll{border-top:1px solid rgba(226,232,240,.08)} html.dark #income .in-tbl thead th{background:rgba(24,32,48,.92);border-bottom:1px solid rgba(226,232,240,.10);color:rgba(226,232,240,.72)} html.dark #income .in-tbl tbody td{border-bottom:1px solid rgba(226,232,240,.06);color:rgba(226,232,240,.90)} html.dark #income .c-num{color:rgba(226,232,240,.55)} html.dark #income .in-card-hd{border-bottom:1px solid rgba(226,232,240,.08)} html.dark #income .in-summary .in-sumtbl thead th{color:rgba(226,232,240,.42)} html.dark #income .in-summary .in-sumtbl tbody td,html.dark #income .in-summary .in-sumtbl tbody th,html.dark #income .in-summary .in-breaktbl tbody td,html.dark #income .in-summary .in-breaktbl tbody th{background:rgba(226,232,240,.015);color:rgba(226,232,240,.78)} html.dark #income .in-summary .in-sumtbl tbody th,html.dark #income .in-summary .in-sumtbl tbody td:first-child,html.dark #income .in-summary .in-breaktbl tbody th,html.dark #income .in-summary .in-breaktbl tbody td:first-child{color:rgba(226,232,240,.68)} html.dark #income .in-summary .in-sumtbl tbody td:nth-child(n+2),html.dark #income .in-summary .in-breaktbl tbody td:nth-child(n+2){color:rgba(226,232,240,.78)} html.dark #income .in-summary .in-break{border-top:1px solid rgba(226,232,240,.06)} html.dark #income .in-summary .in-break h4{color:rgba(226,232,240,.42)} html.dark #income .in-summary .in-sum-empty td{color:rgba(226,232,240,.45)} html.dark #income-wa-list a{border:1px solid rgba(226,232,240,.12);background:rgba(24,32,48,.72);color:rgba(226,232,240,.86)} html.dark #income .in-auto-state{border:1px solid rgba(226,232,240,.10);background:rgba(226,232,240,.02)} html.dark #income .in-chip{border:1px solid rgba(226,232,240,.12);background:#182030;color:#cbd5e1} html.dark #income .in-chip.err{color:#fcd34d} html.dark #income .in-chip.ok{color:#86efac} html.dark #income .in-chip.none{color:#9ca3af} html.dark #income .in-auto-grp{border-top:1px solid rgba(226,232,240,.06)} html.dark #income .in-auto-grp-t{color:#e5e7eb} html.dark #income .in-auto-grp-t .cnt span{background:rgba(226,232,240,.06);color:#cbd5e1} html.dark #income .in-auto-grp-t .cnt .ok{color:#86efac} html.dark #income .in-auto-grp-t .cnt .err{color:#fca5a5} html.dark #income .in-auto-grp-t .cnt .pend{color:#93c5fd} html.dark #income .in-auto-grp-t .cnt .unk{color:#fcd34d} html.dark #income .in-auto-run.error{color:#fca5a5} html.dark #income .in-auto-run.running{color:#fcd34d} html.dark #income .in-auto-tbl{color:#cbd5e1} html.dark #income .in-auto-tbl td{border-bottom:1px solid rgba(226,232,240,.05)} html.dark #income .in-auto-tbl .c-nm{color:#cbd5e1} html.dark #income .in-auto-unk{color:#cbd5e1} html.dark #income .in-auto-unk b{color:#fcd34d} html.dark #income .in-auto-tbl .c-no a{color:#9ca3af} html.dark #income .in-auto-tag{color:#fcd34d} html.dark #income .in-auto-none{color:#9ca3af} html.dark #income .in-dot{background:#8e9ab0} html.dark #income .in-dot.zero{background:#3b4759} html.dark #income .in-auto-usd{color:#86efac} html.dark #income .in-auto-toggle{border:1px solid rgba(226,232,240,.12);background:#182030;color:#9ca3af} html.dark #income .in-auto-toggle:hover{background:rgba(226,232,240,.04);color:#cbd5e1} html.dark #income .in-claims-list{border-top:1px solid rgba(226,232,240,.08)} html.dark #income .in-claims-tbl thead th{background:rgba(24,32,48,.96);border-bottom:1px solid rgba(226,232,240,.10);color:rgba(226,232,240,.72)} html.dark #income .in-claims-tbl tbody td{border-bottom:1px solid rgba(226,232,240,.06);color:rgba(226,232,240,.90)} html.dark #income .in-claim-no{color:rgba(226,232,240,.45)} html.dark #income .in-claim-meta{color:rgba(226,232,240,.62)} html.dark #income .in-claims-tbl .in-chip{color:#fcd34d} html.dark #income .in-claims-tbl .in-chip.v{color:#86efac} html.dark #income .in-claims-tbl .in-chip.r{color:#fca5a5} html.dark #income .in-claims-tbl .in-chip.d{color:#86efac} html.dark #income .in-claims-none{color:rgba(226,232,240,.55)} html.dark #income .in-claims-tbl .in-chip.c-ok{color:#86efac} html.dark #income .in-claims-tbl .in-chip.c-zero{background:rgba(226,232,240,.06);color:#cbd5e1} html.dark #income .in-claims-tbl .in-chip.c-error{color:#fca5a5} html.dark #income .in-claims-tbl .in-chip.c-pending{color:#93c5fd} html.dark #income .in-claims-tbl .in-chip.c-none{color:rgba(226,232,240,.45)} html.dark #income .in-claim-btn{border:1px solid rgba(226,232,240,.14);background:#182030;color:rgba(226,232,240,.62)} html.dark #income .in-claim-btn.is-ghost:hover{background:#182030;border-color:rgba(226,232,240,.14);color:rgba(226,232,240,.62)} html.dark #income .in-claim-btn.ok:hover{color:#86efac} html.dark #prepay .pv-muted{color:rgba(226,232,240,.55)} html.dark #prepay .pv-hd-f > span,html.dark #prepay .pv-hd-lbl{color:rgba(226,232,240,.45)} html.dark #prepay .pv-hd-val b{color:rgba(226,232,240,.92)} html.dark #prepay .pv-hd-unit{color:rgba(226,232,240,.45)} html.dark #prepay .pv-hd-n{color:rgba(226,232,240,.55)} html.dark #prepay .pv-hd-n b{color:rgba(226,232,240,.78)} html.dark #prepay .pv-card-hd h3{color:rgba(226,232,240,.90)} html.dark #prepay .pv-btn{border:1px solid rgba(226,232,240,.12);background:#182030;color:rgba(226,232,240,.82)} html.dark #prepay .pv-btn:hover{background:rgba(226,232,240,.03);border-color:rgba(226,232,240,.2)} html.dark #prepay .pv-btn-ico{color:rgba(226,232,240,.62)} html.dark #prepay .pv-site-st{color:rgba(226,232,240,.55)} html.dark #prepay .pv-site-st.is-none{color:rgba(226,232,240,.35)} html.dark #prepay .pv-site-st.is-run{color:#93c5fd} html.dark #prepay .pv-site-st.is-wait,html.dark #prepay .pv-site-st.is-warn{color:#fcd34d} html.dark #prepay .pv-site-st.is-ok{color:#86efac} html.dark #prepay .pv-site-st.is-zero{color:rgba(226,232,240,.5)} html.dark #prepay .pv-site-st.is-err{color:#fca5a5} html.dark #prepay .pv-field > span{color:rgba(226,232,240,.45)} html.dark #prepay .pv-field input[type="number"],html.dark #prepay .pv-field input[type="text"]{border:1px solid rgba(226,232,240,.14);background:#182030;color:rgba(226,232,240,.92)} html.dark #prepay .pv-gen{background:rgba(226,232,240,.02);color:rgba(226,232,240,.55)} html.dark #prepay .pv-gen b{color:rgba(226,232,240,.88)} html.dark #prepay small{color:rgba(226,232,240,.45)} html.dark #prepay .pv-check{background:rgba(226,232,240,.025);color:rgba(226,232,240,.78)} html.dark #prepay .pv-warn{color:#fcd34d} html.dark #prepay .pv-collect-head:focus-visible{outline:2px solid rgba(226,232,240,.25)} html.dark #prepay .pv-collect-head.is-ok{color:#86efac} html.dark #prepay .pv-collect-head.is-warn{color:#fcd34d} html.dark #prepay .pv-collect-head.is-info{background:rgba(226,232,240,.04);color:rgba(226,232,240,.6)} html.dark #prepay .pv-collect-detail.open{border:1px solid rgba(226,232,240,.07);background:rgba(226,232,240,.015)} html.dark #prepay .pv-collect-detail::-webkit-scrollbar-thumb{background:rgba(226,232,240,.14)} html.dark #prepay .pv-auto-grp-t{color:rgba(226,232,240,.45);background:#111827} html.dark #prepay .pv-auto-tbl td{border-bottom:1px solid rgba(226,232,240,.04)} html.dark #prepay .pv-auto-tbl .c-no{color:rgba(226,232,240,.4)} html.dark #prepay .pv-auto-tbl .c-usr{color:rgba(226,232,240,.4)} html.dark #prepay .pv-dot{background:rgba(226,232,240,.2)} html.dark #prepay .pv-dot.zero{background:rgba(226,232,240,.22)} html.dark #prepay .pv-auto-usd{color:rgba(226,232,240,.75)} html.dark #prepay .pv-auto-mut{color:rgba(226,232,240,.4)} html.dark #prepay .pv-auto-tag{color:#fcd34d} html.dark #prepay .pv-auto-none{color:rgba(226,232,240,.42)} html.dark #prepay .pv-day-sum{border-top:1px solid rgba(226,232,240,.07)} html.dark #prepay .pv-day-empty{color:rgba(226,232,240,.5)} html.dark #prepay .pv-day-empty.is-warn{color:#fcd34d} html.dark #prepay .pv-day-tot b{color:rgba(226,232,240,.92)} html.dark #prepay .pv-day-tot span{color:rgba(226,232,240,.45)} html.dark #prepay .pv-day-tot i{color:rgba(226,232,240,.45)} html.dark #prepay .pv-day-meta{color:rgba(226,232,240,.5)} html.dark #prepay .pv-mtable thead th{background:#182030;border-bottom:1px solid rgba(226,232,240,.10);color:rgba(226,232,240,.55)} html.dark #prepay .pv-mtable tbody td{border-bottom:1px solid rgba(226,232,240,.055);color:rgba(226,232,240,.90)} html.dark #prepay .pv-mrow-nm a,html.dark #prepay .pv-mrow-nm b{color:rgba(226,232,240,.45)} html.dark #prepay .pv-mrow-mt{color:rgba(226,232,240,.55)} html.dark #prepay .pv-mrow-pr i{color:rgba(226,232,240,.4)} html.dark #prepay .pv-mrow-pp i{color:rgba(226,232,240,.5)} html.dark #prepay .pv-sub-sites{color:rgba(226,232,240,.5)} html.dark #prepay .pv-sub-sites b{color:rgba(226,232,240,.85)} html.dark #prepay .pv-sub-none{color:rgba(226,232,240,.42)} html.dark #prepay .pv-sub-tbl{border-top:1px solid rgba(226,232,240,.07)} html.dark #prepay .pv-mtable .pv-sub-tbl td{border-bottom:1px solid rgba(226,232,240,.05)} html.dark #prepay .pv-sub-tbl .c-when{color:rgba(226,232,240,.5)} html.dark #prepay .pv-sub-tbl .c-cop i{color:rgba(226,232,240,.4)} html.dark #prepay .pv-sub-tbl .c-by{color:rgba(226,232,240,.5)} html.dark #prepay .pv-sub-tbl .c-note{color:rgba(226,232,240,.5)} html.dark #prepay .pv-sub-tbl .del{color:rgba(226,232,240,.35)} html.dark #prepay .pv-sub-tbl .del:hover{color:#fca5a5} html.dark #prepay .pv-sub-tbl .del.is-armed{background:#fca5a5} html.dark #models{--ctl-bd:rgba(226,232,240,.14);--ctl-bg:rgba(24,32,48,.82);--ctl-fg:rgba(226,232,240,.92);--ctl-muted:rgba(226,232,240,.52);--card-bg:rgba(24,32,48,.88);--card-bd:rgba(226,232,240,.10)} html.dark #models .mo-muted{color:rgba(226,232,240,.55)} html.dark #models .mo-bday{background:rgba(24,32,48,.92);color:rgba(226,232,240,.88)} html.dark #models .mo-item{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.50)} html.dark #models .mo-media{background:rgba(226,232,240,.06)} html.dark #models .mo-scrim{background:linear-gradient(180deg, rgba(226,232,240,0) 0%, rgba(15,23,42,.55) 55%, rgba(15,23,42,.78) 100% )} html.dark #models .mo-empty{border:1px dashed rgba(226,232,240,.14);background:rgba(24,32,48,.60)} html.dark #models .mo-more-txt{color:rgba(226,232,240,.55)} html.dark #models .md-mail-dom{background:rgba(24,32,48,.82);border:1px solid rgba(226,232,240,.14);color:rgba(226,232,240,.70)} html.dark #models .mo-send{border:1px solid rgba(226,232,240,.10)} html.dark #model{--fg:rgba(226,232,240,.92);--muted:rgba(226,232,240,.62);--bd:rgba(226,232,240,.10);--bd2:rgba(226,232,240,.14);--surface:rgba(24,32,48,.78);--surface2:rgba(24,32,48,.70);--soft:rgba(226,232,240,.02)} html.dark #model .md-head{border:1px solid rgba(226,232,240,.08)} html.dark #model .md-meta{color:rgba(226,232,240,.58);background:rgba(24,32,48,.62);border:1px solid rgba(226,232,240,.08)} html.dark #model .md-code{color:rgba(226,232,240,.55);color:rgba(226,232,240,.90);background:rgba(226,232,240,.06)} html.dark #model .md-aside{background:rgba(226,232,240,.03)} html.dark #model .md-avatar{border:1px solid rgba(226,232,240,.10);background-color:rgba(226,232,240,.03)} html.dark #model .md-form{background:rgba(24,32,48,.62)} html.dark #model .md-panel legend{color:rgba(226,232,240,.48)} html.dark #model .md-ctl-sm{color:rgba(226,232,240,.6)} html.dark #model .md-welcome-at{color:rgba(226,232,240,.55)} html.dark #model .md-subnav{background:rgba(24,32,48,.72);border:1px solid rgba(226,232,240,.12)} html.dark #model .md-subnav a{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.88);color:rgba(226,232,240,.70)} html.dark #model .md-subnav a:hover{color:rgba(226,232,240,.88);border-color:rgba(226,232,240,.18);background:rgba(24,32,48,.96)} html.dark #model .md-subnav a.on,html.dark #model .md-subnav a[aria-current="page"]{color:rgba(226,232,240,.92)} html.dark #model .md-toolbar{border-bottom:1px solid rgba(226,232,240,.08)} html.dark #model .md-toolbar-title b{color:rgba(226,232,240,.90)} html.dark #model .md-kpi{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.86)} html.dark #model .md-kpi-hd{color:rgba(226,232,240,.82)} html.dark #model .md-kpi-val{color:rgba(226,232,240,.92)} html.dark #model .md-kpi-sub{color:#e5e7eb} html.dark #model .md-kpi-val small{color:rgba(226,232,240,.55)} html.dark #model .md-chart{border:1px solid rgba(226,232,240,.10);background:#182030} html.dark #model .md-chart-hd b{color:rgba(226,232,240,.90)} html.dark #model .md-lg-it{color:#e5e7eb} html.dark #model .md-seg{border:1px solid var(--tg-bd, rgba(226,232,240,.16));background:var(--tg-bg, #182030)} html.dark #model .md-seg span{color:var(--tg-fg, rgba(226,232,240,.82))} html.dark #model .md-seg label:hover span{background:var(--tg-hover-bg, rgba(226,232,240,.04))} html.dark #model .md-seg input:checked + span{color:var(--tg-on-fg, rgba(226,232,240,.95))} html.dark #model .md-gen-table{border:1px solid rgba(226,232,240,.10);background:#182030} html.dark #model .md-gen-table > summary{color:rgba(226,232,240,.82)} html.dark #model .md-gen-table-wrap{border-top:1px solid rgba(226,232,240,.08)} html.dark #model .md-gen-table th,html.dark #model .md-gen-table td{border-bottom:1px solid rgba(226,232,240,.06)} html.dark #model .md-gen-table thead th{background:#111827;color:#e5e7eb} html.dark #model .md-gen-table thead th.grp{border-bottom:1px solid rgba(226,232,240,.10)} html.dark #model .md-gen-table tfoot th{background:#111827} html.dark #model .md-gen-table td.none{color:#9ca3af} html.dark #model .md-table-wrap{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.86)} html.dark #model .md-table thead th{background:rgba(24,32,48,.92);color:rgba(226,232,240,.52);border-bottom:1px solid rgba(226,232,240,.08)} html.dark #model .md-table tbody td{border-bottom:1px solid rgba(226,232,240,.06);color:rgba(226,232,240,.86)} @media (max-width: 720px){html.dark #model .md-panel + .md-panel{border-top:1px solid rgba(226,232,240,.08)}} html.dark .md-general .md-timefix{border-top:1px solid rgba(226,232,240,.08)} html.dark .md-general .md-timefix-hd b{color:rgba(226,232,240,.92)} html.dark .md-general .md-timefix-hd p{color:rgba(226,232,240,.60)} html.dark .md-general .md-timefix{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.72)} html.dark .md-general .md-timefix-hd p{color:rgba(226,232,240,.62)} html.dark .md-general .md-timefix-row .ui-input-label{color:rgba(226,232,240,.55)} html.dark #model .md-postulation #md-po-body{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.70)} html.dark #model .md-postulation .po-row b{color:rgba(226,232,240,.45)} html.dark #model .md-postulation .po-row span{color:rgba(226,232,240,.88)} html.dark #model .md-postulation .po-photos a{border:1px solid rgba(226,232,240,.12)} html.dark #model .md-media-grid > .md-item{border:1px solid rgba(226,232,240,.12)} html.dark #model .md-media-grid > .md-item.is-video > a.md-open > span.md-item-play{border:2px solid rgba(24,32,48,.9)} html.dark #model .md-media-grid > .md-item.is-video > a.md-open > span.md-item-play::before{border-color:transparent transparent transparent #182030} html.dark #model .md-media-grid > .md-item > .md-dl{background:#182030} html.dark #model .md-media-count{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.86);color:rgba(226,232,240,.70)} html.dark #model .md-media-count b{color:rgba(226,232,240,.92)} html.dark #model .md-trk-tile{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.7)} html.dark #model .md-trk-tile b{color:rgba(226,232,240,.92)} html.dark #model .md-trk-tile span{color:rgba(226,232,240,.55)} html.dark #model .md-trk-tile.is-key b{color:#fcd34d} html.dark #model .md-trk-tile.is-key span{color:#fcd34d} html.dark #model .md-trk-issue{color:rgba(226,232,240,.7);background:rgba(226,232,240,.05);border:1px solid rgba(226,232,240,.08)} html.dark #model .md-trk-none{color:rgba(226,232,240,.55)} html.dark #model .md-trk-grid img{border:1px solid rgba(226,232,240,.10)} html.dark #model .md-tracking .md-trk-count{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.86);color:rgba(226,232,240,.70)} html.dark #model .md-tracking .md-trk-count b{color:rgba(226,232,240,.92)} html.dark #model .md-liq-item{background:rgba(24,32,48,.80);border:1px solid rgba(226,232,240,.12)} html.dark #model .md-liq-pay .k{color:rgba(226,232,240,.55)} html.dark #model .md-liq-pay .v{color:rgba(226,232,240,.92)} html.dark #model .md-liq-badge{border:1px solid rgba(226,232,240,.10);background:rgba(226,232,240,.04)} html.dark #model .md-liq-badge .k{color:rgba(226,232,240,.58)} html.dark #model .md-liq-badge .v{color:rgba(226,232,240,.92)} html.dark #model .md-liq-row{border-bottom:1px solid rgba(226,232,240,.08)} html.dark #model .md-liq-stat .k{color:rgba(226,232,240,.55)} html.dark #model .md-liq-stat .v{color:rgba(226,232,240,.90)} html.dark #model .md-liq-created{color:rgba(226,232,240,.50)} html.dark #model .md-liq-period .k{color:rgba(226,232,240,.55)} html.dark #model .md-liq-period .v{color:rgba(226,232,240,.90)} html.dark #model .md-liq-del{border:1px solid rgba(226,232,240,.12);background:rgba(24,32,48,.82)} html.dark #model .md-liq-del.is-armed::before{background:rgba(24,32,48,.95)} html.dark #model .md-acc-pill{border:1px solid rgba(226,232,240,.10);background:rgba(226,232,240,.04)} html.dark #model .md-acc-pill .k{color:rgba(226,232,240,.58)} html.dark #model .md-acc-pill .v{color:rgba(226,232,240,.92)} html.dark #model .md-acc-li{background:rgba(24,32,48,.88);border:1px solid rgba(226,232,240,.18)} html.dark #model .md-acc-li-app .k,html.dark #model .md-acc-li-f .k{color:rgba(226,232,240,.62)} html.dark #model .md-acc-li-app .v{color:rgba(226,232,240,.94)} html.dark #model .md-acc-li-f .v{color:rgba(226,232,240,.90)} html.dark #model .md-acc-li-upd{color:rgba(226,232,240,.52)} html.dark #model .md-acc-detail{background:rgba(24,32,48,.88);border:1px solid rgba(226,232,240,.18)} html.dark #model .md-acc-dh{border-bottom:1px solid rgba(226,232,240,.08)} html.dark #model .md-acc-dt .k{color:rgba(226,232,240,.62)} html.dark #model .md-acc-dt .v{color:rgba(226,232,240,.96)} html.dark #model .md-acc-meta{color:rgba(226,232,240,.52)} html.dark #model .btn.ghost{background:rgba(24,32,48,.82);border:1px solid rgba(226,232,240,.14);color:rgba(226,232,240,.90)} html.dark #model .md-acc-form{border-top:1px solid rgba(226,232,240,.08)} html.dark #model .md-acc-field .k{color:rgba(226,232,240,.62)} html.dark #model .md-acc-ctl{border:1px solid rgba(226,232,240,.22);background:rgba(24,32,48,.94);color:rgba(226,232,240,.92)} html.dark #model .md-acc-status > .spot{border:1px solid rgba(226,232,240,.22);background:rgba(24,32,48,.94);color:rgba(226,232,240,.92)} html.dark #model .md-acc-stream{border:1px solid rgba(226,232,240,.16);background:rgba(24,32,48,.88)} html.dark #model .md-acc-stream-hd .tt{color:rgba(226,232,240,.92)} html.dark #model .md-acc-stream-hd .sub{color:rgba(226,232,240,.58)} html.dark #model .md-acc-stream{border:1px solid rgba(226,232,240,.16);background:rgba(24,32,48,.88)} html.dark #model .md-acc-stream-hd{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.72)} html.dark #model .md-acc-stream-hd .tt{color:rgba(226,232,240,.92)} html.dark #model .md-acc-stream-hd .ui-switch .tx{color:rgba(226,232,240,.78)} html.dark #model .md-acc-box{border:1px solid rgba(226,232,240,.16);background:rgba(24,32,48,.88)} html.dark #model .md-acc-box.is-primary{border-color:rgba(226,232,240,.18)} html.dark #model .md-acc-box.is-secondary{border-color:rgba(226,232,240,.14);background:rgba(24,32,48,.82)} html.dark #model .md-acc-box-hd .tt{color:rgba(226,232,240,.92)} html.dark #model .md-acc-box-hd .sub{color:rgba(226,232,240,.58)} html.dark #model .md-acc-cmt-btn{border:1px solid rgba(226,232,240,.16)} html.dark #model .md-acc-cmt{border:1px solid rgba(226,232,240,.14);background:rgba(24,32,48,.92)} html.dark #model .md-acc-cmt-hd .by{color:rgba(226,232,240,.90)} html.dark #model .md-acc-cmt-hd .at{color:rgba(226,232,240,.58)} html.dark #model .md-acc-cmt-tx{color:rgba(226,232,240,.90)} html.dark #model .md-acc-last .k{color:rgba(226,232,240,.62)} html.dark #model .md-acc-last .v{color:rgba(226,232,240,.92)} html.dark #model .md-acc-kv-del{border:1px solid rgba(226,232,240,.18);background:rgba(24,32,48,.92)} html.dark #model .md-acc-kv-btn{border:1px dashed rgba(226,232,240,.24);background:rgba(24,32,48,.76);color:rgba(226,232,240,.90)} html.dark #model .md-acc-date{color:rgba(226,232,240,.52)} html.dark #model .md-acc-stream-sw .tx{color:rgba(226,232,240,.82)} html.dark #model .md-acc-stream-sw{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.70)} html.dark #model .md-acc-stream-sw .tx{color:rgba(226,232,240,.70)} html.dark #model .md-acc-li-box{border:1px solid rgba(226,232,240,.10);background:rgba(17,24,39,.92)} html.dark #model .md-acc-li-f .v{color:rgba(226,232,240,.92)} html.dark #model .md-acc-li-upd{color:rgba(226,232,240,.54)} html.dark #model .md-acc .macc-btn{color:rgba(226,232,240,.55)} html.dark #model .md-acc .macc-btn:hover{color:rgba(226,232,240,.95)} html.dark #model .md-acc-copy.is-copied .macc-btn-copy{color:#86efac} html.dark #model .md-acc-li-box{border:1px solid rgba(226,232,240,.11);background:rgba(17,24,39,.96)} html.dark #model .md-acc-li-f .v{color:rgba(226,232,240,.92)} html.dark .md-discounts{--md-soft:rgba(226,232,240,.06);--md-bd:rgba(226,232,240,.10);--md-bd2:rgba(226,232,240,.14);--md-hd-bg:rgba(24,32,48,.55)} html.dark .md-discounts .ui-input-label{color:rgba(226,232,240,.62)} html.dark .md-discounts input[type="date"],html.dark .md-discounts .ui-ctl{border:1px solid var(--ctl-bd,rgba(226,232,240,.14));background:var(--ctl-bg,rgba(24,32,48,.82));color:var(--ctl-fg,rgba(226,232,240,.90))} html.dark .md-discounts .ui-ctl::placeholder{color:var(--ctl-muted,rgba(226,232,240,.62))} html.dark .md-discounts .ui-table{background:rgba(24,32,48,.78)} html.dark .md-discounts thead th{color:rgba(226,232,240,.70);background:linear-gradient(to bottom, rgba(24,32,48,.90), rgba(24,32,48,.70))} html.dark .md-discounts tbody td,html.dark .md-discounts tbody th{border-bottom:1px solid rgba(226,232,240,.07);color:rgba(226,232,240,.88)} html.dark #model .md-discounts .del{border:1px solid rgba(226,232,240,.12);background:rgba(24,32,48,.78)} html.dark #model .md-discounts .del:hover{border-color:rgba(226,232,240,.18);background:rgba(24,32,48,.92)} html.dark #model .md-history thead th{color:rgba(226,232,240,.72);border-bottom:1px solid rgba(226,232,240,.10)} html.dark #model .md-history tbody td{border-bottom:1px solid rgba(226,232,240,.08);color:rgba(226,232,240,.86)} html.dark #model .md-history tbody tr:hover td{background:rgba(226,232,240,.02)} html.dark .md-prepay{--md-soft:rgba(226,232,240,.06);--md-bd:rgba(226,232,240,.10);--md-bd2:rgba(226,232,240,.14);--md-hd-bg:rgba(24,32,48,.55)} html.dark .md-prepay .ui-input-label{color:rgba(226,232,240,.62)} html.dark .md-prepay input[type="date"],html.dark .md-prepay .ui-ctl{border:1px solid var(--ctl-bd,rgba(226,232,240,.14));background:var(--ctl-bg,rgba(24,32,48,.82));color:var(--ctl-fg,rgba(226,232,240,.90))} html.dark .md-prepay .ui-ctl::placeholder{color:var(--ctl-muted,rgba(226,232,240,.62))} html.dark .md-prepay .ui-table{background:rgba(24,32,48,.78)} html.dark .md-prepay thead th{color:rgba(226,232,240,.70);background:linear-gradient(to bottom, rgba(24,32,48,.90), rgba(24,32,48,.70))} html.dark .md-prepay tbody td,html.dark .md-prepay tbody th{border-bottom:1px solid rgba(226,232,240,.07);color:rgba(226,232,240,.88)} html.dark #model .md-prepay .del{border:1px solid rgba(226,232,240,.12);background:rgba(24,32,48,.78)} html.dark #model .md-prepay .del:hover{border-color:rgba(226,232,240,.18);background:rgba(24,32,48,.92)} html.dark #model .md-acc-pwd-btn{color:rgba(226,232,240,.4)} html.dark #model .md-acc-pwd-btn:hover{background:rgba(226,232,240,.06);color:rgba(226,232,240,.7)} html.dark #model .md-postulation .po-sec-t{color:rgba(226,232,240,.35)} html.dark #model .md-postulation .po-qa b{color:rgba(226,232,240,.45)} html.dark #model .md-postulation .po-qa span{color:rgba(226,232,240,.88)} html.dark #model .md-postulation .po-qa span:empty::before{color:rgba(226,232,240,.25)} html.dark #model .md-dante-hd .tt,html.dark #model .md-dante-block-hd .tt{color:rgba(226,232,240,.92)} html.dark #model .md-dante-hd .sub,html.dark #model .md-dante-block-hd .sub{color:rgba(226,232,240,.58)} html.dark #model .md-dante-block{border-top:1px solid rgba(226,232,240,.08)} html.dark #model .md-dante-block.md-dante-first{border-top:0} html.dark #model .md-dante-block-hd .sub.warn{border:1px solid rgba(245,158,11,.30);background:rgba(245,158,11,.10);color:#fcd34d} html.dark #model .md-dante-hint{color:rgba(226,232,240,.58)} html.dark #model .md-dante-cap{color:rgba(226,232,240,.82)} html.dark #model .md-dante-row .ui-switch input:checked + .sw{background:rgba(34,197,94,.85);border-color:rgba(34,197,94,.45)} html.dark #model .md-dante-kpi{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.86)} html.dark #model .md-dante-kpi .k{color:rgba(226,232,240,.82)} html.dark #model .md-dante-kpi .v{color:rgba(226,232,240,.92)} html.dark #model .md-dante-kpi .s{color:rgba(226,232,240,.58)} html.dark #model .md-dante-fold > summary{color:rgba(226,232,240,.72)} html.dark #model .md-dante-fold > summary:hover{color:rgba(226,232,240,.92)} html.dark #model .md-dante-col > b{color:rgba(226,232,240,.78)} html.dark #model .md-dante-qa b{color:rgba(226,232,240,.78)} html.dark #model .md-dante-empty{border:1px dashed rgba(226,232,240,.14);color:rgba(226,232,240,.56)} html.dark #model .md-dante-sub-hd .h{color:rgba(226,232,240,.48)} html.dark #model .md-dante-sub-hd .s{color:rgba(226,232,240,.58)} html.dark #model .md-dante-src{color:rgba(226,232,240,.58);background:rgba(226,232,240,.06)} html.dark #model .md-dante-src[data-o="ella"]{color:#93c5fd;background:rgba(37,99,235,.18)} html.dark #model .md-dante-menu{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.78)} html.dark #model .md-dante-menu thead th{color:rgba(226,232,240,.62);border-bottom:1px solid rgba(226,232,240,.10)} html.dark #model .md-dante-menu tbody td{border-bottom:1px solid rgba(226,232,240,.07)} html.dark #model .md-dante-menu tbody:empty::after{color:rgba(226,232,240,.56)} html.dark #model .md-dante-pre{border:1px solid rgba(226,232,240,.10);background:rgba(226,232,240,.03)} html.dark #model .md-acc-li{border:1px solid rgba(226,232,240,.12);background:#182030} html.dark #model .macc3-hd{border-bottom:1px solid rgba(226,232,240,.07)} html.dark #model .macc3-name .v{color:rgba(226,232,240,.92)} html.dark #model .macc3-upd{color:rgba(226,232,240,.52)} html.dark #model .macc3-cell + .macc3-cell{border-left:1px solid rgba(226,232,240,.07)} html.dark #model .macc3-cell .k{color:rgba(226,232,240,.55)} html.dark #model .macc3-row .v{color:rgba(226,232,240,.9)} html.dark #model .md-acc-copy.is-copied .macc3-row .v{color:#86efac} @media (max-width:680px){html.dark #model .macc3-cell + .macc3-cell{border-top:1px solid rgba(226,232,240,.07)}} html.dark #postulations .po-top{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.84)} html.dark #postulations .po-search{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.92)} html.dark #postulations .po-search input{color:rgba(226,232,240,.92)} html.dark #postulations .po-search input::placeholder{color:rgba(226,232,240,.45)} html.dark #postulations .po-search .po-label{background:rgba(226,232,240,.06);color:rgba(226,232,240,.62)} html.dark #postulations .po-lbl{color:rgba(226,232,240,.45)} html.dark #postulations .ui-date input[type="date"]{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.92);color:rgba(226,232,240,.92)} html.dark #postulations .po-card2{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.92)} html.dark #postulations .po-fpo{background:linear-gradient(180deg, rgba(226,232,240,.04), rgba(226,232,240,.02))} html.dark #postulations .po-chip{border:1px solid rgba(226,232,240,.10)} html.dark #postulations .po-chip.st{background:rgba(24,32,48,.85);color:rgba(226,232,240,.85)} html.dark #postulations .po-chip.dt{background:rgba(24,32,48,.78);color:rgba(226,232,240,.70)} html.dark #postulations .po-note,html.dark #postulations .po-send{border:1px solid rgba(226,232,240,.10)} html.dark #postulations .po-c{background:rgba(24,32,48,.14);border:1px solid rgba(24,32,48,.12)} html.dark #postulations .po-combo .spot{border:1px solid rgba(24,32,48,.16);background:rgba(24,32,48,.14)} html.dark #postulations .po-combo .spot:hover{border-color:rgba(24,32,48,.28)} html.dark #postulations .po-combo .spot:focus{border-color:rgba(24,32,48,.35)} html.dark #postulations .po-combo::after{border-top-color:#182030} html.dark #postulations .po-combo .list{background:rgba(24,32,48,.98);border-color:rgba(226,232,240,.12)} html.dark #postulations .po-combo .list a{color:rgba(226,232,240,.92)} html.dark #postulations .po-combo .list a:hover,html.dark #postulations .po-combo .list a:focus-visible{color:rgba(226,232,240,.95)} html.dark #postulations .po-note{background:rgba(24,32,48,.88);color:rgba(226,232,240,.88);border:1px solid rgba(226,232,240,.12)} html.dark #postulations .po-note-txt{border:1px solid rgba(226,232,240,.12);background:rgba(24,32,48,.86);color:rgba(226,232,240,.92)} html.dark #postulations .po-meta{border-top:1px solid rgba(226,232,240,.08);color:rgba(226,232,240,.65)} html.dark #postulations .po-count b{color:rgba(226,232,240,.92)} html.dark #postulations .po-st{background:rgba(24,32,48,.86);border:1px solid rgba(226,232,240,.10);color:rgba(226,232,240,.78)} html.dark #postulations .po-st b{color:rgba(226,232,240,.92)} html.dark #postulations .po-modal-txt{border:1px solid rgba(226,232,240,.14);background:rgba(24,32,48,.82);color:rgba(226,232,240,.92)} html.dark #team .tm-label{color:rgba(226,232,240,.45)} html.dark #team .tm-ctl{background-color:rgba(24,32,48,.92)} html.dark #team .tm-ico{color:rgba(226,232,240,.72)} html.dark #team .tm-pill{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.75);color:rgba(226,232,240,.74)} html.dark #team .tm-list-hd{border-bottom:1px solid rgba(226,232,240,.08)} html.dark #team .tm-list-ttl b{color:rgba(226,232,240,.92)} html.dark #team .tm-row{border:1px solid rgba(226,232,240,.08);background:rgba(24,32,48,.86)} html.dark #team .tm-row:hover{border-color:rgba(226,232,240,.14);background:rgba(24,32,48,.92)} html.dark #team .tm-thumb{border:1px solid rgba(226,232,240,.10);background:rgba(226,232,240,.06)} html.dark #team .tm-fpo{background:radial-gradient(520px 220px at 30% 20%, rgba(99,102,241,.14), transparent 60%), radial-gradient(420px 240px at 85% 40%, rgba(14,165,233,.10), transparent 62%), linear-gradient(180deg, rgba(226,232,240,.05), rgba(226,232,240,.02))} html.dark #team .tm-fpo::after{color:rgba(226,232,240,.42)} html.dark #team .tm-row-main .t{color:rgba(226,232,240,.92)} html.dark #team .tm-row-main .s{color:rgba(226,232,240,.62)} html.dark #team .tm-top{border-bottom:1px solid rgba(226,232,240,.08)} html.dark #team .tm-photo .up{border:1px dashed rgba(226,232,240,.22);background-color:rgba(226,232,240,.03)} html.dark #team .tm-photo .up .up-txt{color:rgba(226,232,240,.45)} html.dark #team .tm-photo .up.has-preview{border-color:rgba(226,232,240,.10)} html.dark #team .tm-title{color:rgba(226,232,240,.92)} html.dark #team .tm-who-sub{color:rgba(226,232,240,.55)} html.dark #team .tm-menu{border:1px solid rgba(226,232,240,.10);background:#182030} html.dark #team .tm-menu button{color:rgba(226,232,240,.84)} html.dark #team .tm-menu button:hover{background:rgba(226,232,240,.05)} html.dark #team .tm-menu button.danger{color:#fca5a5} html.dark #team .tm-menu button.confirm{background:rgba(226,232,240,.06)} html.dark #team .tm-menu button.danger.confirm{background:#fca5a5} html.dark #team .tm-sep{background:rgba(226,232,240,.07)} html.dark #team .tm-att{border-top:1px solid rgba(226,232,240,.07)} html.dark #team .tm-att-tot{color:#cbd5e1} html.dark #team .tm-att-tot b{color:#e5e7eb} html.dark #team .tm-att-list{border:1px solid rgba(226,232,240,.08)} html.dark #team .tm-att-tbl th{background:rgba(24,32,48,.96);color:rgba(226,232,240,.45);border-bottom:1px solid rgba(226,232,240,.10)} html.dark #team .tm-att-tbl td{border-bottom:1px solid rgba(226,232,240,.06)} html.dark #team .tm-att-tag{background:rgba(226,232,240,.06);color:#cbd5e1} html.dark #team .tm-att-tag.r{color:#fcd34d} html.dark #team .tm-bar-save{border-top:1px solid rgba(226,232,240,.08);background:rgba(24,32,48,.92)} html.dark #team .tm-dates{color:rgba(226,232,240,.5)} html.dark #team .tm-date-item b{color:rgba(226,232,240,.78)} html.dark #team .tm-date-item b:empty::before{color:rgba(226,232,240,.3)} html.dark #agenda .ag-loading{border:2px solid rgba(226,232,240,.10)} html.dark #agenda .ag-tb thead th{background:#182030;border:1px solid rgba(226,232,240,.08)} html.dark #agenda .ag-room{background:rgba(24,32,48,.86);border:1px solid rgba(226,232,240,.08);color:rgba(226,232,240,.88)} html.dark #agenda .ag-room em{color:rgba(226,232,240,.5)} html.dark #agenda td.ag-cell{background:rgba(24,32,48,.72);border:1px solid rgba(226,232,240,.08)} html.dark #agenda td.ag-cell.blocked{background:rgba(226,232,240,.06);border:1px solid rgba(226,232,240,.14)} html.dark #agenda td.ag-cell.blocked:hover{background:rgba(226,232,240,.08);border-color:rgba(226,232,240,.18)} html.dark #agenda .ag-requests{border-top:1px solid rgba(226,232,240,.08)} html.dark #agenda .ag-req-row{border:1px solid rgba(226,232,240,.08);background:rgba(24,32,48,.78)} html.dark #agenda .ag-req-state{color:rgba(226,232,240,.52)} @media (max-width:1100px){html.dark #agenda .ag-side{border-top:1px solid rgba(226,232,240,.08)}} html.dark #agenda .ag-tb thead th{background:#182030} @media (max-width:900px){html.dark #agenda .ag-room::before,html.dark #agenda .ag-tb thead th::before{background:#182030}} @media (max-width:900px){html.dark #agenda .ag-tb thead th.ag-rn{background:#182030}} @media (max-width:900px){html.dark #agenda .ag-room::after,html.dark #agenda .ag-tb thead th.ag-rn::after{background:rgba(226,232,240,.12)}} html.dark #operation{--bd:rgba(226,232,240,.10);--fg:rgba(226,232,240,.92);--muted:rgba(226,232,240,.55)} html.dark #operation .op-label{color:rgba(226,232,240,.45)} html.dark #operation .op-ico{color:rgba(226,232,240,.72)} html.dark #operation .op-list-hd{border-bottom:1px solid rgba(226,232,240,.08)} html.dark #operation .op-card{border:1px solid rgba(226,232,240,.08);background:rgba(24,32,48,.86)} html.dark #operation .op-card:hover{border-color:rgba(226,232,240,.14);background:rgba(24,32,48,.92)} html.dark #operation .op-pill{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.75);color:rgba(226,232,240,.74)} html.dark #operation .op-title{color:rgba(226,232,240,.92)} html.dark #operation .op-snip{color:rgba(226,232,240,.62)} html.dark #operation .op-more{border-top:1px solid rgba(226,232,240,.08)} html.dark #operation .op-dhd{border-bottom:1px solid rgba(226,232,240,.08)} html.dark #operation .op-empty-box b{color:rgba(226,232,240,.92)} html.dark #operation .op-empty-box span{color:rgba(226,232,240,.58)} html.dark #operation .op-thread{border-top:1px solid rgba(226,232,240,.08)} html.dark #operation .op-comments{border:1px solid rgba(226,232,240,.08);background:rgba(24,32,48,.62)} html.dark #operation .op-cmt{border:1px solid rgba(226,232,240,.08);background:rgba(24,32,48,.86)} html.dark #operation .op-cmt-who{color:rgba(226,232,240,.86)} html.dark #operation .op-cmt-at{color:rgba(226,232,240,.55)} html.dark #operation .op-cmt-tx{color:rgba(226,232,240,.78)} html.dark #operation .op-pill.pr{border:1px solid rgba(226,232,240,.12);background:rgba(226,232,240,.04);color:rgba(226,232,240,.72)} html.dark #treasury .tr-hd{border-bottom:1px solid rgba(226,232,240,.10)} html.dark #treasury .tr-hd .tt h3{color:rgba(226,232,240,.92)} html.dark #treasury .tr-hd .hint{color:rgba(226,232,240,.55)} html.dark #treasury .tr-editor .input>span{color:rgba(226,232,240,.70)} html.dark #treasury .tr-editor .ui-ctl{border:1px solid rgba(226,232,240,.14);background:rgba(24,32,48,.82);color:rgba(226,232,240,.90)} html.dark #treasury .tr-roles .lbl{color:rgba(226,232,240,.70)} html.dark #treasury .tr-list li{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.72)} html.dark #treasury .tr-list .nm{color:rgba(226,232,240,.92)} html.dark #treasury .tr-kpis .kpi{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.70)} html.dark #treasury .tr-kpis .k{color:rgba(226,232,240,.62)} html.dark #treasury .tr-kpis .v{color:rgba(226,232,240,.92)} html.dark #treasury .tr-breakdown .lbl{color:rgba(226,232,240,.62)} html.dark #treasury .tr-breakdown .overflow{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.70)} html.dark #treasury .tb th,html.dark #treasury .tb td{border-bottom:1px solid rgba(226,232,240,.08);color:rgba(226,232,240,.86)} html.dark #treasury .tb thead th{background:rgba(24,32,48,.92);color:rgba(226,232,240,.80)} html.dark #treasury .tr-items .tr-toolbar .input>span{color:rgba(226,232,240,.70)} html.dark #treasury .tr-item-form .ui-ctl{border:1px solid rgba(226,232,240,.14);background:rgba(24,32,48,.82)} html.dark #treasury .tr-table{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.70)} html.dark #treasury .tr-table td[contenteditable]:focus{background:rgba(24,32,48,.92)} html.dark #treasury .tr-empty{color:rgba(226,232,240,.55)} html.dark #treasury .tr-groups-list li .pill{color:rgba(226,232,240,.60)} html.dark #treasury .tr-groups-list li .pill + .pill::before{color:rgba(226,232,240,.35)} html.dark #treasury .tr-groups-list li,html.dark #treasury .tr-cat-list li{border-bottom:1px solid rgba(226,232,240,.07)} html.dark #treasury .tr-groups-list li:hover,html.dark #treasury .tr-cat-list li:hover{background:rgba(226,232,240,.03)} html.dark #treasury .tr-groups-list li::before,html.dark #treasury .tr-cat-list li::before{border:1px solid rgba(226,232,240,.22)} html.dark #treasury .tr-groups-list li.on,html.dark #treasury .tr-cat-list li.on{background:rgba(226,232,240,.04)} html.dark #treasury .tr-groups-list .nm,html.dark #treasury .tr-cat-list .nm{color:rgba(226,232,240,.92)} html.dark #treasury .tr-groups-list .meta{color:rgba(226,232,240,.55)} html.dark #treasury .tr-groups-list .pill{color:rgba(226,232,240,.55)} html.dark #treasury .tr-groups-list .pill + .pill::before{color:rgba(226,232,240,.28)} html.dark #treasury .tr-roles .chip{color:rgba(226,232,240,.82)} html.dark #treasury .tr-roles .chip:hover{background:rgba(226,232,240,.03)} html.dark #treasury .tr-editor-actions{border-top:1px solid rgba(226,232,240,.08)} html.dark #treasury .tr-editor{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.62)} html.dark #treasury .tr-editor .lbl{color:rgba(226,232,240,.70)} html.dark #treasury .tr-editor .tr-roles{border-top:1px solid rgba(226,232,240,.08)} html.dark #treasury .tr-editor .tr-editor-actions{border-top:1px solid rgba(226,232,240,.08)} html.dark #treasury .tr-item-form{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.62)} html.dark #treasury .tr-modal-users{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.70)} html.dark #treasury .tr-modal-users-hd .lbl{color:rgba(226,232,240,.86)} html.dark #treasury .tr-modal-users-hd .hint{color:rgba(226,232,240,.55)} html.dark #treasury .tr-modal-users-list{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.78)} html.dark #treasury .tr-u:hover{background:rgba(226,232,240,.04)} html.dark #treasury .tr-u .nm{color:rgba(226,232,240,.88)} html.dark #treasury .tr-u .rl{color:rgba(226,232,240,.55)} html.dark #treasury .tr-cat-list .n{color:rgba(226,232,240,.62);background:rgba(226,232,240,.06);border:1px solid rgba(226,232,240,.08)} html.dark #treasury .tr-table tbody tr:nth-child(2n){background:rgba(226,232,240,.02)} html.dark #treasury .tr-order{color:rgba(226,232,240,.72)} html.dark #treasury .tr-order:hover{color:rgba(226,232,240,.92)} html.dark #treasury .tr-order::after{border-top:6px solid rgba(226,232,240,.28)} html.dark #treasury .tr-order.on{color:rgba(226,232,240,.92)} html.dark #treasury .tr-modal-catbox-hd .lbl{color:rgba(226,232,240,.78)} html.dark #treasury .tr-modal-catbox-hd .hint{color:rgba(226,232,240,.56)} html.dark #treasury .tr-modal-catlist{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.72)} html.dark #treasury .tr-cat-row{border-bottom:1px solid rgba(226,232,240,.08)} html.dark #treasury .tr-cat-row .nm{color:rgba(226,232,240,.92)} html.dark #treasury .tr-cat-row .meta{color:rgba(226,232,240,.52)} html.dark #timeline{--bd:rgba(226,232,240,.10);--fg:rgba(226,232,240,.92);--muted:rgba(226,232,240,.55);--card:rgba(24,32,48,.92);--sh:0 18px 60px rgba(226,232,240,.10)} html.dark #timeline .tl-label{color:rgba(226,232,240,.45)} html.dark #timeline .tl-ctl{background:rgba(24,32,48,.92)} html.dark #timeline .tl-ico{color:rgba(226,232,240,.72)} html.dark #timeline .tl-pill{border:1px solid rgba(226,232,240,.10);background:rgba(24,32,48,.75);color:rgba(226,232,240,.74)} html.dark #timeline .tl-list-hd{border-bottom:1px solid rgba(226,232,240,.08)} html.dark #timeline .tl-list-ttl b{color:rgba(226,232,240,.92)} html.dark #timeline .tl-row{border:1px solid rgba(226,232,240,.08);background:rgba(24,32,48,.86)} html.dark #timeline .tl-row:hover{border-color:rgba(226,232,240,.14);background:rgba(24,32,48,.92)} html.dark #timeline .tl-thumb{border:1px solid rgba(226,232,240,.10);background:rgba(226,232,240,.06)} html.dark #timeline .tl-fpo{background:radial-gradient(600px 220px at 30% 20%, rgba(99,102,241,.14), transparent 60%), radial-gradient(420px 240px at 85% 40%, rgba(14,165,233,.10), transparent 62%), linear-gradient(180deg, rgba(226,232,240,.05), rgba(226,232,240,.02))} html.dark #timeline .tl-row-main .t{color:rgba(226,232,240,.92)} html.dark #timeline .tl-row-main .s{color:rgba(226,232,240,.62)} html.dark #timeline .tl-detail-hd{border-bottom:1px solid rgba(226,232,240,.08)} html.dark #timeline .tl-title{color:rgba(226,232,240,.92)} html.dark #timeline .tl-empty-box b{color:rgba(226,232,240,.92)} html.dark #timeline .tl-empty-box span{color:rgba(226,232,240,.58)} html.dark #timeline .tl-media-box{border:1px dashed rgba(226,232,240,.18);background:radial-gradient(900px 320px at 30% 25%, rgba(99,102,241,.14), transparent 60%), radial-gradient(640px 360px at 85% 45%, rgba(14,165,233,.12), transparent 62%), linear-gradient(180deg, rgba(24,32,48,.70), rgba(24,32,48,.70))} html.dark #felicia{--fc-accent:var(--accent, #93c5fd);--fc-text:rgba(226,232,240,1);--fc-muted:var(--muted, rgba(226,232,240,.55));--fc-bg-panel:#182030;--fc-bg-soft:#111827;--fc-border:rgba(226,232,240,.10);--fc-danger:var(--danger-fg, #fca5a5)} html.dark .felicia-hint{background:#182030} html.dark .felicia-hint::after{background:#182030} html.dark .felicia-msg-bubble code{background:rgba(226,232,240,.08)} html.dark .felicia-chip{background:#182030} html.dark .felicia-input{background:#182030} html.dark #nav .user:hover,html.dark #nav .user:focus-visible{background:#182030} html.dark #pf-modal .pf-media-box .up{border:1px dashed rgba(226,232,240,.18);background-color:rgba(226,232,240,.02)} html.dark #pf-modal .pf-media-box .up.pf-has{border-color:rgba(226,232,240,.10)} html.dark #pf-modal .pf-media-add{border:.3rem solid #182030} html.dark #pf-modal .pf-field > span{color:rgba(226,232,240,.45)} html.dark #pf-modal .pf-field input{border:1px solid var(--ctl-bd, rgba(226,232,240,.14));background:var(--ctl-bg, #182030);color:var(--fg, #e5e7eb)} html.dark #pf-modal .pf-meta{color:rgba(226,232,240,.45)} html.dark #pf-modal .pf-meta b{color:rgba(226,232,240,.62)} html.dark #pf-modal .pf-pass{border-top:1px solid rgba(226,232,240,.08)} html.dark #pf-modal .pf-pass-note{color:rgba(226,232,240,.5)} html.dark #pf-modal .pf-hint{color:rgba(226,232,240,.55)} html.dark #custom p{color:rgba(226,232,240,.62)} html.dark #plan .pl-badge{background:rgba(226,232,240,.06);color:rgba(226,232,240,.7)} html.dark #plan .pl-badge.ok{color:#86efac} html.dark #plan .pl-badge.warn{color:#fcd34d} html.dark #plan .pl-badge.bad{color:#fca5a5} html.dark #plan .pl-alert.warn{color:#fcd34d} html.dark #plan .pl-alert.bad{color:#fca5a5} html.dark #plan .pl-k{color:rgba(226,232,240,.45)} html.dark #plan .pl-inc li{color:#cbd5e1} html.dark #plan .pl-inc.less li{color:rgba(226,232,240,.55)} html.dark #plan .pl-inc.less li::before{color:rgba(226,232,240,.4)} html.dark #plan .pl-now-price small{color:#9ca3af} html.dark #plan .pl-pill{background:rgba(226,232,240,.06);color:rgba(226,232,240,.7)} html.dark #plan .pl-pill.ok{background:#13261b;color:#86efac} html.dark #plan .pl-pill.warn{background:#2a2415;color:#fcd34d} html.dark #plan .pl-pill.bad{background:#2a1a1a;color:#fca5a5} html.dark #plan .pl-dante-hd{color:rgba(226,232,240,.6)} html.dark #plan .pl-dante-hd b{color:rgba(226,232,240,.85)} html.dark #plan .pl-bar{background:rgba(226,232,240,.08)} html.dark #plan .pl-dante.full .pl-dante-hd b{color:#fcd34d} html.dark #plan .pl-tier{border:1px solid rgba(226,232,240,.10);background:#182030} html.dark #plan .pl-tier-price small{color:#9ca3af} html.dark #plan .pl-tier-short{color:#9ca3af} html.dark #plan .pl-tier.cur{border-color:rgba(226,232,240,.28)} html.dark #plan .pl-chg{border:1px solid rgba(226,232,240,.08);background:#111827} html.dark #plan .pl-note{color:#9ca3af} html.dark #plan .pl-extra{border:1px dashed rgba(226,232,240,.16);background:#182030} html.dark #plan .pl-extra-txt span{color:#9ca3af} html.dark #plan .pl-step button{border:1px solid rgba(226,232,240,.14);background:#182030;color:rgba(226,232,240,.75)} html.dark #plan .pl-months button{border:1px solid rgba(226,232,240,.12);background:#182030} html.dark #plan .pl-amt-k{color:#cbd5e1} html.dark #plan .pl-amt-sub{color:#9ca3af} html.dark #plan .pl-qr{border:1px solid rgba(226,232,240,.08);background:#182030} html.dark #plan .pl-bank dt{color:rgba(226,232,240,.45)} html.dark #plan .pl-how{color:#9ca3af} html.dark #plan .pl-how b{color:rgba(226,232,240,.9)} html.dark #settings .st-dante-usage{color:#cbd5e1} html.dark #settings .st-dante-usage.full{color:#fcd34d} html.dark #admin .ad-label{color:rgba(226,232,240,.45)} html.dark #admin .ad-ctl{background:rgba(24,32,48,.92)} html.dark #admin .ad-mod{background:#182030} html.dark #admin .ad-mod.on{background:color-mix(in srgb, var(--accent2) 8%, #182030)} html.dark #admin .ad-table th{color:rgba(226,232,240,.45)} html.dark #admin .ad-table td{border-bottom:1px solid rgba(226,232,240,.06)} html.dark #admin .ad-st.ok{color:#86efac} html.dark #admin .ad-st.warn{color:#fcd34d} html.dark #admin .ad-st.bad{color:#fca5a5} html.dark{--ink_rgb:226,232,240;--bg-top:#182030;--bg-mid:#111827;--bg-bot:#182030;--surface:#182030;--surface-soft:#182030;--field-bg:#182030;--ctl-bg:#182030;--tg-hover-bg:#182030} html.dark #access .input input{background:#182030} html.dark #nav{--ink:226,232,240;background:radial-gradient(140% 90% at 10% 0%, rgba(var(--accent),.08), transparent 55%), radial-gradient(90% 70% at 100% 16%, rgba(190,44,44,.06), transparent 50%), linear-gradient(180deg, #182030, #111827)} html.dark #nav .user{background:#182030} html.dark .ui-icon{background:#182030} html.dark .ui-switch{background:#182030} html.dark #postulations .po-top{background:#182030} html.dark #postulations .po-search,html.dark #postulations .ui-date input[type="date"]{background:#182030} html.dark #postulations .po-note{background:#182030} html.dark #timeline .tl-media-box{background:radial-gradient(900px 320px at 30% 25%, rgba(var(--brand_rgb),.13), transparent 60%), radial-gradient(640px 360px at 85% 45%, rgba(var(--brand2_rgb),.09), transparent 62%), linear-gradient(180deg, #182030, #182030)} html.dark #models .mo-item:hover,html.dark #team .tm-item:hover,html.dark #timeline .tl-card:hover,html.dark #dash .item.is-link:hover{background:#182030}