@import "tailwindcss";

* { box-sizing: border-box; }
:root {
  --bg: #f6f6f8; --panel: #fff; --sidebar: #fcfcfd; --text: #17151f; --muted: #777581;
  --line: #ebe9ef; --purple: #7458e8; --purple-soft: #f1edff; --green: #2eb89b;
  --ring-track: #efedf3; --shadow: 0 1px 2px rgba(25,20,40,.03), 0 10px 34px rgba(25,20,40,.035);
}
html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--text); font-family: Arial, Helvetica, sans-serif; }
button, select { font: inherit; }
button { cursor: pointer; }
.app { min-height: 100vh; display: flex; background: var(--bg); color: var(--text); transition: .25s ease; }
.app.dark { --bg:#121117; --panel:#1b1922; --sidebar:#17151d; --text:#f7f5fb; --muted:#9e9aa8; --line:#2d2a35; --purple-soft:#2b2448; --ring-track:#302d37; --shadow:none; }
.sidebar { width: 238px; flex: 0 0 238px; position: fixed; inset: 0 auto 0 0; background: var(--sidebar); border-right: 1px solid var(--line); display: flex; flex-direction: column; padding: 25px 18px 18px; z-index: 20; }
.brand { display:flex; align-items:center; gap:11px; padding:0 8px 31px; }
.brand-mark { width:38px; height:38px; border-radius:10px; display:grid; place-items:center; font-size:22px; font-weight:900; color:#fff; background:linear-gradient(145deg,#6848de,#8e73ef); box-shadow:0 7px 16px #7356e844; }
.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:10px;background:#fff}
.domain-status-list{display:grid;gap:7px;margin:-5px 0 10px}.domain-status-list span{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:8px}.domain-status-list em{font-style:normal;text-transform:capitalize;color:var(--purple);font-weight:800}
.brand strong { display:block; font-size:17px; letter-spacing:-.3px; }.brand span { display:block; margin-top:2px; color:var(--muted); font-size:10px; }
.eyebrow { margin:0 10px 11px; text-transform:uppercase; letter-spacing:1.3px; font-size:9px; font-weight:800; color:#aaa6b0; }
.eyebrow.purple { color:var(--purple); margin:0 0 9px; }
nav button { width:100%; height:43px; border:0; background:transparent; color:var(--muted); border-radius:9px; display:flex; align-items:center; gap:12px; padding:0 11px; margin:3px 0; font-size:12px; text-align:left; font-weight:600; }
nav button span { width:19px; text-align:center; font-size:17px; color:#85818d; } nav button b { margin-left:auto; background:#eeeafd; color:var(--purple); border-radius:20px; min-width:21px; padding:3px 7px; font-size:9px; text-align:center; }
nav button:hover,.nav-active { background:var(--purple-soft)!important; color:var(--purple)!important; } .nav-active span { color:var(--purple); }
.nav-group>button>i{margin-left:auto;font-style:normal;font-size:12px}.nav-submenu{display:grid;gap:2px;margin:2px 0 7px 30px;padding-left:9px;border-left:1px solid var(--line)}.nav-submenu button{height:34px!important;margin:0!important;padding:0 10px!important;font-size:10px!important}
.sidebar-bottom { margin-top:auto; }.help-card { background:linear-gradient(150deg,#f1edff,#faf8ff); border:1px solid #e7e0ff; border-radius:12px; padding:14px; color:#30294d; margin-bottom:15px; }
.dark .help-card { background:#252039; color:#f1edff; border-color:#393051; }.help-card>span { display:grid; place-items:center; width:26px; height:26px; border-radius:8px; background:#fff; color:var(--purple); margin-bottom:10px; }
.help-card strong { font-size:11px; }.help-card p { font-size:9px; line-height:1.55; color:#7e7791; margin:5px 0 10px; }.help-card button { border:0; background:none; padding:0; color:var(--purple); font-size:9px; font-weight:800; }
.profile { width:100%; border:0; border-top:1px solid var(--line); padding:16px 2px 2px; display:flex; align-items:center; gap:9px; background:transparent; color:var(--text); text-align:left; }.avatar { display:grid; place-items:center; width:32px; height:32px; flex:0 0 32px; border-radius:9px; background:#e9e2ff; color:#6544d8; font-size:9px; font-weight:800; }
.profile strong,.profile small { display:block; }.profile strong { font-size:10px; }.profile small { color:var(--muted); font-size:8px; margin-top:3px; }.profile i { margin-left:auto; font-style:normal; color:var(--muted); font-size:9px; }
.workspace { margin-left:238px; width:calc(100% - 238px); min-width:0; }.topbar { height:67px; padding:0 37px; background:var(--panel); border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:10; }
.crumbs { display:flex; gap:10px; font-size:10px; align-items:center; }.crumbs span,.crumbs b { color:#aaa6b0; }.crumbs b { font-weight:400; }.crumbs strong { font-size:10px; }
.top-actions { display:flex; align-items:center; gap:8px; }.icon-btn { border:1px solid var(--line); background:var(--panel); color:var(--text); width:34px; height:34px; border-radius:9px; position:relative; }.notification i { position:absolute; width:5px; height:5px; border-radius:10px; background:#ef6c62; top:8px; right:8px; border:1px solid var(--panel); }
.mode-badge{font-size:7px;font-weight:800;border-radius:20px;padding:6px 9px;background:#f0edf4;color:var(--muted);white-space:nowrap}.mode-badge.live{background:#e6f8f2;color:#16886f}.mode-badge.login{background:#fff1e9;color:#c9613c}.dark .mode-badge.live{background:#1d3a32}.dark .mode-badge.login{background:#3d2a22}
.date-chip { height:34px; display:flex; align-items:center; gap:6px; border:1px solid var(--line); padding:0 11px; border-radius:9px; font-size:9px; color:var(--muted); }.date-chip strong { color:var(--text); }
.signout-btn{width:100%;height:34px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font-size:10px;font-weight:750;cursor:pointer}.signout-btn:hover{background:var(--purple-soft);color:var(--purple)}
.revision-list{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.revision-list h4{margin:0 0 10px}.revision-list>div{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:10px}.revision-list em{color:var(--muted)}.regenerate-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.regenerate-summary span{padding:14px;border-radius:10px;background:var(--soft);color:var(--muted)}.regenerate-summary b{display:block;color:var(--text);font-size:20px;margin-bottom:3px}
.primary-btn { border:0; background:var(--purple); color:#fff; border-radius:9px; padding:0 15px; height:35px; font-size:10px; font-weight:700; box-shadow:0 5px 13px #7458e839; }.primary-btn span { font-size:14px; margin-right:5px; }
.mobile-menu { display:none; border:0; background:none; color:var(--text); font-size:20px; }.content { padding:32px 37px 50px; max-width:1440px; margin:0 auto; }
.welcome { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:25px; }.welcome h1 { margin:0; font-size:23px; letter-spacing:-.7px; }.welcome h1 span { font-size:20px; }.welcome>div>p:last-child { color:var(--muted); margin:7px 0 0; font-size:11px; }
.welcome-actions { display:flex; gap:8px; }.secondary-btn { height:34px; border:1px solid var(--line); background:var(--panel); color:var(--text); padding:0 12px; border-radius:8px; font-size:9px; font-weight:700; }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:15px; }.stat-card,.panel { background:var(--panel); border:1px solid var(--line); box-shadow:var(--shadow); border-radius:12px; }
.stat-card { min-height:126px; padding:20px; display:flex; align-items:flex-start; gap:13px; position:relative; overflow:hidden; }.stat-icon { width:36px; height:36px; border-radius:10px; display:grid; place-items:center; font-size:18px; flex:0 0 36px; }.violet { background:#eee9ff;color:#7356e8 }.coral{background:#fff0ea;color:#ec7951}.mint{background:#e8faf5;color:#21aa8c}.blue{background:#e8f3ff;color:#428eda}
.stat-card p { font-size:10px; color:var(--muted); margin:0 0 5px; }.stat-card h2 { font-size:23px; margin:0 0 8px; }.stat-card small { display:block; color:#aaa6b0; font-size:8px; margin-top:3px; }.up { color:#1daa83; font-size:8px; font-weight:800; }.muted-stat { color:var(--muted); font-size:8px; }
.spark { width:52px; height:32px; align-self:flex-end; margin:0 0 8px auto; display:flex; gap:3px; align-items:flex-end; opacity:.8; }.spark i { display:block; width:5px; border-radius:3px 3px 1px 1px; }.mini-calendar { margin-left:auto; width:48px;height:48px;border-radius:50%;border:5px solid #daebff;display:grid;place-content:center;text-align:center;color:#438edb}.mini-calendar b{font-size:12px}.mini-calendar span{font-size:6px;text-transform:uppercase}
.main-grid { display:grid; grid-template-columns:1.65fr 1fr; gap:15px; margin-bottom:15px; }.panel { padding:20px; }.panel-head { display:flex; justify-content:space-between; align-items:flex-start; }.panel-head h3 { margin:0; font-size:12px; }.panel-head p { margin:5px 0 0; color:var(--muted); font-size:9px; }.dots { border:0; background:transparent; color:var(--muted); }
.workload-row { display:grid; grid-template-columns:1fr 1.2fr 68px; gap:20px; align-items:center; padding:18px 0 10px; }.person { display:flex; align-items:center; gap:10px; }.person strong,.person small { display:block; }.person strong { font-size:10px; }.person small { color:var(--muted); font-size:8px; margin-top:4px; }.avatar.lavender{background:#eee8ff}.avatar.peach{background:#ffebdd;color:#d2683e}
.progress-copy span { font-size:8px; color:var(--muted); }.progress-copy span b { color:var(--text); }.progress { height:6px; background:var(--ring-track); border-radius:10px; margin-top:8px; overflow:hidden; }.progress i { display:block; height:100%; border-radius:10px; background:var(--purple); }.progress-copy.green .progress i { background:var(--green); }.divider { height:1px; background:var(--line); }
.ring { width:64px; height:64px; padding:6px; border-radius:50%; display:grid; place-items:center; }.ring-core { width:100%; height:100%; border-radius:50%; background:var(--panel); display:grid; place-content:center; text-align:center; }.ring-core strong { font-size:11px; }.ring-core span { font-size:6px; color:var(--muted); }
.panel-head select,.filters select { border:1px solid var(--line); background:var(--panel); color:var(--text); border-radius:7px; height:29px; font-size:8px; padding:0 9px; }.completion-body { display:flex; justify-content:space-around; align-items:center; padding:19px 0 4px; }.completion-body>.ring { width:112px; height:112px; padding:10px; }.completion-body>.ring .ring-core strong { font-size:20px; }.completion-body>.ring .ring-core span { font-size:8px; margin-top:2px; }
.legend { width:42%; }.legend p { display:grid; grid-template-columns:8px 1fr auto; align-items:center; gap:7px; margin:0 0 11px; font-size:8px; color:var(--muted); }.legend p b { color:var(--text); }.legend-dot { width:6px;height:6px;border-radius:50%}.purple-dot{background:var(--purple)}.soft-dot{background:#dedbe5}
.completion-note { display:flex; gap:7px; align-items:center; background:#eaf9f5; color:#278c76; border-radius:8px; padding:8px; }.dark .completion-note{background:#203932}.completion-note>span{font-size:15px}.completion-note strong,.completion-note small{display:block}.completion-note strong{font-size:8px}.completion-note small{font-size:6px;margin-top:2px}
.lower-grid { display:grid; grid-template-columns:1.08fr .92fr; gap:15px; margin-bottom:15px; }.text-btn { border:0;background:none;color:var(--purple);font-size:8px;font-weight:700}.client-list{padding-top:13px}.client-row{display:flex;align-items:center;gap:10px;padding:9px 0}.client-logo{width:31px;height:31px;border-radius:9px;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:900}.client-info{flex:1}.client-info>div:first-child{display:flex;justify-content:space-between}.client-info strong,.client-info small{font-size:9px}.client-info small{color:var(--muted)}.slim-progress{height:4px;background:var(--ring-track);border-radius:8px;margin-top:8px;overflow:hidden}.slim-progress i{display:block;height:100%;border-radius:8px}.client-pct{text-align:right;width:40px}.client-pct strong,.client-pct span{display:block}.client-pct strong{font-size:10px}.client-pct span{font-size:7px;color:var(--muted);margin-top:3px}
.task-count{background:var(--purple-soft);color:var(--purple);font-size:7px;border-radius:20px;padding:5px 8px;font-weight:700}.task-list{padding-top:12px}.task-row{min-height:40px;display:flex;align-items:center;border-bottom:1px solid var(--line);position:relative;cursor:pointer}.task-row input{position:absolute;opacity:0}.checkmark{width:16px;height:16px;border:1px solid #d8d4dd;border-radius:5px;color:transparent;display:grid;place-items:center;font-size:9px}.task-row input:checked+.checkmark{background:var(--purple);border-color:var(--purple);color:#fff}.task-client-dot{width:6px;height:6px;border-radius:50%;margin:0 8px 0 10px}.task-copy{flex:1}.task-copy strong,.task-copy small{display:block}.task-copy strong{font-size:8px}.task-copy strong.done{text-decoration:line-through;color:var(--muted)}.task-copy small{font-size:6px;color:var(--muted);margin-top:3px}.type-pill{font-size:6px;background:#f1edff;color:var(--purple);border-radius:10px;padding:4px 7px}.type-pill.video{background:#e8faf5;color:#24987f}.view-tasks{width:100%;border:0;background:transparent;color:var(--purple);font-size:8px;font-weight:700;margin:14px 0 0}.view-tasks span{margin-left:4px}
.schedule{padding-bottom:14px}.schedule-head{align-items:center}.filters{display:flex;gap:7px}.week-header{display:grid;grid-template-columns:repeat(5,1fr);margin-top:18px;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;overflow:hidden}.week-header>div{padding:9px 10px;font-size:7px;font-weight:800;border-right:1px solid var(--line)}.week-header>div:last-child{border:0}.week-header span{float:right;color:#ef7953;font-size:6px}.week-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:0 0 8px 8px;overflow:hidden;min-height:122px}.day-col{padding:8px;border-right:1px solid var(--line)}.day-col:last-child{border:0}.calendar-task{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:6px;padding:6px;display:flex;align-items:center;text-align:left;gap:6px;margin-bottom:5px}.calendar-task>i{width:3px;height:22px;border-radius:4px}.calendar-task span{flex:1}.calendar-task strong,.calendar-task small{display:block;font-size:7px}.calendar-task small{font-size:6px;color:var(--muted);margin-top:2px}.calendar-task>b{font-size:8px;color:var(--green)}.holiday-col{background:repeating-linear-gradient(135deg,var(--bg),var(--bg) 5px,var(--panel) 5px,var(--panel) 10px);display:grid;place-items:center}.holiday-copy{text-align:center;color:var(--muted)}.holiday-copy span,.holiday-copy strong,.holiday-copy small{display:block}.holiday-copy span{font-size:17px}.holiday-copy strong{font-size:7px;margin-top:4px}.holiday-copy small{font-size:6px;margin-top:3px}.toast{position:fixed;right:24px;bottom:24px;z-index:50;background:#191720;color:#fff;padding:12px 16px;border-radius:10px;font-size:10px;box-shadow:0 14px 35px #0003;animation:toast .25s ease}.toast span{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--green);margin-right:8px}
.scrim{display:none}.secondary-btn:hover,.icon-btn:hover,.calendar-task:hover{border-color:#cfc7ee}.primary-btn:hover{background:#6548d7}@keyframes toast{from{transform:translateY(8px);opacity:0}}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 15%,#eee9ff 0,transparent 30%),#f7f6fa}.login-card{width:min(100%,410px);background:#fff;border:1px solid #e8e5ee;border-radius:18px;padding:34px;box-shadow:0 24px 70px #33265a18}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:31px}.login-brand>span{width:38px;height:38px;border-radius:10px;background:#7458e8;color:#fff;display:grid;place-items:center;font-weight:900}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:17px}.login-brand small{font-size:9px;color:#817d88;margin-top:2px}.login-card h1{font-size:24px;letter-spacing:-.6px;margin:0}.login-card>p:not(.eyebrow){font-size:11px;color:#777581;line-height:1.6;margin:9px 0 23px}.login-card form{display:grid;gap:15px}.login-card label{font-size:10px;font-weight:700;color:#4b4752}.login-card input{display:block;width:100%;height:43px;border:1px solid #dedbe4;border-radius:9px;margin-top:7px;padding:0 12px;outline:none}.login-card input:focus{border-color:#7458e8;box-shadow:0 0 0 3px #7458e815}.login-card form .primary-btn{height:43px;margin-top:3px}.login-card form .primary-btn:disabled{opacity:.6}.form-message{font-size:9px;color:#b84f44;background:#fff0ed;border-radius:8px;padding:9px}.login-card>a{display:block;text-align:center;color:#7458e8;font-size:9px;font-weight:700;margin-top:20px;text-decoration:none}
.module{animation:moduleIn .25s ease}.module-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.module-toolbar h2{font-size:20px;margin:0;letter-spacing:-.5px}.module-toolbar p{font-size:10px;color:var(--muted);margin:6px 0 0}.module-metrics,.report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.module-metrics>div,.report-kpis>article{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:16px 18px}.module-metrics span,.report-kpis span{font-size:8px;color:var(--muted);display:block}.module-metrics strong,.report-kpis strong{font-size:20px;display:block;margin-top:7px}.data-panel{padding:0;overflow:hidden}.data-head{height:59px;padding:0 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.data-head strong{font-size:11px}.data-head>div{display:flex;gap:7px}.data-head input,.data-head select,.toolbar-actions select{height:31px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:7px;padding:0 10px;font-size:8px}.data-table{width:100%}.table-row{display:grid;grid-template-columns:1.6fr .8fr .8fr .65fr .7fr 30px;align-items:center;min-height:55px;padding:0 18px;border-bottom:1px solid var(--line);font-size:9px}.table-row:last-child{border:0}.table-header{min-height:37px;background:var(--bg);color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.5px}.table-person{display:flex;align-items:center;gap:9px}.table-person i{width:28px;height:28px;border-radius:8px;color:#fff;display:grid;place-items:center;font-style:normal;font-size:7px}.table-row em{font-style:normal}.priority{border-radius:20px;padding:4px 8px;font-size:7px}.priority.high{background:#fff0eb;color:#cc6948}.priority.medium{background:#fff7dc;color:#a77b15}.priority.low{background:#eaf9f5;color:#208f78}.status-active{color:#219b7f;font-size:7px}.table-row button{border:0;background:transparent;color:var(--muted)}.draft-pill{background:#eaf9f5;color:#1f957d;font-size:7px;padding:6px 9px;border-radius:20px}.stepper{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.stepper button{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:8px;text-align:left;font-size:8px;position:relative}.stepper button:after{content:"";position:absolute;height:1px;background:var(--line);left:32px;right:5px;top:13px;z-index:-1}.stepper button:last-child:after{display:none}.stepper i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);font-style:normal;font-weight:800}.stepper .step-active{color:var(--purple);font-weight:800}.stepper .step-active i{background:var(--purple);color:#fff;border-color:var(--purple)}.plan-layout{display:grid;grid-template-columns:1fr 270px;gap:15px}.plan-form{min-height:440px}.plan-form h3,.plan-summary h3{font-size:15px;margin:0}.plan-form>p:not(.eyebrow){font-size:9px;color:var(--muted);margin:6px 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}.form-grid label,.modal-card label{font-size:8px;font-weight:700}.form-grid select,.form-grid input,.modal-card input,.modal-card select,.modal-card textarea{width:100%;display:block;height:38px;margin-top:6px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);padding:0 10px;font-size:9px}.weekday-pills{display:flex;gap:7px;margin-top:8px}.weekday-pills button{flex:1;height:34px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--muted);font-size:8px}.weekday-pills .selected{background:var(--purple-soft);border-color:#b9aaf5;color:var(--purple);font-weight:800}.plan-actions{display:flex;justify-content:space-between;margin-top:26px;padding-top:16px;border-top:1px solid var(--line)}.plan-actions button:disabled{opacity:.35}.requirement-list{display:grid;gap:9px}.requirement-list>div{border:1px solid var(--line);border-radius:9px;padding:10px;display:grid;grid-template-columns:32px 1fr 80px 80px;gap:9px;align-items:center}.requirement-list>div>strong{font-size:9px}.requirement-list label{font-size:7px;color:var(--muted)}.requirement-list input{width:100%;height:27px;margin-top:3px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);padding:0 7px}.mini-month{max-width:390px;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:13px}.month-labels,.month-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.month-labels span{font-size:7px;color:var(--muted);padding:5px}.month-days button,.month-days i{aspect-ratio:1;border:0;border-radius:6px;background:transparent;color:var(--text);font-size:8px;display:grid;place-items:center}.month-days button:hover{background:var(--purple-soft)}.month-days .off{background:#fff0eb;color:#cf6d4c}.review-card{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.review-card>div{background:var(--bg);border-radius:8px;padding:12px}.review-card span,.review-card strong{display:block}.review-card span{font-size:7px;color:var(--muted)}.review-card strong{font-size:15px;margin-top:6px}.logic-note{display:flex;gap:9px;background:var(--purple-soft);color:var(--purple);border-radius:9px;padding:12px;margin-top:14px}.logic-note>span{font-size:17px}.logic-note strong{font-size:9px}.logic-note p{font-size:7px;line-height:1.5;margin:4px 0 0;color:var(--muted)}.plan-summary{text-align:center}.summary-ring{width:110px;height:110px;margin:20px auto;border-radius:50%;border:10px solid var(--purple-soft);box-shadow:inset 0 0 0 2px var(--purple);display:grid;place-content:center}.summary-ring strong,.summary-ring span{display:block}.summary-ring strong{font-size:25px}.summary-ring span{font-size:7px;color:var(--muted)}.plan-summary ul{list-style:none;margin:0;padding:0;text-align:left}.plan-summary li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:8px}.plan-summary li span{color:var(--muted)}.daily-load{margin-top:14px;background:#eaf9f5;border-radius:8px;padding:10px;text-align:left}.daily-load span,.daily-load strong{display:block;font-size:7px;color:#238d77}.daily-load strong{font-size:9px;margin-top:3px}.toolbar-actions{display:flex;gap:7px}.full-calendar{padding:0;overflow:hidden}.calendar-title{height:54px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--line)}.calendar-title>button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:6px;width:25px;height:25px}.calendar-title>strong{font-size:11px}.calendar-title>span{margin-left:auto;font-size:7px;color:var(--muted)}.cal-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin:0 3px 0 8px}.violet-bg{background:var(--purple)}.green-bg{background:var(--green)}.gray-bg{background:#aaa6b0}.calendar-labels,.calendar-cells{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-labels span{padding:8px;border-right:1px solid var(--line);font-size:7px;color:var(--muted);text-transform:uppercase}.calendar-cell{min-height:104px;border-right:1px solid var(--line);border-top:1px solid var(--line);padding:7px}.calendar-cell>b{font-size:8px}.calendar-cell.off-cell{background:repeating-linear-gradient(135deg,var(--bg),var(--bg) 5px,var(--panel) 5px,var(--panel) 10px)}.calendar-cell>em{display:block;color:#c86b4d;font-size:7px;margin-top:15px;font-style:normal}.cal-task{width:100%;display:block;border:0;border-left:3px solid var(--purple);border-radius:4px;background:var(--purple-soft);color:var(--text);font-size:6px;text-align:left;padding:5px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-task.video-cal{border-color:var(--green);background:#eaf9f5}.dark .cal-task.video-cal{background:#203932}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.team-card>div:first-child{display:flex;justify-content:space-between}.team-card>div:first-child span,.performance-list>div>span{width:38px;height:38px;border-radius:10px;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:800}.team-card>div:first-child button{border:0;background:transparent;color:var(--muted)}.team-card h3{font-size:12px;margin:14px 0 4px}.team-card>p{font-size:8px;color:var(--muted);margin:0}.team-card>em{display:inline-block;font-style:normal;font-size:7px;color:var(--purple);background:var(--purple-soft);border-radius:20px;padding:5px 8px;margin-top:10px}.team-numbers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:15px;padding-top:13px}.team-numbers span{font-size:7px;color:var(--muted)}.team-numbers b{font-size:12px;color:var(--text);display:block;margin-bottom:3px}.team-card>.progress{margin-top:12px}.admin-access{font-size:8px;color:var(--muted);background:var(--bg);border-radius:7px;padding:11px;margin-top:15px}.report-kpis article{padding:18px}.report-kpis small{display:block;font-size:7px;color:var(--muted);margin-top:5px}.report-kpis .positive{color:#24977f}.report-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.report-chart .panel-head>span{font-size:7px;color:var(--muted)}.bar-chart{height:200px;display:flex;align-items:flex-end;justify-content:space-around;padding:20px 10px 5px}.bar-chart>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar-chart>div>i{width:26px;background:var(--purple-soft);border-radius:5px 5px 1px 1px;display:flex;align-items:flex-end}.bar-chart>div>i>b{width:100%;background:var(--purple);border-radius:5px 5px 1px 1px}.bar-chart span{font-size:7px;color:var(--muted)}.performance-list>div:not(.panel-head){display:grid;grid-template-columns:38px 1fr 30px;gap:10px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.performance-list>div>div>strong,.performance-list>div>div>small{display:block;font-size:8px}.performance-list>div>div>small{font-size:7px;color:var(--muted);margin-top:3px}.performance-list .progress{margin-top:7px;height:4px}.performance-list>div>b{font-size:10px}.modal-wrap{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal-scrim{position:absolute;inset:0;border:0;background:#16121e99;backdrop-filter:blur(3px)}.modal-card{position:relative;width:min(100%,440px);max-height:90vh;overflow:auto;background:var(--panel);color:var(--text);border-radius:15px;padding:25px;box-shadow:0 30px 80px #0004}.modal-close{position:absolute;right:15px;top:13px;border:0;background:var(--bg);color:var(--text);width:28px;height:28px;border-radius:50%;font-size:17px}.modal-card h2{font-size:19px;margin:0}.modal-card>p:not(.eyebrow){font-size:9px;color:var(--muted);margin:6px 0 20px}.modal-card form{display:grid;gap:13px}.modal-card textarea{height:70px;padding-top:9px;resize:vertical}.modal-card form>.primary-btn{height:40px;margin-top:4px}@keyframes moduleIn{from{opacity:0;transform:translateY(5px)}}

.landing{min-height:100vh;background:#fbfafc;color:#18151f}.landing a{text-decoration:none}.landing-nav{height:78px;max-width:1180px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.landing-brand{display:flex;align-items:center;gap:10px;color:#18151f}.landing-brand>span{width:35px;height:35px;border-radius:10px;background:#7458e8;color:#fff;display:grid;place-items:center;font-weight:900}.landing-brand strong{font-size:18px;letter-spacing:-.4px}.landing-nav nav{display:flex;gap:29px}.landing-nav nav a,.landing-login{font-size:12px;color:#68636e;font-weight:600}.landing-nav>div{display:flex;align-items:center;gap:18px}.landing-cta{display:inline-flex;align-items:center;justify-content:center;background:#7458e8;color:#fff;border-radius:11px;padding:15px 22px;font-size:12px;font-weight:800;box-shadow:0 12px 26px #7458e82b}.landing-cta.small{padding:11px 16px;border-radius:9px}.landing-hero{max-width:1180px;margin:0 auto;padding:77px 28px 92px;display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}.hero-pill{display:inline-block;color:#6649d8;background:#eee9ff;border-radius:30px;padding:8px 12px;font-size:10px;font-weight:800}.hero-copy h1{font-size:62px;line-height:1.02;letter-spacing:-3.5px;margin:22px 0 20px}.hero-copy h1 em{font-style:normal;color:#7458e8}.hero-copy>p{font-size:15px;line-height:1.75;color:#6f6977;max-width:520px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.hero-secondary{font-size:12px;font-weight:800;color:#2a2530}.hero-trust{display:flex;gap:18px;margin-top:27px;color:#78717e;font-size:9px}.hero-product{background:#fff;border:1px solid #e9e5ef;border-radius:20px;box-shadow:0 35px 90px #36245d1c;overflow:hidden;transform:perspective(1000px) rotateY(-2deg) rotateX(1deg)}.preview-top{height:50px;border-bottom:1px solid #eeeaf2;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.preview-top span{font-weight:800;font-size:10px}.preview-top i{display:inline-grid;place-items:center;width:23px;height:23px;background:#7458e8;color:#fff;border-radius:7px;font-style:normal;margin-right:6px}.preview-top small{color:#89838e;font-size:8px}.preview-body{display:grid;grid-template-columns:115px 1fr;min-height:350px}.preview-body aside{padding:20px 13px;border-right:1px solid #eeeaf2;display:flex;flex-direction:column;gap:17px;font-size:7px;color:#908a95}.preview-body aside b{background:#f0ecff;color:#7458e8;padding:9px;border-radius:7px}.preview-main{padding:27px}.preview-main>p{font-size:8px;color:#7458e8;text-transform:uppercase;font-weight:800;margin:0}.preview-main h3{font-size:18px;margin:8px 0 22px}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.preview-stats>span{border:1px solid #eeeaf2;border-radius:9px;padding:12px}.preview-stats small,.preview-stats b{display:block}.preview-stats small{font-size:6px;color:#8a8490}.preview-stats b{font-size:17px;margin-top:6px}.preview-chart{height:105px;margin:18px 0 13px;border:1px solid #eeeaf2;border-radius:10px;padding:16px;display:flex;align-items:flex-end;gap:8px}.preview-chart i{flex:1;background:linear-gradient(#9b85ef,#7458e8);border-radius:4px 4px 2px 2px}.preview-attendance{display:flex;justify-content:space-between;background:#eaf9f5;color:#238d77;border-radius:8px;padding:10px;font-size:7px}.landing-logos{border-top:1px solid #ebe7ef;border-bottom:1px solid #ebe7ef;min-height:78px;display:flex;align-items:center;justify-content:center;gap:45px;color:#89838e}.landing-logos span{font-size:9px;text-transform:uppercase;letter-spacing:1px}.landing-logos b{font-size:12px}.landing-features{max-width:1180px;margin:auto;padding:105px 28px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:end}.section-heading>span{grid-column:1/-1;color:#7458e8;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:1px}.section-heading h2{font-size:43px;letter-spacing:-2px;line-height:1.1;margin:0}.section-heading p{font-size:13px;color:#77707c;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}.feature-grid article{background:#fff;border:1px solid #e9e5ef;border-radius:14px;padding:24px;min-height:230px}.feature-grid article>span{width:40px;height:40px;border-radius:10px;background:#f0ecff;color:#7458e8;display:grid;place-items:center;font-size:18px}.feature-grid h3{font-size:14px;margin:23px 0 9px}.feature-grid p{font-size:10px;line-height:1.65;color:#77707c}.feature-grid a{display:block;margin-top:24px;color:#7458e8;font-size:9px;font-weight:800}.workflow{max-width:1124px;margin:0 auto 105px;background:#201a29;color:#fff;border-radius:20px;padding:45px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.workflow>div{border-right:1px solid #ffffff22;padding-right:30px}.workflow>div:last-child{border:0}.workflow span{color:#a993ff;font-size:10px;font-weight:800}.workflow h3{font-size:16px}.workflow p{font-size:10px;color:#b9b2be;line-height:1.6}.landing-final{text-align:center;padding:95px 24px;background:#7458e8;color:#fff}.landing-final>span{font-size:10px;text-transform:uppercase;letter-spacing:1px}.landing-final h2{font-size:43px;letter-spacing:-2px;max-width:670px;margin:18px auto 30px}.landing-cta.light{background:#fff;color:#6547d9;box-shadow:none}.landing-footer{max-width:1180px;margin:auto;padding:35px 28px;display:flex;align-items:center;gap:25px;color:#77707c;font-size:9px}.landing-footer p{flex:1}.landing-footer>span a{color:#7458e8;font-weight:700}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 34px 24px;color:var(--muted);font-size:8px}.app-footer a{color:var(--purple);font-weight:700;text-decoration:none}.app-footer a:hover{text-decoration:underline}.app-footer strong{font-weight:700;color:var(--muted)}
.team-contact{display:grid;gap:4px;margin-top:10px}.team-contact a{font-size:7px;color:var(--muted);text-decoration:none}.team-contact a:hover{color:var(--purple)}.attendance-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:23px;margin-bottom:14px;background:linear-gradient(120deg,var(--panel),var(--purple-soft))}.attendance-hero h3{font-size:17px;margin:3px 0 7px}.attendance-hero>div>p:last-child{max-width:590px;color:var(--muted);font-size:9px;line-height:1.6;margin:0}.attendance-actions{display:flex;gap:8px;flex-shrink:0}.attendance-actions button:disabled{opacity:.45;cursor:not-allowed}.attendance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.attendance-summary article{padding:16px 18px}.attendance-summary span,.attendance-summary strong{display:block}.attendance-summary span{font-size:8px;color:var(--muted)}.attendance-summary strong{font-size:20px;margin-top:7px}.attendance-table .data-head>span{font-size:7px;color:var(--muted)}.attendance-row{display:grid;grid-template-columns:1.4fr .8fr .7fr .7fr .9fr .55fr;gap:10px;align-items:center;min-height:54px;padding:0 18px;border-bottom:1px solid var(--line);font-size:8px}.attendance-row>span>b,.attendance-row>span>small{display:block}.attendance-row>span>small{font-size:7px;color:var(--muted);margin-top:3px}.attendance-header{min-height:37px;background:var(--bg);color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.5px}.location-pill{display:inline-block;font-style:normal;border-radius:20px;padding:5px 8px;font-size:7px;font-weight:700}.location-pill.office{background:#eaf9f5;color:#208f78}.location-pill.home{background:#fff0eb;color:#cc6948}.empty-attendance{padding:28px;text-align:center;color:var(--muted);font-size:9px}.location-fill{height:38px;width:100%}
.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.company-settings h3,.department-panel h3{font-size:17px;margin:4px 0 18px}.company-settings form{display:grid;gap:13px}.company-settings label{font-size:8px;font-weight:700}.company-settings input,.company-settings textarea,.company-settings select,.department-panel input{width:100%;display:block;margin-top:6px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:10px;font-size:9px}.company-settings textarea{min-height:75px;resize:vertical}.department-panel form{display:flex;gap:8px}.department-panel form input{margin:0}.department-list{display:grid;gap:8px;margin-top:16px}.department-list>div{display:grid;grid-template-columns:34px 1fr;align-items:center;column-gap:9px;border:1px solid var(--line);border-radius:9px;padding:9px}.department-list>div>span{grid-row:1/3;width:34px;height:34px;border-radius:8px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center;font-size:8px;font-weight:800}.department-list strong{font-size:9px}.department-list small,.department-list>p{font-size:7px;color:var(--muted)}.isolation-note{display:flex;gap:12px;align-items:center;margin-top:15px;background:var(--purple-soft);color:var(--purple)}.isolation-note>span{font-size:22px}.isolation-note strong{font-size:10px}.isolation-note p{font-size:8px;color:var(--muted);margin:4px 0 0}

.google-btn{width:100%;height:44px;border:1px solid #dedbe4;border-radius:9px;background:#fff;color:#302b36;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px}.google-btn span{font-size:15px;font-weight:900;color:#4285f4}.google-btn:hover{border-color:#bdb6ca;background:#faf9fc}.google-btn:disabled{opacity:.6}.login-divider{display:flex;align-items:center;gap:10px;color:#9a949f;font-size:8px;margin:17px 0}.login-divider:before,.login-divider:after{content:"";height:1px;background:#ebe8ef;flex:1}

.signup-page{min-height:100vh;display:grid;grid-template-columns:.82fr 1.18fr;background:#faf9fc}.signup-intro{background:#211a2b;color:#fff;padding:45px 60px;display:flex;flex-direction:column;justify-content:space-between}.signup-intro .landing-brand{color:#fff}.signup-intro>div{max-width:480px}.signup-intro h1{font-size:40px;line-height:1.12;letter-spacing:-2px;margin:20px 0}.signup-intro>div>p{font-size:12px;line-height:1.7;color:#bbb4c1}.signup-intro ul{list-style:none;padding:0;margin:28px 0;display:grid;gap:12px;color:#d9d3de;font-size:10px}.signup-intro>small{color:#8e8795;font-size:8px}.signup-form-wrap{display:grid;place-items:center;padding:40px}.signup-card{width:min(100%,570px);background:#fff;border:1px solid #e8e5ee;border-radius:18px;padding:34px;box-shadow:0 24px 70px #33265a12}.signup-card h2{font-size:26px;letter-spacing:-.7px;margin:0}.signup-sub{font-size:10px;color:#777581;margin:8px 0 22px}.signup-card form{display:grid;gap:14px}.signup-card label{font-size:9px;font-weight:700;color:#4b4752}.signup-card input{display:block;width:100%;height:42px;border:1px solid #dedbe4;border-radius:8px;margin-top:6px;padding:0 11px;outline:none}.signup-card input:focus{border-color:#7458e8;box-shadow:0 0 0 3px #7458e815}.signup-submit{height:44px;margin-top:4px}.signup-submit:disabled{opacity:.6}.signup-login{text-align:center;font-size:9px;color:#817b87;margin:18px 0 0}.signup-login a{color:#7458e8;font-weight:800;text-decoration:none}.login-card>.signup-login{margin-bottom:4px}.signup-complete{text-align:center;padding:35px 10px}.signup-complete>span{width:58px;height:58px;border-radius:50%;background:#eaf9f5;color:#269a81;display:grid;place-items:center;font-size:25px;margin:0 auto 18px}.signup-complete h2{font-size:25px}.signup-complete p{font-size:11px;line-height:1.7;color:#777581;margin:10px auto 24px;max-width:350px}

@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.main-grid,.lower-grid{grid-template-columns:1fr}.content{padding:26px}.topbar{padding:0 26px}.plan-layout{grid-template-columns:1fr}.plan-summary{display:none}.team-grid{grid-template-columns:repeat(2,1fr)}.attendance-row{min-width:720px}.attendance-table{overflow-x:auto}.landing-hero{gap:35px}.hero-copy h1{font-size:50px}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0;width:100%}.mobile-menu{display:block}.crumbs{display:none}.topbar{padding:0 16px}.date-chip,.mode-badge{display:none}.content{padding:22px 16px}.welcome{align-items:flex-start;gap:16px;flex-direction:column}.welcome-actions{width:100%;overflow-x:auto}.welcome-actions button{flex:1;white-space:nowrap}.stats-grid{grid-template-columns:1fr 1fr}.main-grid,.lower-grid{grid-template-columns:1fr}.scrim{display:block;position:fixed;z-index:15;inset:0;border:0;background:#14101d66}.week-header,.week-grid{min-width:680px}.schedule{overflow-x:auto}.schedule-head{position:sticky;left:0}.workload-row{grid-template-columns:1fr 1fr 60px;gap:10px}.module-metrics,.report-kpis{grid-template-columns:1fr 1fr}.data-panel,.full-calendar{overflow-x:auto}.data-table{min-width:650px}.full-calendar>div{min-width:720px}.stepper span{display:none}.team-grid,.report-grid{grid-template-columns:1fr}.module-toolbar{align-items:flex-start;gap:12px}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.landing-nav nav{display:none}.landing-hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-trust{justify-content:center}.hero-product{transform:none}.landing-logos{gap:18px;flex-wrap:wrap;padding:20px}.section-heading{grid-template-columns:1fr}.workflow{margin-left:18px;margin-right:18px;grid-template-columns:1fr}.workflow>div{border-right:0;border-bottom:1px solid #ffffff22}.landing-footer{flex-wrap:wrap}.landing-footer p{flex:0 0 100%;order:3}.signup-page{grid-template-columns:1fr}.signup-intro{padding:28px;min-height:340px}.signup-intro h1{font-size:32px}.signup-form-wrap{padding:24px 16px}}
@media(max-width:490px){.stats-grid{grid-template-columns:1fr}.top-actions .icon-btn:first-child{display:none}.primary-btn{padding:0 10px}.workload-row{grid-template-columns:1fr 65px}.progress-copy{display:none}.completion-body{gap:12px}.legend{width:50%}.filters{flex-direction:column}.welcome h1{font-size:21px}.app-footer{padding:0 16px 20px;flex-direction:column;align-items:flex-start}.attendance-hero{align-items:flex-start;flex-direction:column}.attendance-actions{width:100%}.attendance-actions button{flex:1}.attendance-summary{grid-template-columns:1fr 1fr}.attendance-summary article:first-child{grid-column:1/-1}.privacy-note{display:none}}
@media print{.sidebar,.topbar,.welcome-actions,.schedule,.toast{display:none!important}.workspace{margin:0;width:100%}.content{padding:0}.stats-grid{grid-template-columns:repeat(4,1fr)}.app{background:#fff}.panel,.stat-card{box-shadow:none;break-inside:avoid}}

/* Administration backend and public journal */
.admin-shell{min-height:100vh;background:#f5f4f8;color:#191721}.admin-header{height:72px;padding:0 max(24px,calc((100vw - 1320px)/2));background:#fff;border-bottom:1px solid #e7e4ec;display:flex;align-items:center;justify-content:space-between}.admin-brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.admin-brand>span{width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,#6848de,#8e73ef);color:#fff;display:grid;place-items:center;font-weight:900}.admin-brand strong,.admin-brand small{display:block}.admin-brand strong{font-size:14px}.admin-brand small{font-size:8px;color:#7d7985;margin-top:3px}.admin-header nav{display:flex;gap:9px}.admin-header nav a{color:#5f596a;text-decoration:none;border:1px solid #e7e4ec;border-radius:8px;padding:9px 12px;font-size:9px;font-weight:800}.admin-main{max-width:1320px;margin:auto;padding:42px 24px 70px}.admin-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.admin-welcome p,.admin-kicker{margin:0 0 8px;color:#7458e8;font-size:8px;font-weight:900;letter-spacing:1.5px}.admin-welcome h1,.admin-editor h1{font-size:28px;letter-spacing:-.8px;margin:0 0 8px}.admin-welcome span{font-size:10px;color:#77727e}.admin-primary{height:39px;padding:0 16px;border:0;border-radius:9px;background:#7458e8;color:#fff;text-decoration:none;display:inline-grid;place-items:center;font-size:9px;font-weight:900;box-shadow:0 8px 20px #7458e833}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:34px}.admin-stats article{background:#fff;border:1px solid #e7e4ec;border-radius:13px;padding:19px}.admin-stats span,.admin-stats strong,.admin-stats small{display:block}.admin-stats span{color:#77727e;font-size:9px}.admin-stats strong{font-size:25px;margin-top:7px}.admin-stats small{font-size:7px;color:#7458e8;margin-top:3px}.admin-section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.admin-section-head h1,.admin-section-head h2{margin:0;font-size:16px}.admin-section-head p{margin:5px 0 0;font-size:9px;color:#77727e}.admin-control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.admin-control-grid>a{min-height:138px;background:#fff;border:1px solid #e7e4ec;border-radius:13px;padding:18px;color:inherit;text-decoration:none;display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:start;transition:.2s}.admin-control-grid>a:hover{transform:translateY(-2px);border-color:#7458e8;box-shadow:0 12px 35px #271a4c10}.admin-control-grid i{width:38px;height:38px;border-radius:10px;background:#f0ecff;color:#7458e8;display:grid;place-items:center;font-style:normal;font-size:17px}.admin-control-grid strong{font-size:11px}.admin-control-grid p{font-size:8px;line-height:1.55;color:#77727e;margin:6px 0 0}.admin-control-grid b{color:#9b96a2}.admin-blog-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:18px;align-items:start}.admin-editor,.admin-post-list{background:#fff;border:1px solid #e7e4ec;border-radius:14px;padding:23px}.admin-editor{display:grid;gap:15px}.admin-editor label{font-size:9px;font-weight:800}.admin-editor input,.admin-editor textarea,.admin-editor select{display:block;width:100%;margin-top:7px;border:1px solid #dedbe4;background:#faf9fb;color:#191721;border-radius:9px;padding:11px;font:inherit;font-size:10px}.admin-editor textarea{min-height:82px;resize:vertical}.admin-editor .admin-content-input{min-height:330px;line-height:1.75}.admin-editor .admin-section-head button{border:0;background:none;color:#7458e8;font-size:8px;font-weight:800}.admin-publish-row{display:flex;align-items:end;justify-content:space-between;gap:15px}.admin-publish-row label{min-width:180px}.admin-publish-row .admin-primary{cursor:pointer}.admin-publish-row .admin-primary:disabled{opacity:.55}.admin-notice{padding:10px;border-radius:8px;background:#e8f8f2;color:#1e826c;font-size:9px}.admin-post-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ece9ef;padding:14px 0}.admin-post-list article:last-child{border-bottom:0}.admin-post-list article strong,.admin-post-list article small{display:block}.admin-post-list article strong{font-size:10px;margin:6px 0}.admin-post-list article small{font-size:7px;color:#77727e}.admin-post-list article em{display:inline-block;border-radius:20px;padding:4px 7px;font-size:7px;font-style:normal;text-transform:capitalize}.admin-post-list article em.published{background:#e8f8f2;color:#1e826c}.admin-post-list article em.draft{background:#fff2dc;color:#a56c15}.admin-post-list article button{border:1px solid #dedbe4;background:#fff;border-radius:7px;padding:6px 8px;font-size:7px;margin-left:4px}.admin-post-list article button.delete{color:#c84d4d}.admin-empty{padding:40px 10px;text-align:center;color:#77727e;font-size:9px}.public-blog{min-height:100vh;background:#fbfafc;color:#191721}.public-blog>header{height:72px;max-width:1180px;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.public-blog>header nav{display:flex;gap:20px}.public-blog>header nav a{color:#5f596a;text-decoration:none;font-size:10px;font-weight:800}.blog-hero{padding:85px 20px 70px;text-align:center;background:radial-gradient(circle at 50% 0,#eee9ff 0,transparent 60%)}.blog-hero p{color:#7458e8;font-size:8px;font-weight:900;letter-spacing:1.7px}.blog-hero h1{font-size:44px;letter-spacing:-1.8px;margin:13px auto;max-width:740px}.blog-hero span{font-size:11px;color:#77727e}.blog-grid{max-width:1180px;margin:auto;padding:0 20px 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-grid article{background:#fff;border:1px solid #e7e4ec;border-radius:15px;overflow:hidden}.blog-grid article>img{width:100%;height:190px;object-fit:cover}.blog-grid article>div{padding:21px}.blog-grid small{font-size:8px;color:#7458e8}.blog-grid h2{font-size:18px;margin:10px 0}.blog-grid p{font-size:10px;color:#66616d;line-height:1.8;white-space:pre-wrap}.blog-grid button{border:0;background:none;color:#7458e8;padding:7px 0;font-size:9px;font-weight:900}.blog-empty{grid-column:1/-1;text-align:center;padding:80px}.blog-empty h2{font-size:20px}.blog-empty p{font-size:10px;color:#77727e}
@media(max-width:900px){.admin-control-grid,.admin-stats{grid-template-columns:1fr 1fr}.admin-blog-layout{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.admin-header nav a:first-child{display:none}.admin-main{padding:28px 16px 55px}.admin-welcome{align-items:flex-start;flex-direction:column}.admin-control-grid,.admin-stats,.blog-grid{grid-template-columns:1fr}.admin-publish-row{align-items:stretch;flex-direction:column}.admin-publish-row label{min-width:0}.blog-hero{padding:55px 18px}.blog-hero h1{font-size:32px}.public-blog>header{padding:0 16px}}
.admin-company-panel{margin-top:34px;background:#fff;border:1px solid #e7e4ec;border-radius:14px;padding:22px;scroll-margin-top:20px}.admin-company-panel>article{display:grid;grid-template-columns:minmax(220px,1fr) 80px 80px 80px auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #ece9ef}.admin-company-panel>article:last-child{border:0}.admin-company-panel strong,.admin-company-panel small{display:block}.admin-company-panel small{font-size:8px;color:#77727e;margin-top:5px}.admin-company-panel span{font-size:8px;color:#77727e}.admin-company-panel span b{display:block;font-size:14px;color:#191721;margin-bottom:2px}.admin-company-panel button{border:1px solid #dedbe4;background:#fff;border-radius:7px;padding:8px 10px;font-size:8px;font-weight:800}.admin-modal{position:fixed;inset:0;z-index:200;background:#1b152840;display:grid;place-items:center;padding:20px}.admin-modal form{width:min(100%,520px);background:#fff;border-radius:15px;padding:24px;display:grid;gap:15px;box-shadow:0 30px 80px #1b152840}.admin-modal label{font-size:9px;font-weight:800}.admin-modal input,.admin-modal textarea{display:block;width:100%;margin-top:6px;border:1px solid #dedbe4;border-radius:8px;padding:10px;font:inherit;font-size:10px}.admin-modal textarea{min-height:80px}.admin-modal .admin-section-head>button{border:0;background:none;font-size:22px}@media(max-width:760px){.admin-company-panel>article{grid-template-columns:1fr 1fr 1fr}.admin-company-panel>article>div{grid-column:1/-1}.admin-company-panel>article button{grid-column:1/-1}.admin-company-panel{overflow:hidden}}
.client-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.client-form-actions .primary-btn,.client-form-actions .danger-btn{height:40px}.danger-btn{border:1px solid #efb5a5;background:#fff0eb;color:#bd5438;border-radius:8px;padding:0 14px;font-size:9px;font-weight:800}.dark .danger-btn{background:#422921;border-color:#704033;color:#ffb39e}.table-row button[aria-label^="Edit"]{cursor:pointer;width:28px;height:28px;border-radius:7px;font-size:13px}.table-row button[aria-label^="Edit"]:hover{background:var(--purple-soft);color:var(--purple)}
.location-help{display:block;margin-top:-8px;color:var(--muted);font-size:8px}.location-fill:disabled{opacity:.6;cursor:wait}
.attendance-month{height:36px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:0 10px;font-size:9px}.attendance-summary small{display:block;margin-top:5px;color:var(--muted);font-size:7px}.attendance-row>span>small{display:block;color:var(--muted);font-size:7px;margin-top:3px}.attendance-alert{color:#d95454!important;font-weight:800}
.invoice-builder{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:start}.invoice-form-stack{display:grid;gap:14px}.invoice-form-card{padding:20px}.invoice-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.invoice-fields label{font-size:8px;font-weight:800}.invoice-fields input,.invoice-fields textarea,.invoice-item input{display:block;width:100%;margin-top:6px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:8px;padding:10px;font-size:9px}.invoice-fields textarea{min-height:64px;resize:vertical}.invoice-wide{grid-column:1/-1}.invoice-card-head{display:flex;align-items:center;justify-content:space-between}.invoice-items{display:grid;gap:7px;margin-top:12px}.invoice-item{display:grid;grid-template-columns:minmax(170px,1fr) 105px 65px 105px 28px;gap:7px;align-items:center}.invoice-item input{margin:0}.invoice-item strong{font-size:8px;text-align:right}.invoice-item>button{border:0;background:#fff0ed;color:#cf573c;border-radius:7px;width:28px;height:34px}.invoice-item>button:disabled{opacity:.35}.invoice-item-head{font-size:7px;text-transform:uppercase;color:var(--muted);padding:0 8px}.invoice-item-head span:nth-child(4){text-align:right}.invoice-summary{position:sticky;top:84px;padding:22px;background:linear-gradient(150deg,#332f38,#211d25);color:#fff}.invoice-summary>span{font-size:8px;color:#c8c2cd;text-transform:uppercase}.invoice-summary>strong{display:block;font-size:25px;margin:7px 0 20px}.invoice-summary>div{display:flex;justify-content:space-between;border-top:1px solid #ffffff22;padding:11px 0;font-size:9px}.invoice-summary>p{font-size:8px;line-height:1.6;color:#bcb5c2;margin:18px 0}.invoice-summary .primary-btn{width:100%;background:#ee1653}
.invoice-number-auto{display:grid;gap:4px;margin-top:14px;border:1px dashed var(--purple);background:var(--purple-soft);border-radius:10px;padding:13px}.invoice-number-auto span{font-size:7px;text-transform:uppercase;color:var(--purple);font-weight:900}.invoice-number-auto strong{font-size:10px}.invoice-number-auto small{font-size:8px;color:var(--muted)}
.locked-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.locked-section-head small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.locked-section-head>span{background:#eaf9f5;color:#218b74;border-radius:20px;padding:7px 10px;font-size:8px;font-weight:800}.invoice-fixed-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.invoice-fixed-grid>div{display:grid;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:12px}.invoice-fixed-grid span{font-size:7px;color:var(--muted);font-weight:800}.invoice-fixed-grid strong{font-size:9px}.invoice-fixed-wide{grid-column:1/-1}.invoice-fixed-wide strong{line-height:1.6}
@media(max-width:1050px){.invoice-builder{grid-template-columns:1fr}.invoice-summary{position:static}}
@media(max-width:760px){.invoice-fields,.invoice-fixed-grid{grid-template-columns:1fr}.invoice-wide,.invoice-fixed-wide{grid-column:auto}.invoice-item{grid-template-columns:minmax(130px,1fr) 80px 55px 85px 28px;min-width:500px}.invoice-items{overflow-x:auto}}
.requirement-count{display:flex!important;align-items:center;height:27px;margin-top:3px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);font-size:10px}
.permission-picker{border:1px solid var(--line);border-radius:10px;padding:12px;margin:0}.permission-picker legend{font-size:9px;font-weight:800;padding:0 5px}.permission-picker>p{font-size:8px;color:var(--muted);margin:0 0 10px}.permission-picker>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.permission-picker label{display:flex;align-items:center;gap:7px;background:var(--bg);border-radius:7px;padding:8px;font-size:8px}.permission-picker input{width:14px;height:14px;margin:0;accent-color:var(--purple)}
.plan-history{margin-top:18px;padding:22px}.history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:16px}.history-grid button{border:1px solid var(--line);background:var(--bg);border-radius:14px;padding:16px;text-align:left;color:inherit;cursor:pointer}.history-grid button:hover{border-color:var(--purple)}.history-grid span,.history-grid strong,.history-grid small,.history-grid em{display:block}.history-grid span{font-size:10px;color:var(--muted)}.history-grid strong{font-size:20px;margin:3px 0 10px}.history-grid small{font-size:9px}.history-grid em{font-size:8px;color:var(--purple);font-style:normal;margin-top:8px}.history-empty{padding:24px;color:var(--muted);font-size:11px}.task-day-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.task-day{padding:18px}.task-day-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line)}.task-day-head span,.task-day-head strong{display:block}.task-day-head span{font-size:8px;color:var(--purple);text-transform:uppercase}.task-day-head strong{font-size:14px;margin-top:2px}.task-day-head em{font-size:8px;color:var(--muted);font-style:normal}.task-manage-row{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer}.task-manage-row:last-child{border-bottom:0}.task-manage-row input{position:absolute;opacity:0}.task-manage-row>span:nth-of-type(2){flex:1}.task-manage-row strong,.task-manage-row small{display:block}.task-manage-row strong{font-size:10px}.task-manage-row small{font-size:8px;color:var(--muted);margin-top:3px}.task-manage-row em{font-size:8px;font-style:normal;color:#b57819}.task-manage-row input:checked~em{color:#24987f}
.task-monitor-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.task-monitor-kpis article{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}.task-monitor-kpis span,.task-monitor-kpis strong{display:block}.task-monitor-kpis span{font-size:8px;color:var(--muted)}.task-monitor-kpis strong{font-size:20px;margin-top:4px}.task-manage-row>label{display:flex}.task-manage-row select{max-width:120px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:7px;padding:6px;font-size:8px}.task-manage-row em.overdue{color:#d95454;font-weight:800}.active-toggle{display:flex!important;align-items:center;gap:8px}.active-toggle input{width:16px;height:16px;accent-color:var(--purple)}
.task-manage-row>span{flex:1}
.task-manage-row input:checked+.checkmark{background:var(--purple);border-color:var(--purple);color:#fff}.task-manage-row.dragging{opacity:.45}.task-day.drop-ready{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-soft)}.drag-handle{color:var(--muted);font-size:16px;cursor:grab;line-height:1}.task-manage-row:active .drag-handle{cursor:grabbing}.empty-drop-day{min-height:44px;display:grid;place-items:center;color:var(--muted);font-size:8px;border:1px dashed var(--line);border-radius:8px;margin-top:10px}.task-date-picker{display:flex!important;align-items:center;gap:4px;color:var(--muted);font-size:7px}.task-date-picker input{position:static!important;opacity:1!important;width:26px;color:transparent;border:0;background:transparent;padding:0}.task-date-picker input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75}
.custom-field-help{display:block;margin:-7px 0 3px;color:var(--muted);font-size:8px;line-height:1.5}.modal-card label>small{display:block;margin-top:5px;color:var(--muted);font-size:8px;font-weight:400}
.activity-panel{margin-top:18px;padding:20px}.activity-list{margin-top:10px}.activity-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.activity-row:last-child{border-bottom:0}.activity-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#e9f8f3;color:#21947b;font-style:normal;font-weight:800}.activity-icon.task{background:var(--purple-soft);color:var(--purple)}.activity-icon.check_out{background:#fff1e9;color:#d36f43}.activity-row>div{flex:1}.activity-row strong,.activity-row small{display:block}.activity-row strong{font-size:9px}.activity-row small{font-size:8px;color:var(--muted);margin-top:3px}.activity-row time{font-size:8px;color:var(--muted);white-space:nowrap}.task-activity{margin-top:20px}
.modal-card:has(.client-onboarding-form){width:min(100%,780px)}.client-onboarding-form fieldset{border:1px solid var(--line);border-radius:11px;padding:15px;margin:0}.client-onboarding-form legend{padding:0 7px;color:var(--purple);font-size:9px;font-weight:800}.onboarding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.onboarding-grid .wide{grid-column:1/-1}.logo-upload{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:10px;margin-top:6px}.logo-upload>img,.logo-upload>span{grid-row:1/3;width:56px;height:56px;border-radius:10px;object-fit:contain;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;color:var(--muted)}.logo-upload input{margin:0!important;padding:7px!important}.logo-upload small{color:var(--muted);font-weight:400}.client-directory-row span>b,.client-directory-row span>small{display:block}.client-directory-row small{color:var(--muted);font-size:7px;margin-top:4px}.table-person img{width:34px;height:34px;border-radius:8px;object-fit:contain;background:#fff;border:1px solid var(--line)}.client-directory-row{grid-template-columns:1.35fr 1fr 1.1fr .7fr 1fr 30px;min-height:68px}.client-form-actions{display:flex;justify-content:flex-end;gap:9px}.client-form-actions .danger-btn{margin-right:auto}@media(max-width:700px){.onboarding-grid{grid-template-columns:1fr}.onboarding-grid .wide{grid-column:auto}.client-table{overflow-x:auto}.client-table .table-row{min-width:760px}}
.agreement-upload{display:grid;grid-template-columns:1fr 230px auto;gap:12px;align-items:center}.agreement-upload strong,.agreement-upload small{display:block}.agreement-upload strong{font-size:9px}.agreement-upload small{font-size:8px;color:var(--muted);margin-top:4px}.agreement-upload input{margin:0!important;height:auto!important;padding:8px!important}.agreement-upload .secondary-btn{display:grid;place-items:center;text-decoration:none;white-space:nowrap}@media(max-width:700px){.agreement-upload{grid-template-columns:1fr}.agreement-upload .secondary-btn{height:36px}}
.account-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.account-kpis article{padding:18px;border-top:3px solid var(--purple)}.account-kpis article.income{border-top-color:#22a47f}.account-kpis article.expense{border-top-color:#e46060}.account-kpis article.pending{border-top-color:#e5a735}.account-kpis span,.account-kpis strong,.account-kpis small{display:block}.account-kpis span{font-size:8px;color:var(--muted)}.account-kpis strong{font-size:19px;margin-top:7px}.account-kpis small{font-size:7px;color:var(--muted);margin-top:5px}.accounts-grid{display:grid;grid-template-columns:360px 1fr;gap:15px;align-items:start}.account-entry-card h3,.account-ledger h3{font-size:14px;margin:3px 0 14px}.account-entry-card form{display:grid;gap:14px}.account-entry-card select,.account-entry-card input,.invoice-fields select{display:block;width:100%;height:38px;margin-top:6px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:8px;padding:0 10px;font-size:9px}.account-entry-card label{font-size:8px;font-weight:800}.ledger-list{margin-top:8px}.ledger-list>div{display:grid;grid-template-columns:32px 1fr 120px 24px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.ledger-list i{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-style:normal}.ledger-list i.income{background:#e9f8f3;color:#218f75}.ledger-list i.expense{background:#fff0ee;color:#d75c54}.ledger-list strong,.ledger-list small{display:block}.ledger-list strong{font-size:9px}.ledger-list small{font-size:7px;color:var(--muted);margin-top:4px}.ledger-list b{font-size:9px;text-align:right}.ledger-list b.income{color:#218f75}.ledger-list b.expense{color:#d75c54}.ledger-list button{border:0;background:transparent;color:var(--muted);font-size:15px}.accounts-section-title{margin:28px 0 14px;border-top:1px solid var(--line);padding-top:22px}.accounts-section-title h2{font-size:18px;margin:3px 0}.accounts-section-title span{font-size:9px;color:var(--muted)}@media(max-width:1000px){.account-kpis{grid-template-columns:1fr 1fr}.accounts-grid{grid-template-columns:1fr}}@media(max-width:600px){.account-kpis{grid-template-columns:1fr}.ledger-list>div{grid-template-columns:32px 1fr 90px 20px}}
.invoice-payment-card small{display:block;color:var(--muted);font-size:8px;margin-top:5px}.previous-due-toggle{display:flex;align-items:flex-start;gap:10px;margin-top:15px;padding:13px;border:1px solid #e9b747;background:#fff9e8;border-radius:10px;cursor:pointer}.previous-due-toggle>input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--purple)}.previous-due-toggle strong,.previous-due-toggle small{display:block}.previous-due-toggle strong{font-size:9px}.previous-due-toggle small{font-size:8px;color:var(--muted);margin-top:4px}.invoice-history{margin-top:18px;padding:20px}.invoice-history .panel-head>span{font-size:8px;color:var(--muted)}.invoice-history-table{margin-top:14px;overflow-x:auto}.invoice-history-row{display:grid;grid-template-columns:1.35fr 1.1fr .7fr .7fr .7fr .8fr;gap:10px;align-items:center;min-width:720px;padding:12px 9px;border-bottom:1px solid var(--line);font-size:8px}.invoice-history-row.head{background:var(--bg);color:var(--muted);font-size:7px;text-transform:uppercase}.invoice-history-row b,.invoice-history-row small{display:block}.invoice-history-row small{color:var(--muted);font-size:7px;margin-top:4px}.invoice-status{font-style:normal;border-radius:20px;padding:5px 8px;font-size:7px;text-transform:capitalize}.invoice-status.paid{background:#e9f8f3;color:#218f75}.invoice-status.outstanding{background:#fff0ee;color:#d75c54}.invoice-status.carried_forward{background:#fff7dc;color:#9b7617}
.cashflow-filter{display:grid;grid-template-columns:minmax(190px,1fr) 145px 145px auto auto;gap:10px;align-items:end;padding:15px;margin-bottom:14px}.cashflow-filter>div{align-self:center}.cashflow-filter strong,.cashflow-filter small{display:block}.cashflow-filter strong{font-size:10px}.cashflow-filter small{font-size:8px;color:var(--muted);margin-top:4px}.cashflow-filter label{font-size:8px;font-weight:800}.cashflow-filter input{display:block;width:100%;height:36px;margin-top:5px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:8px;padding:0 9px;font-size:8px}.cashflow-filter button{height:36px;white-space:nowrap}.cashflow-filter button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:900px){.cashflow-filter{grid-template-columns:1fr 1fr}.cashflow-filter>div{grid-column:1/-1}}@media(max-width:540px){.cashflow-filter{grid-template-columns:1fr}.cashflow-filter>div{grid-column:auto}}
.account-auto-type{display:flex;align-items:center;justify-content:space-between;width:100%;height:38px;margin-top:6px;border-radius:8px;padding:0 11px;font-size:9px;font-weight:900}.account-auto-type small{font-size:7px;font-weight:600}.account-auto-type.income{background:#e9f8f3;color:#218f75}.account-auto-type.expense{background:#fff0ee;color:#d75c54}
.invoice-page-title{margin-top:0;border-top:0;padding-top:0}.invoice-summary button:disabled{opacity:.6;cursor:wait}.invoice-output-toast{position:fixed;z-index:150;right:22px;bottom:22px;width:min(390px,calc(100vw - 32px));display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 55px #1d152630}.invoice-output-toast>div{flex:1}.invoice-output-toast strong,.invoice-output-toast small{display:block}.invoice-output-toast strong{font-size:11px}.invoice-output-toast small{font-size:8px;color:var(--muted);margin-top:4px}.invoice-spinner{width:26px;height:26px;border:3px solid var(--purple-soft);border-top-color:var(--purple);border-radius:50%;animation:invoiceSpin .75s linear infinite}.invoice-ready{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#e9f8f3;color:#218f75;font-weight:900}.invoice-output-actions{display:flex;gap:7px;margin-top:12px}.invoice-output-actions button{height:31px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:7px;padding:0 11px;font-size:8px;font-weight:800}.invoice-output-actions button:last-child{background:var(--purple);border-color:var(--purple);color:#fff}.invoice-output-close{border:0;background:transparent;color:var(--muted);font-size:18px;line-height:1}@keyframes invoiceSpin{to{transform:rotate(360deg)}}

/* Website-owner Blog CMS */
.blog-cms{font-family:Arial,Helvetica,sans-serif}.cms-top{height:54px;background:#fff;border-bottom:1px solid #dfe2e8;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.cms-top>strong{font-size:11px}.cms-top>div{width:270px;height:32px;border:1px solid #d8dce4;border-radius:7px;display:flex;align-items:center;gap:7px;padding:0 9px;color:#84909e}.cms-top input,.cms-search input{border:0;outline:0;background:transparent;flex:1;font-size:8px}.cms-top kbd{font-size:6px;border:1px solid #e1e4ea;border-radius:4px;padding:3px 5px;background:#fafbfc}.cms-wrap{max-width:980px;margin:0 auto;padding:47px 20px 80px}.cms-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.cms-title small{font-size:7px;letter-spacing:1.5px;color:#687381}.cms-title h1{font-size:24px;margin:6px 0}.cms-title p{font-size:8px;color:#747e8a;margin:0}.cms-title>div:last-child{display:grid;gap:12px;justify-items:end}.cms-add{height:34px;border:0;border-radius:7px;background:#e40035;color:#fff;padding:0 16px;font-size:8px;font-weight:800;box-shadow:0 8px 18px #e4003520}.cms-import{height:30px;border:1px solid #d9dde4;background:#fff;border-radius:7px;padding:0 12px;display:flex;align-items:center;font-size:7px;font-weight:700;cursor:pointer}.cms-import input{display:none}.cms-search{width:255px;height:32px;border:1px solid #d7dce4;background:#fff;border-radius:7px;padding:0 10px;display:flex;align-items:center;gap:6px;margin-bottom:10px;color:#84909e}.cms-table{border:1px solid #d9dde4;background:#fff;border-radius:10px;overflow:hidden}.cms-row{display:grid;grid-template-columns:1fr 90px 75px 45px;gap:14px;align-items:center;min-height:52px;padding:8px 14px;border-bottom:1px solid #e2e5ea}.cms-row:last-child{border:0}.cms-row.cms-head{min-height:32px;background:#fafbfc;text-transform:uppercase;color:#7b8592;font-size:6px}.cms-row>span:first-child{display:grid;grid-template-columns:15px 1fr;align-items:center}.cms-row>span:first-child i{grid-row:1/3;font-style:normal;color:#89939f}.cms-row b,.cms-row small{display:block}.cms-row b{font-size:8px}.cms-row small{font-size:6px;color:#667282;margin-top:4px}.cms-row time{font-size:6px;color:#65707d}.cms-row em{justify-self:start;border-radius:20px;padding:5px 8px;font-size:6px;font-style:normal}.cms-row em.published{background:#e2f8eb;color:#168244}.cms-row em.draft{background:#fff3d8;color:#9d7014}.cms-row>span:last-child{display:grid;gap:3px}.cms-row>span:last-child button{border:0;background:transparent;font-size:10px}.cms-modal{position:fixed;inset:0;z-index:300;background:#11182766;padding:18px;overflow:auto}.cms-modal>form{width:min(100%,950px);margin:0 auto;background:#fff;border-radius:9px;padding:0 20px 22px;box-shadow:0 30px 90px #11182740;display:grid;gap:13px}.cms-modal>form>header{height:48px;border-bottom:1px solid #dfe2e7;display:flex;align-items:center;justify-content:space-between}.cms-modal h2{font-size:12px}.cms-modal header button{border:0;background:none;color:#687381;font-size:17px}.cms-modal label{position:relative;text-transform:uppercase;color:#596575;font-size:6px;font-weight:800;letter-spacing:.4px}.cms-modal label>small{float:right;text-transform:none;font-weight:400;letter-spacing:0}.cms-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cms-modal input,.cms-modal textarea,.cms-modal select{display:block;width:100%;margin-top:7px;border:1px solid #d9dde5;background:#f8f9fb;color:#1d2530;border-radius:6px;padding:9px;font:inherit;font-size:8px}.cms-modal textarea{min-height:60px;resize:vertical}.cms-drop{height:82px;margin-top:7px;border:1px dashed #ef3d62;border-radius:7px;background:#fff7f9;display:grid;place-items:center;align-content:center;gap:4px;color:#db0035;text-align:center;position:relative;text-transform:none}.cms-drop>b{font-size:20px}.cms-drop strong{font-size:8px}.cms-drop span{font-size:6px;color:#596575}.cms-drop input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.cms-image-strip{display:flex;gap:8px;overflow-x:auto;padding:2px}.cms-image-strip figure{width:105px;height:74px;margin:0;position:relative;flex:0 0 auto;border-radius:7px;overflow:hidden;border:1px solid #dfe2e7}.cms-image-strip img{width:100%;height:100%;object-fit:cover}.cms-image-strip button{position:absolute;right:4px;top:4px;width:20px;height:20px;border:0;border-radius:50%;background:#111827cc;color:#fff}.cms-image-strip small{position:absolute;left:4px;bottom:4px;background:#fff;padding:3px 5px;border-radius:4px;font-size:6px}.cms-content-label{display:flex;align-items:end;justify-content:space-between;text-transform:uppercase;color:#596575;font-size:6px;font-weight:800}.cms-content-label button{height:27px;border:1px solid #dfe2e7;background:#f4f5f7;padding:0 11px;font-size:7px}.cms-content-label button:first-child{border-radius:6px 0 0 6px}.cms-content-label button:last-child{border-radius:0 6px 6px 0}.cms-content-label button.active{background:#e40035;color:#fff;border-color:#e40035}.cms-rich{border:1px solid #d9dde5;border-radius:7px;overflow:hidden}.cms-rich>div:first-child{height:34px;border-bottom:1px solid #dfe2e7;display:flex;align-items:center;padding:0 10px;gap:2px}.cms-rich button{border:0;background:transparent;width:28px;height:26px;color:#667282}.cms-rich>div:last-child{min-height:330px;padding:24px;font-size:10px;line-height:1.75;outline:0}.cms-rich>div:last-child:empty:before{content:attr(data-placeholder);color:#9199a4}.cms-html{min-height:365px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;line-height:1.6}.cms-help{font-size:6px;color:#737d8a;margin-top:-8px}.cms-modal footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #e0e3e8;padding-top:15px}.cms-modal footer>button:first-child{height:34px;border:1px solid #d8dce3;background:#fff;border-radius:7px;padding:0 14px;font-size:8px}.blog-slider{height:190px;position:relative}.blog-slider img{width:100%;height:100%;object-fit:cover}.blog-slider button{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0!important;border-radius:50%;background:#fff!important;color:#191721!important;padding:0!important;font-size:18px!important;box-shadow:0 3px 15px #0003}.blog-slider button:first-of-type{left:10px}.blog-slider button:last-of-type{right:10px}.blog-article-content{font-size:10px;color:#55505c;line-height:1.8}.blog-article-content h2,.blog-article-content h3{color:#191721}.blog-article-content img{max-width:100%;height:auto}
@media(max-width:700px){.cms-top>div{display:none}.cms-wrap{padding-top:28px}.cms-row{grid-template-columns:1fr 55px 35px}.cms-row>time{display:none}.cms-form-grid{grid-template-columns:1fr}.cms-modal{padding:7px}.cms-modal>form{padding:0 13px 18px}.cms-rich>div:last-child{min-height:260px;padding:16px}}