*, *::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; } .mapp, .mapp *{ touch-action:manipulation; } .mapp [hidden]{ display:none !important; } .mapp{ --bg0:#f6f8fc; --bg1:rgb(var(--a_rgb) / .04); --w_rgb:255 255 255; --k_rgb:15 23 42; --fg:#0f172a; --mut:#475569; --mut2:#64748b; --bd:rgb(var(--k_rgb) / .08); --bd2:rgb(var(--k_rgb) / .12); --a_rgb:49 94 251; --a2_rgb:91 124 255; --a:rgb(var(--a_rgb)); --a-2:rgb(var(--a2_rgb)); --a-soft:rgb(var(--a_rgb) / .10); --a-bd:rgb(var(--a_rgb) / .22); --ok:#16a34a; --ok-soft:rgba(22,163,74,.12); --ok-bd:rgba(22,163,74,.20); --shadow:0 1px 2px rgba(15,23,42,.07), 0 8px 20px rgba(15,23,42,.08); --shadow-soft:0 1px 2px rgba(15,23,42,.05); --inset:0 1px 0 rgba(255,255,255,.9) inset; --r-card:14px; --r-block:10px; --r-cell:8px; --r:var(--r-card); --r2:var(--r-block); --pill:999px; --pad:16px; --max:1240px; position:relative; color:var(--fg); } html.dark, html.dark body{ color-scheme:dark; } html.dark body::before{ background:#0f1522; } html.dark .mapp .mhome-state.is-ok{ color:#86efac; } html.dark .mapp .mhome-state.is-mid{ color:#fcd34d; } html.dark .mapp .mhome-state.is-bad{ color:#fca5a5; } html.dark .mapp{ --bg0:#0f1522; --w_rgb:24 32 48; --k_rgb:226 232 240; --fg:#e5e7eb; --mut:#b2bccb; --mut2:#8e9ab0; --ok:#4ade80; --shadow:0 1px 2px rgba(0,0,0,.35), 0 8px 20px rgba(0,0,0,.30); --shadow-soft:0 1px 2px rgba(0,0,0,.25); --inset:0 1px 0 rgb(255 255 255 / .06) inset; --surface:#182030; --surface-strong:#182030; --field-bg:#182030; --field-fg:#e5e7eb; --field-bd:rgb(255 255 255 / .16); --ctl-bg:#182030; --ctl-fg:#e5e7eb; --ctl-bd:rgb(255 255 255 / .16); --ctl-bd-hover:rgb(255 255 255 / .26); } .mapp .mdark{ width:30px; height:30px; padding:0; border:0; border-radius:50%; background:none; color:var(--mut2); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; } .mapp .mdark:hover{ color:var(--fg); background:rgb(var(--k_rgb) / .06); } .mapp .mdark svg{ width:16px; height:16px; } html.dark .mapp #mcx-acc .macc-app .macc-link{ color:color-mix(in srgb, var(--a) 60%, #fff); } .mapp .mdark .sun, html.dark .mapp .mdark .moon{ display:none; } html.dark .mapp .mdark .sun{ display:block; } #fx-data{ display:none; } .mapp, .mapp *{ box-sizing:border-box; } .mapp::before{ content:""; position:fixed; inset:0; z-index:-2; background: radial-gradient(1200px 520px at 0% -10%, rgb(var(--a2_rgb) / .13), transparent 56%), radial-gradient(900px 420px at 100% 0%, rgb(var(--a_rgb) / .08), transparent 48%), var(--bg0); } .mapp::after{ content:""; position:fixed; inset:0; z-index:-1; background: radial-gradient(900px 400px at 50% -20%, rgb(var(--w_rgb) / .55), transparent 60%); pointer-events:none; } .mapp .mnav-inp{ position:absolute; left:-9999px; } .mapp .mwrap{ width:min(100%, var(--max)); margin:0 auto; padding:0 14px; } .mapp .mtop{ position:sticky; top:0; z-index:40; padding:14px 0 0; background:rgb(var(--w_rgb) / .96); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid var(--bd); } .mapp .mbar{ display:flex; align-items:center; justify-content:space-between; gap:14px; } .mapp .mbrand{ display:flex; align-items:center; gap:12px; min-width:0; } .mapp .mlogo{ width:42px; height:42px; display:flex; align-items:center; justify-content:center; flex:0 0 auto; } .mapp .mbrand-copy{ min-width:0; } .mapp .mbrand-title{ font-size:14px; font-weight:600; line-height:1.15; color:var(--fg); } .mapp .mbrand-sub{ margin-top:2px; font-size:12px; line-height:1.25; color:var(--mut2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .mapp .mbar-actions{ display:flex; align-items:center; gap:8px; flex:0 0 auto; } .mapp .mbar-actions .att{ font-size:12px; color:var(--mut2); white-space:nowrap; } .mapp .mbar-actions .att a{ color:var(--fg); font-weight:600; text-decoration:none; } .mapp .mbar-actions .att b{ font-weight:600; } .mapp .mbar-actions .att em{ font-style:normal; color:#b45309; font-weight:600; } .mapp .mlink{ height:38px; padding:0 14px; border-radius:var(--pill); border:1px solid var(--bd2); background:rgb(var(--w_rgb) / .66); color:var(--fg); text-decoration:none; font-size:12px; font-weight:600; display:inline-flex; align-items:center; justify-content:center; box-shadow:var(--inset), var(--shadow-soft); } .mapp .mbar-actions .logout{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:12px; height:38px; padding:0 12px; border-radius:var(--r-block); border:1px solid var(--bd2); background:rgb(var(--k_rgb) / .02); color:rgb(var(--k_rgb) / .70); box-shadow:var(--inset); font-size:14.5px; font-weight:200; letter-spacing:-.01em; white-space:nowrap; text-decoration:none; } .mapp .mbar-actions .logout::before{ content:""; width:18px; height:18px; flex:0 0 18px; background:currentColor; -webkit-mask:url('/ui/int/icon/log-out.svg') center/contain no-repeat; mask:url('/ui/int/icon/log-out.svg') center/contain no-repeat; } .mapp .mbar-actions .logout:hover{ background:rgba(239,68,68,.08); border-color:rgba(239,68,68,.18); color:rgba(239,68,68,.92); } .mapp .mtabs{ margin-top:12px; display:flex; gap:26px; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; } .mapp .mtabs::-webkit-scrollbar{ display:none; } .mapp .mtab{ flex:0 0 auto; height:38px; padding:0; border:0; background:none; color:rgb(var(--k_rgb) / .52); display:inline-flex; align-items:center; font-size:15px; font-weight:500; text-decoration:none; white-space:nowrap; border-bottom:3px solid transparent; margin-bottom:-1px; transition:color .16s ease, border-color .16s ease; } .mapp .mtab:hover{ color:rgb(var(--k_rgb) / .82); } .mapp .mtab.is-on{ color:rgb(var(--k_rgb) / .96); font-weight:600; border-bottom-color:var(--a); } .mapp .mtab.is-on:hover{ color:rgb(var(--k_rgb) / .96); } .mapp .mext{ display:flex; align-items:center; gap:14px; margin:0 0 16px; padding:14px 16px; border:1px solid rgba(217,119,6,.28); border-left:4px solid #d97706; border-radius:var(--r-block); background:#fffbeb; } .mapp .mext.block{ border-color:rgba(220,38,38,.28); border-left-color:#dc2626; background:#fef2f2; } .mapp .mext-txt{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:4px; } .mapp .mext-txt b{ font-size:15px; color:var(--fg); } .mapp .mext-txt span{ font-size:13px; line-height:1.45; color:var(--mut); } .mapp .mext-btn{ flex:0 0 auto; padding:9px 16px; border-radius:var(--pill); background:#d97706; color:#fff; font-size:13px; font-weight:600; text-decoration:none; } .mapp .mext.block .mext-btn{ background:#dc2626; } @media (max-width:560px){ .mapp .mext{ flex-direction:column; align-items:stretch; } .mapp .mext-btn{ text-align:center; } } .mapp .mviews{ padding:22px 0 26px; } .mapp .mview{ display:none; } #mnav-home:checked ~ .mviews .mview.mhome{ display:grid; } #mnav-agenda:checked ~ .mviews section[aria-label="Agenda"], #mnav-payments:checked ~ .mviews section[aria-label="Pagos"], #mnav-income:checked ~ .mviews section[aria-label="Ingresos"], #mnav-accounts:checked ~ .mviews section[aria-label="Cuentas"], #mnav-gallery:checked ~ .mviews section[aria-label="Galería"], #mnav-notes:checked ~ .mviews section[aria-label="Notas"], #mnav-studio:checked ~ .mviews section[aria-label="Estudio"]{ display:block; } .mapp .mgrid{ display:grid; grid-template-columns:1fr; gap:14px; } .mapp .span-12, .mapp .span-7, .mapp .span-6, .mapp .span-5{ grid-column:auto; } .mapp .mcard, .mapp .msection{ position:relative; padding:var(--pad); border-radius:var(--r); border:1px solid var(--bd); background:rgb(var(--w_rgb) / .86); box-shadow:var(--inset), var(--shadow); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); overflow:hidden; } .mapp .mcard::before, .mapp .msection::before{ content:""; position:absolute; left:18px; right:18px; top:0; height:3px; border-radius:999px; background:linear-gradient(90deg, rgb(var(--a_rgb) / 0), rgb(var(--a_rgb) / .72), rgb(var(--a_rgb) / 0)); } .mapp .mcard-head, .mapp .msection-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:14px; } .mapp .mcard-kicker{ font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--a); } .mapp .mcard-title{ margin-top:4px; font-size:18px; line-height:1.1; font-weight:600; letter-spacing:-.02em; } .mapp .msection-title{ margin-top:4px; font-size:24px; line-height:1.05; font-weight:600; letter-spacing:-.03em; } .mapp .msection-sub{ margin-top:6px; font-size:13px; line-height:1.4; color:var(--mut); } .mapp .mplaceholder-grid{ display:grid; grid-template-columns:1fr; gap:12px; } .mapp .mplaceholder-box{ padding:16px; border-radius:var(--r-card); border:1px dashed rgb(var(--k_rgb) / .14); background:rgb(var(--w_rgb) / .52); } .mapp .mplaceholder-tt{ font-size:14px; font-weight:600; line-height:1.2; } .mapp .mplaceholder-tx{ margin-top:6px; font-size:12px; line-height:1.45; color:var(--mut); } .mapp .mblank{ margin:0; padding:16px 18px; border-radius:var(--r-card); border:1px dashed rgb(var(--k_rgb) / .14); background:rgb(var(--w_rgb) / .58); color:var(--mut2); font-size:13px; line-height:1.45; } .mapp .mblank.is-error{ border-style:solid; border-color:rgba(220,38,38,.18); background:rgba(254,242,242,.74); color:#991b1b; } .mapp .mbtn{ height:42px; padding:0 15px; border-radius:var(--pill); border:1px solid rgb(var(--a_rgb) / .20); background:var(--a); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:12px; font-weight:600; text-decoration:none; box-shadow:0 12px 12px rgb(var(--a_rgb) / .22); cursor:pointer; user-select:none; } .mapp .mbtn-sec{ background:rgb(var(--w_rgb) / .90); color:var(--fg); border-color:var(--bd2); box-shadow:var(--inset); } .mapp .mbtn-ghost{ background:rgb(var(--w_rgb) / .62); color:rgb(var(--k_rgb) / .84); border-color:var(--bd2); box-shadow:var(--inset); } .mapp .mhome{ gap:20px; } .mapp .mhome-top, .mapp .mhome-bottom{ display:grid; gap:20px; align-items:stretch; } .mapp .mhome-top > .mhome-card, .mapp .mhome-bottom > .mhome-card{ height:100%; } .mapp .mhome-card, .mapp .mhome-agenda, .mapp .mhome-news, .mapp .mhome-discounts{ min-width:0; padding:22px; border:1px solid rgb(var(--k_rgb) / .08); border-radius:24px; background:rgb(var(--w_rgb) / .86); box-shadow:var(--inset), var(--shadow-soft); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); } .mapp .mhome-cutk{ display:flex; align-items:center; justify-content:space-between; gap:10px; } .mapp .mhome-cutk .arr{ display:inline-flex; gap:4px; } .mapp .mhome-cutk .arr button{ width:22px; height:22px; padding:0; border:1px solid rgb(var(--k_rgb) / .14); border-radius:6px; background:rgb(var(--w_rgb)); color:#64748b; font-size:13px; line-height:1; cursor:pointer; } .mapp .mhome-cutk .arr button:disabled{ opacity:.3; cursor:default; } .mapp .mhome-cutk .mhome-cut-now{ color:inherit; text-decoration:underline; } .mapp .mhome.is-past .mhome-cutk .k{ color:#b45309; } .mapp .mhome.is-past .mhome-calc, .mapp .mhome.is-past #mcx-home-should-usd, .mapp .mhome.is-past #mcx-home-should-time, .mapp .mhome.is-past #mcx-home-lp-should{ display:none; } .mapp .mhome-kicker{ font-size:12px; font-weight:600; letter-spacing:.10em; text-transform:uppercase; color:var(--mut2); } .mapp .mhome-title{ margin-top:10px; font-size:24px; line-height:1.08; font-weight:600; letter-spacing:-.035em; color:var(--fg); } .mapp .mhome-facts{ margin-top:14px; display:flex; flex-wrap:wrap; gap:10px; } .mapp .mhome-facts span{ display:inline-flex; align-items:center; min-height:34px; padding:8px 12px; border:1px solid rgb(var(--k_rgb) / .08); border-radius:999px; background:rgb(var(--w_rgb) / .72); box-shadow:var(--inset), var(--shadow-soft); font-size:12px; line-height:1.35; font-weight:600; color:rgb(var(--k_rgb) / .62); white-space:nowrap; } .mapp .mhome-head{ margin-top:22px; display:flex; align-items:center; justify-content:space-between; gap:10px; } .mapp .mhome-lbl{ font-size:12px; font-weight:600; letter-spacing:.10em; text-transform:uppercase; color:var(--mut2); } .mapp .mhome-state{ height:38px; padding:0 16px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; font-size:13px; font-weight:600; border:1px solid transparent; white-space:nowrap; box-shadow:var(--inset); } .mapp .mhome-state.is-ok{ color:#166534; background:rgba(22,163,74,.10); border-color:rgba(22,163,74,.18); } .mapp .mhome-state.is-mid{ color:#92400e; background:rgba(245,158,11,.12); border-color:rgba(245,158,11,.20); } .mapp .mhome-state.is-bad{ color:#b91c1c; background:rgba(239,68,68,.10); border-color:rgba(239,68,68,.18); } .mapp .mhome-state.is-done{ color:#fff; background:#16a34a; border-color:#16a34a; } .mapp .mhome-card.is-done{ box-shadow:0 0 0 2px rgba(22,163,74,.35); } .mapp .mhome-card.is-done .mhome-progress i{ width:100% !important; background:#16a34a; } .mapp .mhome-fiesta{ position:absolute; inset:0; width:100%; height:100%; border-radius:var(--r); pointer-events:none; z-index:5; } .mapp .mhome-card.is-done .mhome-income-cop, .mapp .mhome-card.is-done .mhome-time-amount .num{ position:relative; } .mapp .mhome-card.is-done .mhome-income-cop::before, .mapp .mhome-card.is-done .mhome-time-amount .num::before{ content:""; position:absolute; left:-8px; top:-28px; width:34px; height:39px; background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 46'><defs><clipPath id='c'><path d='M20 6 L34.5 38 Q20 45 5.5 38 Z'/></clipPath></defs><path d='M20 6 L34.5 38 Q20 45 5.5 38 Z' fill='%23ff6fae'/><g clip-path='url(%23c)' fill='%23ffd23f'><path d='M0 22 L40 10 L40 16 L0 28 Z'/><path d='M0 36 L40 24 L40 30 L0 42 Z'/></g><g clip-path='url(%23c)' fill='%23fff' opacity='.9'><circle cx='17' cy='20' r='1.6'/><circle cx='24' cy='30' r='1.6'/><circle cx='13' cy='33' r='1.6'/><circle cx='27' cy='21' r='1.3'/></g><path d='M5.5 38 Q20 45 34.5 38' fill='none' stroke='%23315efb' stroke-width='3.2' stroke-linecap='round'/><circle cx='20' cy='6' r='4.6' fill='%23ffd23f' stroke='%23fff' stroke-width='1.2'/></svg>") center / contain no-repeat; transform:rotate(-30deg); transform-origin:50% 100%; filter:drop-shadow(0 2px 2px rgba(15,23,42,.18)); pointer-events:none; animation:mhome-hat .6s cubic-bezier(.34,1.56,.64,1) both; } @keyframes mhome-hat{ from{ transform:rotate(-30deg) scale(0); } to{ transform:rotate(-30deg) scale(1); } } @media (prefers-reduced-motion:reduce){ .mapp .mhome-card.is-done .mhome-income-cop::before, .mapp .mhome-card.is-done .mhome-time-amount .num::before{ animation:none; } } .mapp .mhome-progress{ --mark:66.666%; position:relative; margin-top:14px; height:16px; border-radius:999px; background:rgb(var(--k_rgb) / .055); overflow:visible; } .mapp .mhome-progress i{ position:relative; z-index:1; display:block; width:0; height:100%; border-radius:999px; box-shadow:var(--inset); } .mapp .mhome-progress.is-ok i{ background:linear-gradient(90deg, #22c55e, #16a34a); box-shadow:var(--inset); } .mapp .mhome-progress.is-mid i{ background:linear-gradient(90deg, #f59e0b, #d97706); box-shadow:var(--inset); } .mapp .mhome-progress.is-bad i{ background:linear-gradient(90deg, #ef4444, #dc2626); box-shadow:var(--inset); } .mapp .mhome-income-note, .mapp .mhome-time-note{ margin-top:14px; font-size:15px; line-height:1.55; color:var(--mut2); } .mapp .mhome-income-meta b, .mapp .mhome-income-note b, .mapp .mhome-time-note b{ color:var(--fg); font-weight:600; } .mapp .mhome-actions{ margin-top:16px; display:flex; flex-wrap:nowrap; gap:12px; overflow:auto hidden; padding-top:0; scrollbar-width:none; } .mapp .mhome-actions::-webkit-scrollbar{ display:none; } .mapp .mhome-actions .mbtn{ white-space:nowrap; } .mapp .mhome-profile{ padding:0; background:rgb(var(--w_rgb) / .55); display:flex; overflow:hidden; } .mapp .mhome-profile-photo{ position:relative; width:100%; height:100%; min-height:100%; border-radius:inherit; overflow:hidden; aspect-ratio:auto; background:var(--ava) center 18% / cover no-repeat; box-shadow:var(--inset); } .mapp .mhome-profile-photo::before{ content:""; position:absolute; inset:0; z-index:1; background: linear-gradient(0deg, rgba(4,10,22,.88) 0%, rgba(4,10,22,.54) 18%, rgba(4,10,22,.18) 42%, rgba(4,10,22,0) 68%); } .mapp .mhome-profile-photo::after{ content:""; position:absolute; inset:0; z-index:1; box-shadow:var(--inset); pointer-events:none; } .mapp .mhome-profile-overlay{ position:absolute; left:0; right:0; bottom:0; z-index:3; padding:22px 22px 20px; display:grid; gap:8px; } .mapp .mhome-profile-name{ margin:0; max-width:8.4ch; font-size:clamp(32px, 3.8vw, 58px); line-height:.88; font-weight:600; letter-spacing:-.07em; color:#fff; text-wrap:balance; text-shadow:0 8px 26px rgba(0,0,0,.30); } .mapp .mhome-profile-meta{ display:flex; flex-wrap:wrap; gap:6px; font-size:14px; line-height:1.42; font-weight:600; color:rgba(255,255,255,.95); text-shadow:0 6px 18px rgba(0,0,0,.28); } .mapp .mhome-income, .mapp .mhome-time{ display:flex; flex-direction:column; justify-content:flex-start; padding:26px 26px 22px; } .mapp .mhome-income-amount{ margin-top:12px; display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; } .mapp .mhome-income-cop{ font-size:clamp(48px, 5vw, 78px); line-height:.88; font-weight:600; letter-spacing:-.075em; color:var(--fg); } .mapp .mhome-income-cur{ height: 26px; padding: 0 10px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: rgb(var(--a_rgb) / .10); border: 1px solid rgb(var(--a_rgb) / .18); box-shadow:var(--inset); color: var(--a); font-size: 10px; font-weight:600; letter-spacing: .02em; } .mapp .mhome-income-meta{ margin-top:10px; display:flex; flex-wrap:wrap; gap:10px 20px; font-size:15px; line-height:1.5; color:var(--mut2); } .mapp .mhome-mini-grid{ margin-top:18px; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; } .mapp .mhome-mini-grid-time{ grid-template-columns:1fr 1fr; } .mapp .mhome-mini{ min-width:0; padding:15px 16px; border-radius:var(--r-card); border:1px solid rgb(var(--k_rgb) / .08); background:rgb(var(--w_rgb) / .72); box-shadow:var(--inset), var(--shadow-soft); } .mapp .mhome-mini-k{ font-size:10px; font-weight:600; letter-spacing:.11em; text-transform:uppercase; color:var(--mut2); } .mapp .mhome-mini-v{ margin-top:9px; font-size:22px; line-height:1; font-weight:600; letter-spacing:-.04em; color:var(--fg); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .mapp .mhome-mini-wide{ grid-column:1 / -1; } .mapp .mhome-time-amount{ margin-top:12px; display:flex; align-items:baseline; gap:10px; line-height:1; } .mapp .mhome-time-amount span{ font-size:60px; line-height:.90; font-weight:600; letter-spacing:-.065em; color:var(--fg); } .mapp .mhome-time-amount small{ font-size:18px; font-weight:600; color:var(--mut2); } .mapp .mhome-time .mhome-facts{ display:grid; grid-template-columns:1fr 1fr; gap:10px; } .mapp .mhome-time .mhome-facts span{ justify-content:flex-start; min-height:38px; white-space:normal; } .mapp .mhome-time .mhome-mini-v{ font-size:20px; } .mapp .mhome-agenda, .mapp .mhome-news{ padding:24px; } .mapp .mhome-agenda-grid{ display:grid; gap:16px; } .mapp .mhome-box, .mapp .mhome-pill, .mapp .mhome-agenda-note, .mapp .mhome-news-item{ border:1px solid rgb(var(--k_rgb) / .08); background:rgb(var(--w_rgb) / .72); box-shadow:var(--inset), var(--shadow-soft); } .mapp .mhome-box{ padding:20px; border-radius:var(--r-card); } .mapp .mhome-box-k, .mapp .mhome-pill-k{ font-size:11px; font-weight:600; letter-spacing:.11em; text-transform:uppercase; color:var(--mut2); } .mapp .mhome-box-v{ margin-top:10px; font-size:30px; line-height:1.02; font-weight:600; letter-spacing:-.045em; color:var(--fg); } .mapp .mhome-box-s{ margin-top:8px; font-size:15px; line-height:1.5; color:var(--mut); } .mapp .mhome-agenda-pills{ margin-top:16px; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px; } .mapp .mhome-pill{ padding:18px; border-radius:var(--r-card); } .mapp .mhome-pill-v{ margin-top:10px; font-size:32px; line-height:1; font-weight:600; letter-spacing:-.05em; color:var(--fg); } .mapp .mhome-agenda-note{ margin-top:16px; padding:18px 20px; border-radius:var(--r-card); font-size:15px; line-height:1.6; color:var(--mut); } .mapp .mhome-news-item{ padding:20px 22px; border-radius:var(--r-card); } .mapp .mhome-news-row{ flex:0 0 auto; display:grid; grid-template-columns:1fr; gap:0; border:1px solid rgb(var(--k_rgb) / .08); border-radius:var(--r-card); background:rgb(var(--w_rgb) / .72); box-shadow:var(--inset), var(--shadow-soft); overflow:hidden; } .mapp .mhome-news-row.is-empty{ padding:16px; } .mapp .mhome-news-media{ position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; background:rgb(var(--k_rgb) / .06); } .mapp .mhome-news-media img{ display:block; width:100%; height:100%; object-fit:cover; } .mapp .mhome-news-overlay{ position:absolute; left:0; right:0; bottom:0; padding:2.2rem 1.25rem 1.15rem; background:linear-gradient(180deg, rgba(15,23,42,0) 0%, rgba(15,23,42,.18) 20%, rgba(15,23,42,.68) 68%, rgba(15,23,42,.86) 100%); } .mapp .mhome-news-copy{ min-width:0; padding:1rem 1.15rem 1.15rem; } .mapp .mhome-news-meta{ font-size:11px; line-height:1.2; font-weight:600; letter-spacing:.10em; text-transform:uppercase; color:var(--mut2); } .mapp .mhome-news-title{ margin-top:6px; font-size:20px; line-height:1.16; font-weight:600; letter-spacing:-.02em; color:var(--fg); } .mapp .mhome-news-text{ margin-top:8px; font-size:15px; line-height:1.65; color:var(--mut); word-break:break-word; overflow-wrap:anywhere; } .mapp .mhome-news-text > *:first-child{ margin-top:0; } .mapp .mhome-news-text > *:last-child{ margin-bottom:0; } .mapp .mhome-news-text p{ margin:0 0 .7em; } .mapp .mhome-news-text h3, .mapp .mhome-news-text h4{ margin:1em 0 .4em; font-size:15px; font-weight:500; color:var(--fg); } .mapp .mhome-news-text ul, .mapp .mhome-news-text ol{ margin:0 0 .7em; padding-left:1.15em; } .mapp .mhome-news-text li{ margin:0 0 .3em; } .mapp .mhome-news-text strong, .mapp .mhome-news-text b{ color:var(--fg); font-weight:500; } .mapp .mhome-news-text a{ color:inherit; text-decoration:underline; text-underline-offset:2px; } .mapp .mhome-news-overlay .mhome-news-meta{ color:rgb(var(--w_rgb) / .78); } .mapp .mhome-news-overlay .mhome-news-title{ color:#fff; text-shadow:0 1px 10px rgba(0,0,0,.20); } .mapp .mhome-discounts{ grid-column:1; grid-row:2; } .mapp .mhome-disc-total{ margin-top:4px; font-size:32px; line-height:1; font-weight:600; letter-spacing:-.03em; color:var(--fg); } .mapp .mhome-disc-sub{ margin-top:6px; font-size:13px; line-height:1.45; color:var(--mut); } .mapp .mhome-disc-list{ margin-top:16px; display:grid; gap:10px; max-height:22rem; overflow-y:auto; } .mapp .mhome-disc-item{ display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:12px; align-items:start; padding:12px 14px; border:1px solid rgb(var(--k_rgb) / .08); border-radius:var(--r-card); background:rgb(var(--w_rgb) / .68); } .mapp .mhome-disc-main{ min-width:0; } .mapp .mhome-disc-concept{ font-size:14px; line-height:1.35; font-weight:600; color:var(--fg); } .mapp .mhome-disc-date{ margin-top:4px; font-size:12px; line-height:1.35; color:var(--mut2); } .mapp .mhome-disc-amount{ font-size:14px; line-height:1.2; font-weight:600; white-space:nowrap; color:#b42318; } .mapp .mhome-disc-empty{ padding:14px 16px; border:1px dashed rgb(var(--k_rgb) / .14); border-radius:var(--r-card); background:rgb(var(--w_rgb) / .5); font-size:13px; line-height:1.5; color:var(--mut); } .mapp .mhome-disc-prev{ margin-top:1.25rem; padding-top:1rem; border-top:1px solid rgb(var(--k_rgb) / .08); } .mapp .mhome-disc-prev-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; } .mapp .mhome-disc-prev-tt{ font-size:12px; font-weight:600; letter-spacing:.10em; text-transform:uppercase; color:var(--mut2); } .mapp .mhome-disc-prev .mcard-kicker{ font-size:11px; opacity:.72; } .mapp .mhome-disc-prev .mcard-title{ font-size:1.05rem; line-height:1.15; font-weight:850; letter-spacing:-.015em; color:rgb(var(--k_rgb) / .78); } .mapp .mhome-disc-prev .mcard-chip{ transform:scale(.92); opacity:.72; } .mapp .mhome-disc-prev-total{ margin-top:.45rem; font-size:2rem; line-height:1; font-weight:600; letter-spacing:-.03em; color:rgb(var(--k_rgb) / .82); } .mapp .mhome-disc-prev-sub{ margin-top:.35rem; font-size:.9rem; line-height:1.35; color:rgb(var(--k_rgb) / .52); } .mapp .mhome-disc-list.is-prev{ margin-top:.9rem; gap:.65rem; max-height:11rem; } .mapp .mhome-disc-list.is-prev .mhome-disc-item{ padding:.85rem 1rem; border:1px dashed rgb(var(--k_rgb) / .10); border-radius:var(--r-block); background:rgb(var(--w_rgb) / .45); } .mapp .mhome-disc-list.is-prev .mhome-disc-concept{ font-size:.95rem; font-weight:500; color:rgb(var(--k_rgb) / .78); } .mapp .mhome-disc-list.is-prev .mhome-disc-date{ font-size:.8rem; color:rgb(var(--k_rgb) / .48); } .mapp .mhome-disc-list.is-prev .mhome-disc-amount{ font-size:.95rem; font-weight:600; color:rgba(180,35,24,.78); } .mapp .mhome-disc-prev .mhome-disc-empty{ padding:1rem 1.1rem; font-size:.95rem; color:rgb(var(--k_rgb) / .58); background:rgb(var(--w_rgb) / .34); border:1px dashed rgb(var(--k_rgb) / .12); } .mapp .mhome-agenda{ grid-column:1; grid-row:1; } .mapp .mhome-news{ grid-column:2; grid-row:1 / span 2; align-self:stretch; height:100%; display:flex; flex-direction:column; min-height:0; overflow:hidden; contain:size; } .mapp .mhome-news-list{ flex:1 1 auto; min-height:0; display:flex; flex-direction:column; gap:18px; overflow-x:hidden; overflow-y:auto; } .mapp .mhome-agenda .mcard-head{ margin-bottom:.7rem; } .mapp .mhome-agenda-main{ gap:.8rem; } .mapp .mhome-agenda-box{ min-height:0; padding:1rem 1rem .9rem; border-radius:1.4rem; } .mapp .mhome-agenda-box.is-room, .mapp .mhome-agenda-box.is-slot{ min-height:8.8rem; } .mapp .mhome-agenda-mini{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:.8rem; } .mapp .mhome-agenda-mini .mhome-agenda-box{ min-height:0; padding:.9rem .95rem .85rem; } .mapp .mhome-agenda-kicker{ margin-bottom:.45rem; font-size:.82rem; letter-spacing:.14em; } .mapp .mhome-agenda-val{ font-size:2.55rem; line-height:.92; letter-spacing:-.05em; } .mapp .mhome-agenda-box.is-room .mhome-agenda-val, .mapp .mhome-agenda-box.is-slot .mhome-agenda-val{ font-size:2.9rem; } .mapp .mhome-agenda-sub{ margin-top:.35rem; font-size:.9rem; line-height:1.22; } .mapp .mhome-agenda-mini .mhome-agenda-val{ font-size:2.2rem; } .mapp #mcx-ag, .mapp #mcx-ag #mcx-ag-body{ display:flex; flex-direction:column; gap:16px; } .mapp #mcx-ag .mag-bar{ display:grid; grid-template-columns:44px minmax(0, 1fr) 44px; gap:10px; align-items:end; } .mapp #mcx-ag .mag-nav{ height:3.4rem; border-radius:1.6rem; border:1px solid rgb(var(--k_rgb) / .14); background:rgb(var(--w_rgb) / .82); color:#334155; font-size:20px; font-weight:300; cursor:pointer; box-shadow:var(--inset), var(--shadow-soft); } .mapp #mcx-ag .ui-date{ min-width:0; } .mapp #mcx-ag .mag-top{ display:grid; grid-template-columns:minmax(0, 1fr); gap:12px; } .mapp #mcx-ag .mag-kpis{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; } .mapp #mcx-ag .mag-kpi, .mapp #mcx-ag .mag-group{ border:1px solid rgb(var(--k_rgb) / .09); background:rgb(var(--w_rgb) / .80); box-shadow:var(--inset), var(--shadow-soft); } .mapp #mcx-ag .mag-kpi{ min-width:0; padding:14px 16px; border-radius:var(--r-card); } .mapp #mcx-ag .mag-kpi-k, .mapp #mcx-ag .mag-pack-tt{ font-size:11px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:#64748b; } .mapp #mcx-ag .mag-kpi-v{ margin-top:8px; font-size:24px; line-height:1; font-weight:600; color:var(--fg); } .mapp #mcx-ag .mag-list{ display:flex; flex-direction:column; gap:12px; } .mapp #mcx-ag .mag-group{ display:flex; flex-direction:column; gap:12px; padding:14px 16px; border-radius:var(--r-card); } .mapp #mcx-ag .mag-group-head{ margin-bottom:0; } .mapp #mcx-ag .mag-group-toggle{ width:100%; padding:0; border:0; background:none; display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; text-align:left; } .mapp #mcx-ag .mag-group-main{ min-width:0; } .mapp #mcx-ag .mag-slot{ font-size:17px; line-height:1.1; font-weight:600; color:var(--fg); } .mapp #mcx-ag .mag-slot-sub{ margin-top:6px; font-size:11px; line-height:1.35; font-weight:500; color:#738195; } .mapp #mcx-ag .mag-group-caret{ width:12px; height:12px; flex:0 0 12px; margin-right:4px; border-right:2px solid rgb(var(--k_rgb) / .42); border-bottom:2px solid rgb(var(--k_rgb) / .42); transform:rotate(45deg); transition:transform .16s ease; } .mapp #mcx-ag .mag-group.is-open .mag-group-caret{ transform:rotate(225deg); } .mapp #mcx-ag .mag-group-body{ display:none; flex-direction:column; gap:12px; padding-top:2px; } .mapp #mcx-ag .mag-group.is-open .mag-group-body{ display:flex; } .mapp #mcx-ag .mag-pack{ display:flex; flex-direction:column; gap:6px; } .mapp #mcx-ag .mag-pack-muted{ padding-top:2px; } .mapp #mcx-ag .mag-pack-tt{ font-size:10px; color:#7a8798; } .mapp #mcx-ag .mag-chips{ display:flex; flex-wrap:wrap; gap:8px; } .mapp #mcx-ag .mag-chip{ display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:0 6px 0 12px; border-radius:999px; border:1px solid rgb(var(--k_rgb) / .10); background:rgb(var(--k_rgb) / .03); } .mapp #mcx-ag .mag-chip-room{ width:16ch; min-width:16ch; max-width:16ch; font-size:12px; line-height:1; font-weight:400; color:var(--fg); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .mapp #mcx-ag .mag-chip-state{ font-size:11px; line-height:1; font-weight:600; color:#64748b; } .mapp #mcx-ag .mag-chip.is-free{ background:rgba(22,163,74,.05); border-color:rgba(22,163,74,.12); } .mapp #mcx-ag .mag-chip.is-pending{ background:rgba(245,158,11,.07); border-color:rgba(245,158,11,.14); } .mapp #mcx-ag .mag-chip.is-mine{ background:rgb(var(--a_rgb) / .06); border-color:rgb(var(--a_rgb) / .12); } .mapp #mcx-ag .mag-chip.is-pending .mag-chip-state{ color:#92400e; } .mapp #mcx-ag .mag-chip.is-mine .mag-chip-state{ color:rgb(var(--a_rgb)); } .mapp #mcx-ag .mag-chip-btn{ height:30px; padding:0 12px; border-radius:999px; border:1px solid rgb(var(--k_rgb) / .10); background:rgb(var(--w_rgb) / .84); color:#334155; font-size:12px; font-weight:600; cursor:pointer; box-shadow:var(--inset), var(--shadow-soft); white-space:nowrap; } .mapp #mcx-ag .mag-chip-btn.mag-chip-icon{ width:28px; height:28px; padding:0; border-radius:999px; display:flex; align-items:center; justify-content:center; line-height:0; opacity:0; transform:scale(.92); pointer-events:none; transition:opacity .16s ease, transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease; } .mapp #mcx-ag .mag-chip:hover .mag-chip-btn.mag-chip-icon, .mapp #mcx-ag .mag-chip:focus-within .mag-chip-btn.mag-chip-icon{ opacity:1; transform:scale(1); pointer-events:auto; } .mapp #mcx-ag .mag-chip-btn.req.mag-chip-icon{ border-color:rgb(var(--a_rgb) / .14); background:rgb(var(--a_rgb) / .08); color:rgb(var(--a_rgb)); } .mapp #mcx-ag .mag-chip-btn.cancel, .mapp #mcx-ag .mag-chip-btn.cancel.mag-chip-icon{ border-color:rgba(245,158,11,.16); background:rgba(245,158,11,.10); color:#92400e; } .mapp #mcx-ag .mag-ico{ width:14px; height:14px; flex:0 0 14px; display:block; background:currentColor; background-position:center; -webkit-mask-position:center; mask-position:center; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:14px 14px; mask-size:14px 14px; } .mapp #mcx-ag .mag-chip-btn.req .mag-ico{ -webkit-mask-image:url('int/icon/calendar-plus.svg'); mask-image:url('int/icon/calendar-plus.svg'); } .mapp #mcx-ag .mag-chip-btn.cancel .mag-ico{ -webkit-mask-image:url('int/icon/close.svg'); mask-image:url('int/icon/close.svg'); } .mapp #mcx-ag .mag-muted-row{ display:flex; flex-wrap:wrap; gap:10px; } .mapp #mcx-ag .mag-muted-row span{ display:inline-flex; align-items:center; height:30px; padding:0 12px; border-radius:999px; border:1px solid rgb(var(--k_rgb) / .08); background:rgb(var(--k_rgb) / .03); font-size:11px; font-weight:600; color:#7a8798; } .mapp #mcx-liq{ display:flex; flex-direction:column; gap:16px; } .mapp #mcx-liq .mliq-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:14px; padding:12px; border-radius:var(--r-block); background:rgb(var(--k_rgb) / .06); } .mapp #mcx-liq .mliq-item{ position:relative; display:flex; flex-direction:column; gap:12px; padding:16px; border-radius:var(--r-block); border:0; background:rgb(var(--w_rgb)); box-shadow:0 1px 2px rgba(15,23,42,.07), 0 4px 12px rgba(15,23,42,.07); text-decoration:none; color:inherit; transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease; } .mapp #mcx-liq .mliq-item:hover{ transform:translateY(-2px); border-color:rgb(var(--a_rgb) / .18); box-shadow:var(--inset); } .mapp #mcx-liq .mliq-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; } .mapp #mcx-liq .mliq-pay{ min-width:0; } .mapp #mcx-liq .mliq-pay-k, .mapp #mcx-liq .mliq-badge-k, .mapp #mcx-liq .mliq-stat-k, .mapp #mcx-liq .mliq-period-k{ font-size:10px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:var(--mut2); } .mapp #mcx-liq .mliq-pay-v{ margin-top:6px; font-size:28px; line-height:1; font-weight:600; letter-spacing:-.03em; color:var(--fg); white-space:nowrap; } .mapp #mcx-liq .mliq-badges{ display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; } .mapp #mcx-liq .mliq-badge{ display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 10px; border-radius:999px; border:1px solid rgb(var(--k_rgb) / .10); background:rgb(var(--k_rgb) / .04); } .mapp #mcx-liq .mliq-badge-v{ font-size:12px; font-weight:600; color:var(--fg); } .mapp #mcx-liq .mliq-badge.is-pct{ border-color:rgb(var(--a_rgb) / .18); background:rgb(var(--a_rgb) / .08); } .mapp #mcx-liq .mliq-badge.is-disc{ border-color:rgba(239,68,68,.18); background:rgba(239,68,68,.08); } .mapp #mcx-liq .mliq-row{ display:grid; grid-template-columns:1fr 1fr; gap:10px; padding-bottom:12px; border-bottom:1px solid rgb(var(--k_rgb) / .08); } .mapp #mcx-liq .mliq-stat, .mapp #mcx-liq .mliq-period{ padding:10px 12px; border-radius:var(--r-block); border:1px solid rgb(var(--k_rgb) / .08); background:rgb(var(--k_rgb) / .03); } .mapp #mcx-liq .mliq-stat-v{ margin-top:6px; font-size:14px; line-height:1.1; font-weight:600; color:var(--fg); } .mapp #mcx-liq .mliq-meta{ display:flex; flex-direction:column; gap:8px; min-width:0; } .mapp #mcx-liq .mliq-created{ font-size:12px; line-height:1.35; color:var(--mut2); } .mapp #mcx-liq .mliq-period-v{ margin-top:6px; font-size:13px; line-height:1.35; font-weight:600; color:var(--fg); } .mapp #mcx-inc, .mapp #mcx-inc #mcx-inc-body{ display:flex; flex-direction:column; gap:16px; } .mapp #mcx-inc .minc-bar{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; } .mapp #mcx-inc .minc-ctl{ display:flex; flex-direction:column; gap:6px; min-width:0; } .mapp #mcx-inc .minc-ctl span, .mapp #mcx-inc .minc-kpi-k, .mapp #mcx-inc .minc-sites-tt, .mapp #mcx-inc .minc-head{ font-size:11px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:#64748b; } .mapp #mcx-inc .minc-kpis{ display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:12px; } .mapp #mcx-inc .minc-kpi, .mapp #mcx-inc .minc-sites-wrap, .mapp #mcx-inc .minc-table{ border:1px solid rgb(var(--k_rgb) / .09); background:rgb(var(--w_rgb) / .80); box-shadow:var(--inset), var(--shadow-soft); } .mapp #mcx-inc .minc-kpi{ position:relative; padding:14px 16px; border-radius:var(--r-card); } .mapp #mcx-inc .minc-kpi::before{ content:""; position:absolute; left:16px; right:16px; top:0; height:3px; border-radius:999px; background:linear-gradient(90deg, rgba(15,23,42,0), rgb(var(--k_rgb) / .16), rgba(15,23,42,0)); } .mapp #mcx-inc .minc-kpi-v{ margin-top:8px; font-size:24px; line-height:1; font-weight:600; letter-spacing:-.03em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .mapp #mcx-inc .minc-kpi:nth-child(1) .minc-kpi-k{ color:rgb(var(--a_rgb) / .70); } .mapp #mcx-inc .minc-kpi:nth-child(2) .minc-kpi-k{ color:#6a63b8; } .mapp #mcx-inc .minc-kpi:nth-child(3) .minc-kpi-k{ color:#4f8a68; } .mapp #mcx-inc .minc-kpi:nth-child(4) .minc-kpi-k{ color:#8a6a4f; } .mapp #mcx-inc .minc-kpi:nth-child(5) .minc-kpi-k{ color:#4f7f8a; } .mapp #mcx-inc .minc-kpi:nth-child(1) .minc-kpi-v{ color:rgb(var(--a_rgb)); } .mapp #mcx-inc .minc-kpi:nth-child(2) .minc-kpi-v{ color:#4c46a3; } .mapp #mcx-inc .minc-kpi:nth-child(3) .minc-kpi-v{ color:#2f6b46; } .mapp #mcx-inc .minc-kpi:nth-child(4) .minc-kpi-v{ color:#8a5a2b; } .mapp #mcx-inc .minc-kpi:nth-child(5) .minc-kpi-v{ color:#2d6672; } .mapp #mcx-inc .minc-sites-wrap{ padding:14px; border-radius:var(--r-card); } .mapp #mcx-inc .minc-sites-tt{ color:#5f6f86; } .mapp #mcx-inc .minc-sites{ margin-top:10px; display:flex; flex-wrap:wrap; gap:10px; } .mapp #mcx-inc .minc-site{ display:inline-flex; align-items:center; gap:10px; min-height:38px; padding:0 12px; border-radius:999px; border:1px solid rgb(var(--k_rgb) / .08); background:rgb(var(--k_rgb) / .03); } .mapp #mcx-inc .minc-site::before{ content:""; width:8px; height:8px; flex:0 0 auto; border-radius:999px; background:rgb(var(--k_rgb) / .34); } .mapp #mcx-inc .minc-site-name{ font-size:12px; font-weight:600; color:var(--mut); } .mapp #mcx-inc .minc-site-val{ font-size:12px; font-weight:600; color:#6b7a8f; } .mapp #mcx-inc .minc-table{ border-radius:var(--r-card); overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; } .mapp #mcx-inc .minc-head, .mapp #mcx-inc .minc-row{ display:grid; grid-template-columns:1.2fr 1fr .8fr; gap:12px; align-items:center; min-width:420px; padding:12px 16px; } .mapp #mcx-inc .minc-head{ background:rgb(var(--k_rgb) / .03); border-bottom:1px solid rgb(var(--k_rgb) / .07); color:#7a8798; font-weight:300; } .mapp #mcx-inc .minc-row{ transition:background .16s ease; } .mapp #mcx-inc .minc-row + .minc-row{ border-top:1px solid rgb(var(--k_rgb) / .06); } .mapp #mcx-inc .minc-row:hover{ background:rgb(var(--k_rgb) / .025); } .mapp #mcx-inc .minc-row > div{ min-width:0; font-size:13px; line-height:1.3; font-weight:300; color:#314155; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .mapp #mcx-inc .minc-row > div:nth-child(1){ color:#223044; } .mapp #mcx-inc .minc-row > div:nth-child(2){ color:#4f6480; } .mapp #mcx-inc .minc-row > div:nth-child(3){ color:#5a4f8a; font-variant-numeric:tabular-nums; } @media (min-width:721px){ .mapp #mcx-inc .minc-kpis.is-site{ grid-template-columns:repeat(3, minmax(0, 1fr)); } } .mapp #mcx-inc .minc-kpis.is-site .minc-kpi:nth-child(2) .minc-kpi-k{ color:#8a6a4f; } .mapp #mcx-inc .minc-kpis.is-site .minc-kpi:nth-child(2) .minc-kpi-v{ color:#8a5a2b; } .mapp #mcx-inc .minc-kpi-note{ margin-top:-8px; padding:0 4px; font-size:12px; line-height:1.45; color:var(--mut2); } .mapp #mcx-inc .minc-kpi-note b{ font-weight:600; color:var(--mut); } .mapp #mcx-inc .minc-sites.has-on .minc-site{ opacity:.55; transition:opacity .16s ease; } .mapp #mcx-inc .minc-sites.has-on .minc-site.on{ opacity:1; border-color:rgb(var(--a_rgb) / .35); background:rgb(var(--a_rgb) / .08); } .mapp #mcx-inc .minc-site.on::before{ background:rgb(var(--a_rgb)); } .mapp #mcx-inc .minc-site.on .minc-site-name{ color:rgb(var(--a_rgb)); } .mapp #mcx-inc .minc-more{ margin-top:-8px; padding:0 4px; font-size:12px; line-height:1.45; color:var(--mut2); } .mapp #mcx-acc{ display:flex; flex-direction:column; gap:16px; } .mapp #mcx-acc .macc-list{ display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:10px; padding:12px; border-radius:var(--r-block); background:rgb(var(--k_rgb) / .06); } @media (min-width:900px){ .mapp #mcx-acc .macc-list{ grid-template-columns:1fr 1fr; } } .mapp #mcx-acc .macc-item{ position:relative; padding:14px 16px 13px; border:0; border-radius:var(--r-block); background:rgb(var(--w_rgb)); box-shadow:0 1px 2px rgba(15,23,42,.07), 0 4px 12px rgba(15,23,42,.07); overflow:hidden; } .mapp #mcx-acc .macc-head{ display:flex; align-items:center; gap:10px; min-width:0; margin-bottom:6px; } .mapp #mcx-acc .macc-badge{ display:none; } .mapp #mcx-acc .macc-app{ min-width:0; font-size:15px; line-height:1.25; font-weight:600; color:var(--fg); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .mapp #mcx-acc .macc-app .macc-link{ color:var(--a); text-decoration:none; } .mapp #mcx-acc .macc-app .macc-link::after{ content:"\2197"; margin-left:4px; font-size:.85em; } .mapp #mcx-acc .macc-app .macc-link:hover, .mapp #mcx-acc .macc-app .macc-link:focus-visible{ text-decoration:underline; text-underline-offset:3px; } .mapp #mcx-acc .macc-rows{ display:flex; flex-direction:column; gap:4px; } .mapp #mcx-acc .macc-row{ display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:center; gap:8px; padding:0; border:0; border-radius:0; background:none; transition:none; } .mapp #mcx-acc .macc-row:hover, .mapp #mcx-acc .macc-row:focus-within{ border-color:rgb(var(--a_rgb) / .16); background:rgb(var(--a_rgb) / .04); box-shadow:var(--inset); } .mapp #mcx-acc .macc-lbl{ display:none; } .mapp #mcx-acc .macc-val{ min-width:0; padding:0; font-size:16px; line-height:1.3; font-weight:600; letter-spacing:-.005em; color:var(--fg); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .mapp #mcx-acc .macc-row + .macc-row .macc-val{ font-size:14px; font-weight:500; color:var(--mut2); } .mapp #mcx-acc .macc-val.is-masked{ letter-spacing:.14em; } .mapp #mcx-acc .macc-actions{ display:flex; align-items:center; gap:6px; opacity:0; transform:translateX(2px); transition:opacity .16s ease, transform .16s ease; } .mapp #mcx-acc .macc-row:hover .macc-actions, .mapp #mcx-acc .macc-row:focus-within .macc-actions{ opacity:1; transform:translateX(0); } .mapp #mcx-acc .macc-btn{ width:30px; height:30px; padding:0; border:0; border-radius:var(--r-cell); background:none; color:rgb(var(--k_rgb) / .42); display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:none; transition:background .16s ease, color .16s ease, transform .16s ease; } .mapp #mcx-acc .macc-btn:hover{ background:rgb(var(--a_rgb) / .10); color:rgb(var(--a_rgb)); } .mapp #mcx-acc .macc-ico{ width:15px; height:15px; display:block; background:currentColor; -webkit-mask:var(--ico) center/contain no-repeat; mask:var(--ico) center/contain no-repeat; } .mapp #mcx-acc .macc-btn-copy .macc-ico{ --ico:url('int/icon/copy.svg'); } .mapp #mcx-acc .macc-btn-eye .macc-ico{ --ico:url('int/icon/eye.svg'); } .mapp #mcx-acc .macc-btn-eye.is-off .macc-ico{ --ico:url('int/icon/eye-off.svg'); } .mapp #mcx-acc .macc-row.is-copied{ border-color:rgba(22,163,74,.18); background:rgba(22,163,74,.08); } .mapp #mcx-acc .macc-row.is-copied .macc-btn-copy{ background:rgba(22,163,74,.14); color:#166534; } .mapp #mcx-gal{ display:flex; flex-direction:column; gap:14px; } .mapp #mcx-gal .mgal-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding-top:2px; } .mapp #mcx-gal .mgal-meta, .mapp #mcx-gal .mgal-filters{ display:flex; flex-wrap:wrap; gap:8px; } .mapp #mcx-gal .mgal-kpi{ display:inline-flex; align-items:center; gap:8px; min-height:34px; padding:0 12px; border-radius:var(--r2); border:1px solid rgb(var(--k_rgb) / .12); background:rgb(var(--w_rgb) / .72); box-shadow:var(--inset), var(--shadow-soft); } .mapp #mcx-gal .mgal-kpi-lbl{ font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--mut2); } .mapp #mcx-gal .mgal-kpi b{ font-size:12px; font-weight:600; color:rgb(var(--k_rgb) / .92); } .mapp #mcx-gal .mgal-filters .mchip{ height:34px; padding:0 12px; border-radius:var(--r2); border:1px solid rgb(var(--k_rgb) / .16); background:rgb(var(--w_rgb) / .72); color:rgb(var(--k_rgb) / .82); font-size:12px; font-weight:600; box-shadow:var(--inset), var(--shadow-soft); cursor:pointer; } .mapp #mcx-gal .mgal-filters .mchip:hover{ border-color:rgb(var(--a_rgb) / .24); box-shadow:var(--inset); } .mapp #mcx-gal .mgal-filters .mchip.is-active{ border-color:var(--a-bd); background:var(--a-soft); color:var(--fg); box-shadow:var(--inset); } .mapp #mcx-gal .mgal-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)); gap:12px; } .mapp #mcx-gal .mgal-item{ position:relative; display:block; border-radius:var(--r-card); overflow:hidden; text-decoration:none; color:inherit; border:1px solid rgb(var(--k_rgb) / .12); background:rgb(var(--w_rgb) / .72); box-shadow:var(--inset), var(--shadow-soft); transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease; } .mapp #mcx-gal .mgal-item:hover{ transform:translateY(-2px); border-color:rgb(var(--a_rgb) / .22); box-shadow:var(--inset); } .mapp #mcx-gal .mgal-thumb{ position:relative; display:block; aspect-ratio:3/4; background-color:rgb(var(--k_rgb) / .05); background-size:cover; background-position:center; background-repeat:no-repeat; } .mapp #mcx-gal .mgal-thumb::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(2,6,23,.62) 0%, rgba(2,6,23,.18) 34%, rgba(2,6,23,0) 58%); pointer-events:none; } .mapp #mcx-gal .mgal-badge{ display:none; } .mapp #mcx-gal .mgal-badge.is-video{ position:absolute; top:10px; left:10px; z-index:2; display:inline-flex; align-items:center; justify-content:center; height:24px; padding:0 9px; border-radius:999px; border:1px solid rgba(255,255,255,.20); background:rgba(15,23,42,.62); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); font-size:10px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:#fff; } .mapp #mcx-gal .mgal-play{ position:absolute; top:50%; left:50%; z-index:2; width:46px; height:46px; margin:-23px 0 0 -23px; border-radius:999px; border:1px solid rgba(255,255,255,.22); background:rgba(15,23,42,.52); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:0 10px 12px rgba(2,6,23,.18); } .mapp #mcx-gal .mgal-play::before{ content:""; position:absolute; top:50%; left:50%; width:0; height:0; margin:-8px 0 0 -4px; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:13px solid rgb(var(--w_rgb) / .96); } .mapp #mcx-gal .mgal-foot{ position:absolute; left:0; right:0; bottom:0; z-index:2; padding:12px 12px 10px; } .mapp #mcx-gal .mgal-name{ display:block; font-size:12px; line-height:1.15; font-weight:600; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .mapp #mcx-gal .mgal-sub{ display:block; margin-top:4px; font-size:11px; line-height:1; color:rgba(255,255,255,.84); } .mapp #mcx-gal .mgal-cell{ position:relative; } .mapp #mcx-gal .mgal-cell[hidden]{ display:none !important; } .mapp #mcx-gal .mgal-dl{ position:absolute; top:10px; right:10px; z-index:3; width:32px; height:32px; border-radius:999px; border:1px solid rgba(255,255,255,.20); background:rgba(15,23,42,.62); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } .mapp #mcx-gal .mgal-dl::before{ content:""; position:absolute; inset:0; -webkit-mask:url(/ui/int/icon/download.svg) no-repeat 50% 50% / 16px 16px; mask:url(/ui/int/icon/download.svg) no-repeat 50% 50% / 16px 16px; background:#fff; } .mapp .mfoot{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:2rem 1rem 1rem; font-size:12px; font-weight:400; letter-spacing:.02em; color:var(--mut2); text-align:center; opacity:.9; } .mapp .mfoot-main{ font-weight:600; color:var(--fg); opacity:.75; } .mapp .mfoot-by{ font-size:11px; letter-spacing:.06em; text-transform:uppercase; opacity:.65; } @media (min-width:640px){ .mapp .mwrap{ padding:0 16px; } .mapp .mplaceholder-grid{ grid-template-columns:1fr 1fr 1fr; } } @media (min-width:1100px){ .mapp .mgrid{ grid-template-columns:repeat(12, minmax(0, 1fr)); } .mapp .span-12{ grid-column:span 12; } .mapp .span-7{ grid-column:span 7; } .mapp .span-6{ grid-column:span 6; } .mapp .span-5{ grid-column:span 5; } .mapp .mtop{ padding-top:16px; } .mapp .mviews{ padding-top:18px; } .mapp .mhome-top{ grid-template-columns:300px minmax(0, 1fr) 340px; } .mapp .mhome-bottom{ grid-template-columns:420px minmax(0, 1fr); } } .mapp .mhome-chat{ grid-column:1 / -1; } .mapp .mhome-chat[hidden]{ display:none; } .mapp .mhome-chat-list{ margin:14px 0 0; padding:0 0 0 20px; display:grid; gap:10px; font-size:15px; line-height:1.5; color:rgb(var(--k_rgb) / .82); } @media (max-width:1099px){ .mapp .mhome-news{ contain: content; } .mapp .mhome-top{ grid-template-columns:300px minmax(0, 1fr); } .mapp .mhome-bottom{ grid-template-columns:1fr; } .mapp .mhome-time{ grid-column:1 / -1; padding-bottom:22px; } .mapp .mhome-profile-photo{ min-height:400px; } .mapp .mhome-agenda, .mapp .mhome-discounts, .mapp .mhome-news{ grid-column:auto; grid-row:auto; height:auto; } } @media (max-width:820px){ .mapp .mhome-top{ grid-template-columns:1fr; } .mapp .mhome-card{ padding:18px; } .mapp .mhome-profile-photo{ min-height:380px; } .mapp .mhome-profile-name{ max-width:none; font-size:clamp(28px, 8vw, 46px); } .mapp .mhome-facts span{ width:100%; justify-content:flex-start; white-space:normal; } .mapp .mhome-time .mhome-facts, .mapp .mhome-mini-grid, .mapp .mhome-mini-grid-time{ grid-template-columns:1fr; } .mapp .mhome-mini-wide{ grid-column:auto; } } @media (max-width:760px){ .mapp .mhome-news-media{ aspect-ratio:16/9; } .mapp .mhome-news-overlay{ padding:1.8rem 1rem 1rem; } .mapp .mhome-news-title{ font-size:18px; } .mapp .mhome-agenda-mini{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .mapp .mhome-agenda-pills{ grid-template-columns:repeat(2, minmax(0, 1fr)); } } @media (max-width:720px){ .mapp .mbar-actions .logout{ width:38px; min-width:38px; padding:0; gap:0; } .mapp .mbar-actions .logout .txt{ display:none; } .mapp #mcx-ag, .mapp #mcx-ag #mcx-ag-body, .mapp #mcx-inc, .mapp #mcx-inc #mcx-inc-body{ gap:14px; } .mapp #mcx-ag .mag-kpis{ gap:8px; } .mapp #mcx-ag .mag-kpi{ padding:10px 8px; } .mapp #mcx-ag .mag-kpi-k{ font-size:11px; line-height:1.1; } .mapp #mcx-ag .mag-kpi-v{ font-size:18px; } .mapp #mcx-ag .mag-chips, .mapp #mcx-ag .mag-muted-row{ flex-direction:column; } .mapp #mcx-ag .mag-chip{ width:100%; min-height:38px; justify-content:space-between; } .mapp #mcx-ag .mag-chip-btn.mag-chip-icon{ opacity:1; transform:none; pointer-events:auto; } .mapp #mcx-ag .mag-muted-row span{ width:100%; justify-content:center; } .mapp #mcx-liq .mliq-grid, .mapp #mcx-acc .macc-list{ grid-template-columns:1fr; } .mapp #mcx-liq .mliq-row{ grid-template-columns:1fr; } .mapp #mcx-inc .minc-bar{ grid-template-columns:1fr; gap:10px; } .mapp #mcx-inc .minc-kpis{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; } .mapp #mcx-acc .macc-row{ grid-template-columns:minmax(0, 1fr) auto; align-items:center; gap:8px; padding:0; } .mapp #mcx-acc .macc-val{ padding-left:0; } .mapp #mcx-acc .macc-actions{ opacity:1; transform:none; } .mapp #mcx-gal .mgal-top{ align-items:flex-start; } .mapp #mcx-gal .mgal-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; } } @media (max-width:639px){ .mapp .msection-head{ flex-direction:column; } .mapp .mhome, .mapp .mhome-top, .mapp .mhome-bottom{ gap:16px; } .mapp .mhome-card, .mapp .mhome-agenda, .mapp .mhome-news, .mapp .mhome-discounts{ padding:16px; border-radius:var(--r-card); } .mapp .mhome-profile-overlay{ padding:18px 18px 16px; } .mapp .mhome-profile-name{ font-size:34px; } .mapp .mhome-profile-meta{ font-size:13px; } .mapp .mhome-income-cop, .mapp .mhome-time-amount span{ font-size:42px; } .mapp .mhome-time-amount small{ font-size:16px; } .mapp .mhome-box-v{ font-size:24px; } .mapp .mhome-pill-v{ font-size:28px; } .mapp .mhome-news-title{ font-size:17px; } .mapp .mhome-time .mhome-facts{ grid-template-columns:1fr; } } @media (max-width:420px){ .mapp #mcx-gal .mgal-grid{ grid-template-columns:1fr 1fr; } .mapp .mhome-kpis, .mapp #mcx-ag .mag-kpis, .mapp #mcx-inc .minc-kpis, .mapp #mcx-liq .mliq-row{ grid-template-columns:1fr 1fr; } .mapp #mcx-acc .macc-list, .mapp #mcx-liq .mliq-grid{ grid-template-columns:1fr; } .mapp .mhome-income-cop{ font-size:clamp(34px, 11vw, 46px); letter-spacing:-.05em; } .mapp .mhome-time-big{ font-size:clamp(38px, 13vw, 54px); } .mapp .mhome-income-meta, .mapp .mhome-facts{ flex-direction:column; align-items:flex-start; gap:8px; } .mapp .mtabs{ gap:18px; } .mapp .mtab{ font-size:14px; } .mapp .mbar{ flex-wrap:wrap; gap:8px; } .mapp .mbrand-sub{ display:none; } .mapp .mwrap{ padding:0 10px; } .mapp .mcard, .mapp .msection{ padding:14px 12px; } .mapp #mcx-inc .minc-xdate{ font-size:12px; } } @media (max-width:360px){ .mapp .mhome-kpis, .mapp #mcx-ag .mag-kpis, .mapp #mcx-inc .minc-kpis, .mapp #mcx-liq .mliq-row, .mapp #mcx-gal .mgal-grid{ grid-template-columns:1fr; } .mapp .mhome-income-cop{ font-size:clamp(28px, 10vw, 38px); } .mapp .mwrap{ padding:0 8px; } } .mapp #mcx-inc .minc-extra{ margin-top:16px; padding:14px 16px; border-radius:var(--r-block); background:rgb(var(--k_rgb) / .04); } .mapp #mcx-inc .minc-extra-hd{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; } .mapp #mcx-inc .minc-extra-tt{ font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--mut2); } .mapp #mcx-inc .minc-extra-sum{ font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; color:var(--fg); } .mapp #mcx-inc .minc-extra-note{ margin-top:4px; font-size:12px; line-height:1.45; color:var(--mut2); max-width:52ch; } .mapp #mcx-inc .minc-extra-rows{ margin-top:10px; } .mapp #mcx-inc .minc-xrow{ display:grid; grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto); align-items:baseline; gap:12px; padding:8px 0; border-top:1px solid rgb(var(--k_rgb) / .07); font-size:13.5px; } .mapp #mcx-inc .minc-xdate{ color:var(--mut2); white-space:nowrap; font-variant-numeric:tabular-nums; } .mapp #mcx-inc .minc-xtxt{ min-width:0; color:rgb(var(--k_rgb) / .72); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .mapp #mcx-inc .minc-xval{ font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; color:var(--fg); } @media (max-width:640px){ .mapp #mcx-inc .minc-xrow{ grid-template-columns:1fr auto; gap:4px 10px; } .mapp #mcx-inc .minc-xtxt{ grid-column:1 / -1; white-space:normal; } } .mapp #mcx-inc .minc-xnone{ padding:10px 0 2px; font-size:13px; color:var(--mut2); } .mapp .mhome-disc-pair{ display:grid; grid-template-columns:1fr 1fr; gap:12px; } .mapp .mhome-disc-one{ min-width:0; } @media (max-width:640px){ .mapp #mcx-inc .minc-table{ overflow-x:visible; border:0; background:none; } .mapp #mcx-inc .minc-head{ display:none; } .mapp #mcx-inc .minc-row{ display:grid; grid-template-columns:1fr auto; gap:4px 10px; min-width:0; margin-bottom:8px; padding:12px 14px; border-radius:var(--r-block); background:rgb(var(--w_rgb)); box-shadow:0 1px 2px rgba(15,23,42,.06), 0 3px 8px rgba(15,23,42,.05); } .mapp #mcx-inc .minc-row > div:nth-child(1){ font-weight:600; } .mapp #mcx-inc .minc-row > div:nth-child(2){ text-align:right; color:var(--mut2); font-size:13px; } .mapp #mcx-inc .minc-row > div:nth-child(3){ grid-column:1 / -1; grid-row:2; font-size:13.5px; font-weight:600; } .mapp #mcx-inc .minc-row > div:nth-child(3)::before{ content:"tks "; color:var(--mut2); font-weight:400; } } @media (max-width:480px){ .mapp #mcx-acc .macc-list{ grid-template-columns:1fr; gap:8px; padding:10px; } .mapp #mcx-acc .macc-item{ padding:12px 13px; } .mapp #mcx-acc .macc-val{ font-size:15px; } .mapp #mcx-acc .macc-row + .macc-row .macc-val{ font-size:13.5px; } .mapp #mcx-acc .macc-btn{ color:rgb(var(--k_rgb) / .55); } .mapp #mcx-acc .macc-actions{ gap:2px; } .mapp #mcx-acc .macc-btn{ width:38px; height:38px; } .mapp #mcx-acc .macc-app{ font-size:14px; } } @media (max-width:360px){ .mapp #mcx-acc .macc-val{ font-size:14px; } .mapp #mcx-acc .macc-item{ padding:11px; } .mapp #mcx-acc .macc-list{ padding:8px; } } .mapp .mhome-cuenta{ margin-top:16px; padding:16px 18px; border-radius:var(--r-block); background:rgb(var(--k_rgb) / .04); } .mapp .mhome-paso{ display:flex; gap:11px; padding:7px 0; } .mapp .mhome-paso-n{ flex:0 0 21px; height:21px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgb(var(--k_rgb) / .07); font-size:11px; font-weight:600; color:var(--mut2); } .mapp .mhome-paso.is-menos .mhome-paso-n{ background:#fdf0dc; color:#8a5a0b; } .mapp .mhome-paso.is-resta .mhome-paso-n{ background:#fce8e6; color:#b42318; } .mapp .mhome-paso-t{ flex:1; min-width:0; font-size:14px; line-height:1.55; color:var(--mut2); } .mapp .mhome-paso-t b{ font-weight:600; color:var(--fg); } .mapp .mhome-paso.is-menos .mhome-paso-t b{ color:#8a5a0b; } .mapp .mhome-paso.is-resta .mhome-paso-t b{ color:#b42318; } .mapp .mhome-paso-t small{ display:block; margin-top:4px; font-size:12.5px; line-height:1.5; color:var(--mut2); } .mapp .mhome-paso-t small b{ font-weight:600; } .mapp .mhome-cierre{ margin-top:14px; padding:13px 15px; border-radius:var(--r-cell); background:rgba(22,111,69,.07); } .mapp .mhome-cierre-row{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:3px 0; font-size:13px; color:var(--mut2); } .mapp .mhome-cierre-row b{ font-variant-numeric:tabular-nums; color:rgb(var(--k_rgb) / .78); white-space:nowrap; } .mapp .mhome-cierre-row.is-total{ margin-top:6px; padding-top:9px; border-top:1px solid rgba(22,111,69,.20); font-weight:600; color:var(--fg); } .mapp .mhome-cierre-row.is-total b{ font-size:19px; color:#166f45; } .mapp .mhome-cuenta-note{ margin-top:12px; font-size:12px; line-height:1.5; color:var(--mut2); } @media (max-width:420px){ .mapp .mhome-cuenta{ padding:14px 13px; } .mapp .mhome-paso-t{ font-size:13px; } .mapp .mhome-paso-t small{ font-size:12px; } .mapp .mhome-cierre-row.is-total b{ font-size:17px; } } .mapp .mhome-calc{ margin-top:16px; padding-top:14px; border-top:1px solid rgb(var(--k_rgb) / .08); } .mapp .mhome-calc-q{ font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--mut2); margin-bottom:9px; } .mapp .mhome-calc-q span{ font-weight:400; letter-spacing:0; text-transform:none; } .mapp .mhome-calc-q span{ margin-left:7px; } .mapp .mhome-calc-q span.is-up{ color:#166f45; font-weight:600; } .mapp .mhome-calc-body{ display:flex; align-items:flex-end; gap:9px; } .mapp .mhome-calc-f{ display:flex; flex-direction:column; gap:3px; min-width:0; flex:1; max-width:120px; } .mapp .mhome-calc-f span{ font-size:10px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:var(--mut2); } .mapp .mhome-calc-f input{ width:100%; min-width:0; height:34px; padding:0 9px; border:1px solid var(--bd2); border-radius:var(--r-cell); background:rgb(var(--w_rgb)); font:inherit; font-size:16px; font-variant-numeric:tabular-nums; color:var(--fg); outline:none; transition:border-color .16s ease; } .mapp .mhome-calc-f input:focus{ border-color:rgb(var(--a_rgb) / .45); } .mapp .mhome-calc-out{ display:flex; flex-direction:column; gap:3px; margin-left:auto; padding-bottom:1px; text-align:right; white-space:nowrap; } .mapp .mhome-calc-out span{ font-size:10px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:var(--mut2); } .mapp .mhome-calc-out b{ font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; color:var(--fg); line-height:1.3; } @media (max-width:480px){ .mapp .mhome-calc-f{ max-width:none; } .mapp .mhome-calc-out b{ font-size:16px; } } .mapp .mhome-cuenta + * .mhome-head, .mapp .mhome-cuenta ~ .mhome-head{ margin-top:18px; padding-top:15px; border-top:1px solid rgb(var(--k_rgb) / .08); } .mapp .mhome-mini-grid + .mhome-facts{ margin-top:12px; } .mapp .mhome-calc{ padding-bottom:2px; } .mapp .mnotes-toolbar{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:14px 0 10px; } .mapp .mnotes-grp{ display:inline-flex; border:1px solid rgb(var(--k_rgb) / .14); border-radius:8px; overflow:hidden; background:rgb(var(--w_rgb)); } .mapp .mnotes-btn{ appearance:none; min-width:28px; height:28px; padding:0 7px; border:0; border-left:1px solid rgb(var(--k_rgb) / .10); background:transparent; color:#475569; font-size:12.5px; line-height:1; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; } .mapp .mnotes-grp .mnotes-btn:first-child{ border-left:0; } .mapp .mnotes-btn:hover{ background:rgb(var(--k_rgb) / .05); color:var(--fg); } .mapp .mnotes-btn:active{ background:rgb(var(--k_rgb) / .10); } .mapp .mnotes-btn-clear{ color:#b91c1c; padding:0 10px; gap:4px; } .mapp .mnotes-btn-clear:hover{ background:rgba(185,28,28,.08); color:#b91c1c; } .mapp .mnotes-btn s{ text-decoration:line-through; } .mapp .mnotes-editor{ min-height:260px; border:1px solid rgb(var(--k_rgb) / .14); border-radius:12px; background:rgb(var(--w_rgb)); padding:16px 18px; font-size:15px; line-height:1.7; color:#1f2937; font-weight:400; outline:none; overflow-y:auto; word-break:break-word; } .mapp .mnotes-editor:focus{ border-color:rgba(59,130,246,.5); box-shadow:0 0 0 3px rgba(59,130,246,.12); } .mapp .mnotes-editor:empty:before{ content:"Escribe aquí tus notas…"; color:#94a3b8; } .mapp .mnotes-editor b, .mapp .mnotes-editor strong{ font-weight:700; color:var(--fg); } .mapp .mnotes-editor i, .mapp .mnotes-editor em{ font-style:italic; } .mapp .mnotes-editor u{ text-decoration:underline; } .mapp .mnotes-editor s, .mapp .mnotes-editor strike{ text-decoration:line-through; } .mapp .mnotes-editor blockquote{ margin:10px 0; padding:6px 14px; border-left:3px solid rgb(var(--k_rgb) / .18); color:#475569; font-style:italic; } .mapp .mnotes-editor h2, .mapp .mnotes-editor h3, .mapp .mnotes-editor h4{ font-weight:700; color:var(--fg); line-height:1.3; margin:14px 0 6px; } .mapp .mnotes-editor h2:first-child, .mapp .mnotes-editor h3:first-child, .mapp .mnotes-editor h4:first-child{ margin-top:0; } .mapp .mnotes-editor h2{ font-size:20px; } .mapp .mnotes-editor h3{ font-size:17px; } .mapp .mnotes-editor h4{ font-size:15px; color:#334155; } .mapp .mnotes-editor p{ margin:0 0 10px; } .mapp .mnotes-editor p:last-child{ margin-bottom:0; } .mapp .mnotes-editor ul, .mapp .mnotes-editor ol{ margin:8px 0; padding-left:20px; } .mapp .mnotes-editor ul{ list-style:disc; } .mapp .mnotes-editor ol{ list-style:decimal; } .mapp .mnotes-editor li{ margin:3px 0; padding-left:2px; } .mapp .mnotes-editor ul ul, .mapp .mnotes-editor ol ol, .mapp .mnotes-editor ul ol, .mapp .mnotes-editor ol ul{ margin:3px 0; } .mapp .mnotes-save{ margin-left:auto; display:inline-flex; align-items:center; gap:10px; } .mapp .mnotes-save .mbtn{ height:28px; padding:0 16px; font-size:12px; box-shadow:none; } .mapp .mnotes-msg{ font-size:12px; color:#64748b; } .mapp .mnotes-msg.is-ok{ color:#15803d; } .mapp .mnotes-msg.is-err{ color:#b91c1c; } .mapp .mstudio-doc{ font-size:15px; line-height:1.65; color:var(--mut); width:100%; max-width:1100px; } .mapp .mstudio-doc h1{ font-size:24px; font-weight:700; color:var(--fg); letter-spacing:-.01em; margin:0 0 2px; } .mapp .mstudio-doc h2{ font-size:19px; font-weight:700; color:var(--fg); margin:26px 0 10px; } .mapp .mstudio-doc h3{ font-size:16px; font-weight:700; color:var(--fg); margin:28px 0 12px; padding-top:16px; border-top:1px solid rgb(var(--k_rgb) / .10); } .mapp .mstudio-doc h4{ font-size:14.5px; font-weight:700; color:#1e293b; margin:22px 0 8px; } .mapp .mstudio-doc h3, .mapp .mstudio-doc h4{ scroll-margin-top:16px; } .mapp .mstudio-toc{ margin:18px 0 26px; padding:14px 18px; border:1px solid rgb(var(--k_rgb) / .10); border-radius:12px; background:rgb(var(--k_rgb) / .025); } .mapp .mstudio-toc-t{ font-size:10.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#94a3b8; margin-bottom:8px; } .mapp .mstudio-toc ol{ margin:0; padding-left:20px; font-size:13.5px; line-height:1.55; } .mapp .mstudio-toc ol ol{ margin:2px 0 4px; padding-left:18px; font-size:13px; list-style:lower-alpha; } .mapp .mstudio-toc li{ margin:2px 0; padding-left:2px; } .mapp .mstudio-toc li::marker{ color:#94a3b8; font-weight:600; } .mapp .mstudio-toc a{ color:#334155; text-decoration:none; } .mapp .mstudio-toc a:hover{ color:#b45309; text-decoration:underline; } .mapp .mstudio-doc h1 + i, .mapp .mstudio-doc > i:first-of-type{ display:block; color:#94a3b8; font-size:13px; margin-bottom:20px; } .mapp .mstudio-doc p{ margin:0 0 10px; } .mapp .mstudio-doc ol, .mapp .mstudio-doc ul{ margin:10px 0 14px; padding-left:26px; } .mapp .mstudio-doc > ol, .mapp .mstudio-doc > ol > li{ margin-bottom:0; } .mapp .mstudio-doc li{ margin:0 0 12px; padding-left:4px; } .mapp .mstudio-doc li::marker{ color:#64748b; font-weight:600; } .mapp .mstudio-doc li > p{ margin:4px 0 0; color:#64748b; } .mapp .mstudio-doc li > ul, .mapp .mstudio-doc li > ol{ margin:6px 0 4px; } .mapp .mstudio-doc li li{ margin:0 0 6px; } .mapp .mstudio-doc b, .mapp .mstudio-doc strong{ font-weight:700; color:var(--fg); } .mapp .mstudio-doc a{ color:#b45309; text-decoration:none; } .mapp .mstudio-doc a:hover{ text-decoration:underline; } .mapp #mcx-inc .minc-claim{ display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px; margin:14px 2px 2px; font-size:1rem; color:rgb(var(--k_rgb) / .55); } .mapp #mcx-inc .minc-claim-tt b{ color:rgb(var(--k_rgb) / .72); font-weight:600; } .mapp #mcx-inc .minc-claim-go{ border:0; background:transparent; padding:0; font:inherit; font-weight:700; color:#2563eb; text-decoration:underline; text-underline-offset:2px; cursor:pointer; } .mapp #mcx-inc .minc-claim-go:hover{ color:#1e3a8a; } .mapp #mcx-inc .minc-claim-go:disabled{ opacity:.6; cursor:default; } .mapp #mcx-inc .minc-claim-msg{ font-weight:600; color:#a8580a; } .mapp #mcx-inc .minc-claim-msg.is-ok{ color:#0d8a4e; } #felicia{ font-family:inherit; --fc-accent: var(--accent, #1e40af); --fc-accent-hi: var(--accent2, #2563eb); --fc-text: rgb(15,23,42); --fc-muted: var(--muted, rgba(15,23,42,.55)); --fc-bg-panel: #ffffff; --fc-bg-soft: #f6f8ff; --fc-border: rgba(15,23,42,.10); --fc-danger: var(--danger-fg, #b91c1c); --fc-shadow-lg: 0 18px 55px rgba(15,23,42,.18); --fc-shadow-md: 0 8px 24px rgba(30,64,175,.30); } .felicia-bubble{ position:fixed; bottom:24px; right:24px; width:56px; height:56px; border-radius:50%; background:linear-gradient(135deg, var(--fc-accent) 0%, var(--fc-accent-hi) 100%); border:0; color:#fff; cursor:pointer; display:grid; place-items:center; box-shadow:var(--fc-shadow-md), 0 2px 6px rgba(0,0,0,0.15); z-index:998; transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease; } .felicia-bubble:hover{ transform:translateY(-2px) scale(1.04); box-shadow:0 12px 32px rgba(30,64,175,.45), 0 4px 8px rgba(0,0,0,0.18); } .felicia-bubble.hidden{ opacity:0; pointer-events:none; transform:scale(0.6); } .felicia-bubble{ touch-action:none; } .felicia-bubble.dragging{ transition:none; cursor:grabbing; } .felicia-bubble.dragging:hover{ transform:none; } .felicia-bubble-icon{ display:grid; place-items:center; width:26px; height:26px; color:#fff; } .felicia-bubble-icon svg{ width:100%; height:100%; display:block; } .felicia-bubble-badge{ position:absolute; top:6px; right:6px; width:12px; height:12px; border-radius:50%; background:var(--fc-danger); border:2px solid var(--fc-bg-panel); display:none; } .felicia-bubble-badge.show{ display:block; } @keyframes felicia-pulse{ 0% { box-shadow:var(--fc-shadow-md), 0 0 0 0 rgba(30,64,175,.55); } 70% { box-shadow:var(--fc-shadow-md), 0 0 0 14px rgba(30,64,175,0); } 100% { box-shadow:var(--fc-shadow-md), 0 0 0 0 rgba(30,64,175,0); } } .felicia-bubble.felicia-bubble-pulse{ animation:felicia-pulse 2s ease-out infinite; } .felicia-hint{ position:fixed; bottom:30px; right:92px; max-width:240px; padding:10px 36px 10px 14px; background:#fff; color:var(--fc-text); border-radius:14px; font-size:13px; line-height:1.35; font-weight:500; box-shadow:var(--fc-shadow-lg); border:1px solid var(--fc-border); z-index:99998; cursor:pointer; opacity:0; transform:translateX(8px); pointer-events:none; transition:opacity .25s ease, transform .25s ease; } .felicia-hint.show{ opacity:1; transform:translateX(0); pointer-events:auto; } .felicia-hint::after{ content:''; position:absolute; right:-7px; top:50%; transform:translateY(-50%) rotate(45deg); width:14px; height:14px; background:#fff; border-right:1px solid var(--fc-border); border-top:1px solid var(--fc-border); } .felicia-hint.on-left{ transform:translateX(-8px); } .felicia-hint.on-left.show{ transform:translateX(0); } .felicia-hint.on-left::after{ right:auto; left:-7px; transform:translateY(-50%) rotate(225deg); } .felicia-hint-text{ display:block; } .felicia-hint-close{ position:absolute; top:4px; right:6px; width:22px; height:22px; border:0; background:transparent; color:var(--fc-muted); cursor:pointer; font-size:18px; line-height:1; border-radius:50%; display:grid; place-items:center; } .felicia-hint-close:hover{ background:var(--fc-bg-soft); color:var(--fc-text); } .felicia-panel{ position:fixed; top:0; right:0; bottom:0; width:380px; max-width:100vw; background:var(--fc-bg-panel); border-left:1px solid var(--fc-border); box-shadow:-12px 0 40px rgba(15,23,42,.10); display:flex; flex-direction:column; z-index:99999; transform:translateX(100%); transition:transform .25s ease; } .felicia-panel.open{ transform:translateX(0); } .felicia-head{ padding:14px 16px; border-bottom:1px solid var(--fc-border); background:var(--fc-bg-soft); display:flex; align-items:center; justify-content:space-between; gap:12px; } .felicia-head-info{ display:flex; align-items:center; gap:10px; } .felicia-avatar{ width:36px; height:36px; border-radius:50%; background:linear-gradient(135deg, var(--fc-accent), var(--fc-accent-hi)); color:#fff; display:grid; place-items:center; padding:6px; box-sizing:border-box; } .felicia-avatar svg{ width:100%; height:100%; display:block; } .felicia-name{ font-weight:700; font-size:15px; color:var(--fc-text); } .felicia-subtitle{ font-size:12px; color:var(--fc-muted); } .felicia-close{ width:30px; height:30px; border:0; background:transparent; color:var(--fc-muted); cursor:pointer; font-size:22px; line-height:1; border-radius:8px; display:grid; place-items:center; } .felicia-close:hover{ background:var(--fc-bg-panel); color:var(--fc-text); } .felicia-messages{ flex:1; overflow-y:auto; padding:14px 14px 4px; background:var(--fc-bg-panel); display:flex; flex-direction:column; gap:10px; } .felicia-msg{ display:flex; max-width:88%; } .felicia-msg[data-role="user"]{ align-self:flex-end; } .felicia-msg[data-role="assistant"]{ align-self:flex-start; } .felicia-msg-bubble{ padding:9px 12px; border-radius:14px; font-size:14px; line-height:1.45; word-wrap:break-word; white-space:pre-wrap; } .felicia-msg[data-role="user"] .felicia-msg-bubble{ background:linear-gradient(135deg, var(--fc-accent), var(--fc-accent-hi)); color:#fff; border-bottom-right-radius:4px; } .felicia-msg[data-role="assistant"] .felicia-msg-bubble{ background:var(--fc-bg-soft); color:var(--fc-text); border:1px solid var(--fc-border); border-bottom-left-radius:4px; } .felicia-msg-bubble strong{ font-weight:700; } .felicia-msg-bubble em{ font-style:italic; } .felicia-msg-bubble del{ text-decoration:line-through; } .felicia-msg-bubble code{ background:rgba(15,23,42,.08); padding:1px 5px; border-radius:4px; font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:12.5px; } .felicia-msg-bubble code.wa-code-block{ display:block; padding:8px 10px; white-space:pre-wrap; margin:6px 0; } .felicia-msg-bubble a{ color:var(--fc-accent); text-decoration:underline; } @keyframes felicia-msg-in{ from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } } .felicia-msg-new{ animation:felicia-msg-in .2s ease-out; } .felicia-typing{ padding:6px 16px; display:none; gap:4px; align-items:center; } .felicia-typing.show{ display:flex; } .felicia-typing-dot{ width:6px; height:6px; background:var(--fc-muted); border-radius:50%; opacity:.5; animation:felicia-typ 1.2s ease-in-out infinite; } .felicia-typing-dot:nth-child(2){ animation-delay:.15s; } .felicia-typing-dot:nth-child(3){ animation-delay:.30s; } @keyframes felicia-typ{ 0%, 60%, 100%{ opacity:.3; transform:translateY(0); } 30%{ opacity:1; transform:translateY(-3px); } } .felicia-chips{ padding:6px 12px 0; display:flex; flex-wrap:wrap; gap:6px; border-top:1px solid var(--fc-border); background:var(--fc-bg-soft); } .felicia-chip{ border:1px solid var(--fc-border); background:#fff; color:var(--fc-text); font-size:12px; padding:5px 10px; border-radius:14px; cursor:pointer; transition:background .15s ease, border-color .15s ease; } .felicia-chip:hover{ background:var(--fc-bg-soft); border-color:var(--fc-accent); } .felicia-form{ padding:10px 12px 12px; background:var(--fc-bg-soft); border-top:1px solid var(--fc-border); display:flex; gap:8px; align-items:flex-end; } .felicia-input{ flex:1; resize:none; border:1px solid var(--fc-border); background:#fff; border-radius:10px; padding:9px 12px; font:inherit; font-size:14px; color:var(--fc-text); min-height:38px; max-height:140px; outline:none; transition:border-color .15s ease; } .felicia-input:focus{ border-color:var(--fc-accent); } .felicia-send{ width:38px; height:38px; border:0; border-radius:10px; background:linear-gradient(135deg, var(--fc-accent), var(--fc-accent-hi)); color:#fff; cursor:pointer; font-size:14px; display:grid; place-items:center; } .felicia-send:disabled{ opacity:.5; cursor:not-allowed; } @media (max-width: 480px){ .felicia-panel{ width:100%; border-left:0; } .felicia-bubble{ bottom:18px; right:18px; } .felicia-hint{ right:84px; bottom:24px; } .felicia-hint{ left:18px; right:84px; max-width:none; } .felicia-msg{ max-width:94%; } .felicia-body{ padding:10px 12px; gap:8px; } .felicia-head{ padding:11px 12px; } } @media (max-width: 400px){ .felicia-bubble{ bottom:14px; right:14px; width:52px; height:52px; } .felicia-hint{ left:14px; right:74px; bottom:20px; font-size:12px; padding:8px 30px 8px 12px; } .felicia-form{ padding:8px 10px 10px; gap:6px; } .felicia-input{ padding:9px 10px; font-size:16px; } .felicia-msg-bubble{ padding:8px 11px; font-size:13.5px; } .felicia-body{ padding:8px 10px; } .felicia-head{ padding:10px; gap:8px; } .felicia-avatar{ width:30px; height:30px; } .felicia-subtitle{ display:none; } .felicia-head-info{ min-width:0; gap:8px; } .felicia-head-info > *{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .felicia-avatar{ flex:0 0 auto; } } 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}