:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#102033;--muted:#657386;--blue:#00a7e8;--blue-dark:#075b8f;--blue-soft:#e7f7fe;--grey:#eef2f5;--line:#d8e1e8;--panel:#fff;--danger:#d63f3f;--warning:#f59e0b;--success:#16a34a;--shadow:0 18px 45px #0c2f4e1a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--ink);background:linear-gradient(#f7fbfe,#eef4f8);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-shell{grid-template-columns:minmax(360px,480px) 1fr;min-height:100vh;display:grid}.login-panel{background:#fff;flex-direction:column;justify-content:center;padding:48px;display:flex}.login-panel h1{color:var(--blue-dark);letter-spacing:0;margin:18px 0 8px;font-size:42px}.login-panel p{color:var(--muted);margin:0 0 26px;line-height:1.6}.login-showcase{color:#fff;background:linear-gradient(135deg,#05375cf0,#00a7e8bd),radial-gradient(circle at 75% 25%,#ffffff40,#0000 26%),linear-gradient(45deg,#ffffff14 25%,#0000 25%);align-items:end;padding:56px;display:flex}.login-showcase strong{letter-spacing:0;max-width:660px;margin-top:12px;font-size:48px;line-height:1.08;display:block}.login-showcase span,.topbar span,.panel-heading span,.metric-card span,.client-card span,.subscription-meta span,.report-letterhead span{color:var(--blue);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--blue), var(--blue-dark));border-radius:16px;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 16px 34px #00a7e83d}.brand-mark.small{border-radius:12px;width:44px;height:44px}label{color:#30455a;gap:7px;font-size:13px;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:11px 12px}textarea{resize:vertical;min-height:96px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #00a7e829}.login-form,.entry-form{gap:14px;display:grid}.onboarding-form,.entry-form{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-form.compact{grid-template-columns:1fr}.wide{grid-column:1/-1}.auth-switch{border:1px solid var(--line);background:var(--grey);border-radius:14px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;padding:5px;display:grid}.auth-switch button{min-height:38px;color:var(--blue-dark);background:0 0;border:0;border-radius:10px;font-weight:900}.auth-switch button.active{color:#fff;background:var(--blue-dark)}.plan-preview{background:var(--blue-soft);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;display:grid}.plan-preview span{color:var(--blue-dark);align-items:center;gap:7px;font-size:13px;font-weight:800;display:flex}.form-error,.empty-state{color:var(--danger);background:#fff1f1;border-radius:12px;padding:12px}.captcha-field{background:#f8fbfd;border:1px solid #cfe0ea;border-radius:14px;padding:12px}.captcha-field span{color:var(--blue-dark);margin:4px 0 8px;font-size:13px;font-weight:900;display:block}.captcha-field div{grid-template-columns:minmax(90px,1fr) auto;gap:8px;display:grid}.primary-action,.secondary-action,.ghost-action,.danger-action,.icon-button{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:900;display:inline-flex}.primary-action{color:#fff;background:linear-gradient(135deg, var(--blue), var(--blue-dark));box-shadow:0 12px 24px #00a7e82e}.secondary-action{color:var(--blue-dark);background:var(--blue-soft)}.danger-action{color:#fff;background:var(--danger)}.ghost-action{color:#eaf7ff;background:#ffffff1f}.icon-button{width:38px;min-height:38px;color:var(--blue-dark);background:#fff;padding:0}.app-shell{grid-template-columns:270px 1fr;min-height:100vh;padding-bottom:54px;display:grid}.sidebar{color:#fff;background:linear-gradient(#063f68,#082c46);flex-direction:column;gap:24px;min-height:100vh;padding:22px;display:flex}.logo-row{align-items:center;gap:12px;display:flex}.logo-row strong,.logo-row span{display:block}.logo-row span{color:#badcf0;margin-top:3px;font-size:13px}nav{gap:8px;display:grid}nav button{color:#e8f7ff;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;min-height:44px;padding:0 12px;font-weight:850;display:flex}nav button.active,nav button:hover{color:var(--blue-dark);background:#fff}.sidebar .ghost-action{margin-top:auto}.workspace{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.topbar h1{color:var(--blue-dark);letter-spacing:0;margin:4px 0 0;font-size:34px}.topbar-stat,.panel,.metric-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff5;border-radius:18px}.topbar-stat{padding:13px 16px}.topbar-stat strong{margin-top:3px;display:block}.panel{padding:20px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-heading h2{color:var(--blue-dark);margin:4px 0 0;font-size:21px}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric-card{padding:18px}.metric-card strong{color:var(--ink);letter-spacing:0;margin-top:8px;font-size:25px;display:block}.dashboard-page,.subscriptions-layout{gap:18px;display:grid}.alert-banner{color:#fff;background:var(--danger);border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex;box-shadow:0 14px 28px #d63f3f2e}.alert-banner button:not(.icon-button){min-height:34px;color:var(--danger);background:#fff;border:0;border-radius:10px;margin-left:auto;padding:0 12px;font-weight:900}.client-summary-list,.client-list,.entry-list,.ticket-list,.subscription-list,.report-table{gap:12px;display:grid}.client-summary{border:1px solid var(--line);border-left:6px solid var(--success);background:#fff;border-radius:16px;grid-template-columns:minmax(220px,1.7fr) repeat(4,minmax(130px,1fr)) 112px;align-items:center;gap:18px;padding:14px 18px;display:grid}.client-summary.warning{border-left-color:var(--warning)}.client-summary.exceeded{border-left-color:var(--danger)}.client-summary strong,.client-card strong,.entry-row strong,.subscription-main strong{color:var(--blue-dark)}.client-summary span,.entry-row span,.client-card p,.ticket-card span,.ticket-card p{color:var(--muted);font-size:13px}.client-summary-name strong{font-size:16px;display:block}.client-summary-metric{min-width:0}.client-summary-metric span,.client-summary-metric strong{display:inline}.client-summary-metric span{margin-right:4px}.client-summary-metric strong{white-space:nowrap}.usage-summary{gap:8px;min-width:150px;display:grid}.usage-summary div:first-child{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.usage-summary span{color:var(--muted);font-size:13px}.usage-summary strong{white-space:nowrap}.usage-bar{background:#e0e9ef;border-radius:999px;height:10px;overflow:hidden}.usage-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--success), #22c55e);height:100%;display:block}.client-summary.warning .usage-bar span{background:linear-gradient(90deg, var(--warning), #f59e0b)}.client-summary.exceeded .usage-bar span{background:linear-gradient(90deg, var(--danger), #f97316)}.activity-date{min-width:180px}.team-activity-list{gap:10px;display:grid}.team-activity-list article{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:minmax(220px,1fr) 120px 90px;align-items:center;gap:14px;padding:12px 14px;display:grid}.team-activity-list article.quiet{background:#f8fbfd}.team-activity-list strong{color:var(--blue-dark)}.team-activity-list span{color:var(--muted);font-size:13px}.status-dot{color:#fff;background:var(--success);text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-height:30px;font-size:12px;font-weight:900;display:inline-flex}.client-summary.warning .status-dot{background:var(--warning)}.client-summary.exceeded .status-dot{background:var(--danger)}.time-layout,.client-layout,.support-layout,.settings-layout{grid-template-columns:minmax(320px,.8fr) minmax(520px,1.4fr);align-items:start;gap:18px;display:grid}.reports-layout{gap:18px;display:grid}.reports-top{grid-template-columns:1fr;align-items:start;gap:18px;display:grid}.reports-metrics{grid-template-columns:repeat(3,minmax(180px,1fr));align-self:start}.log-nav{grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;display:grid}.log-nav div{text-align:center}.toggle-line{align-items:center;gap:10px;display:flex}.toggle-line input{width:18px;min-height:18px}.timeline-picker{border:1px solid var(--line);background:#f8fbfd;border-radius:16px;gap:12px;padding:14px;display:grid;overflow:hidden}.timeline-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.timeline-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.timeline-heading span{color:var(--blue);text-transform:uppercase;font-size:12px;font-weight:900;display:block}.timeline-heading strong{color:var(--blue-dark);margin-top:4px;display:block}.timeline-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;width:100%;display:grid}.timeline-block{min-width:0;min-height:32px;color:var(--muted);background:#fff;border:1px solid #cfe0ea;border-radius:10px;padding:0 4px;font-size:11px;font-weight:800}.timeline-block:hover:not(:disabled){border-color:var(--blue);background:var(--blue-soft)}.timeline-block.selected,.timeline-block.anchor{border-color:var(--blue-dark);color:#fff;background:linear-gradient(135deg, var(--blue), var(--blue-dark))}.timeline-block.used{color:#778391;cursor:not-allowed;background:#dbe3e9;border-color:#b8c3cb}.timeline-legend{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:12px;font-weight:800;display:flex}.timeline-legend span{align-items:center;gap:6px;display:inline-flex}.timeline-legend i{background:#fff;border:1px solid #cfe0ea;border-radius:4px;width:12px;height:12px;display:inline-block}.timeline-legend i.selected{border-color:var(--blue);background:var(--blue)}.timeline-legend i.used{background:#dbe3e9;border-color:#b8c3cb}.form-actions,.row-actions,.client-actions,.report-actions,.subscription-actions{flex-wrap:wrap;gap:10px;display:flex}.entry-row,.client-card,.ticket-card,.subscription-card{border:1px solid var(--line);background:#fff;border-radius:16px;gap:12px;padding:15px;display:grid}.entry-row{grid-template-columns:1fr auto}.entry-row p{color:var(--muted);margin:5px 0 0;line-height:1.45}.entry-edit-form,.client-edit-form{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.search-box{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:8px;min-width:240px;padding:0 10px;display:flex}.search-box input{min-height:38px;box-shadow:none;border:0}.client-card{grid-template-columns:1fr auto}.client-card>p,.client-actions,.allocation-panel{grid-column:1/-1}.allocation-panel{border:1px solid var(--line);background:#f8fbfd;border-radius:14px;gap:10px;padding:12px;display:grid}.allocation-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.allocation-stats strong{margin-top:3px;font-size:14px;display:block}.allocation-bar{background:#e0e9ef;border-radius:999px;height:9px;overflow:hidden}.allocation-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--success));height:100%;display:block}.allocation-bar span.over{background:linear-gradient(90deg, var(--danger), #f97316)}.report-controls{padding:16px 18px;position:static}.report-filter-row{grid-template-columns:minmax(220px,.9fr) minmax(220px,1.2fr) minmax(170px,.8fr) minmax(170px,.8fr);align-items:end;gap:14px;display:grid}.report-filter-title h2{color:var(--blue-dark);margin:4px 0 0;font-size:21px}.report-actions{margin-top:12px}.report-letterhead{border-bottom:2px solid var(--blue);justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:16px;display:flex}.report-letterhead h2{color:var(--blue-dark);margin:4px 0 0}.report-table article{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 150px 90px;align-items:start;gap:18px;padding:16px 0;display:grid}.report-entry-main{gap:6px;min-width:0;display:grid}.report-entry-main strong{overflow-wrap:anywhere;display:block}.report-entry-main span,.report-entry-main p{color:var(--muted);margin:0;line-height:1.45}.report-entry-type,.report-entry-duration{text-align:right;padding-top:2px}.company-logo-preview{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:14px;max-width:180px;max-height:90px;padding:10px}.settings-note{color:var(--muted)}.field-hint{color:var(--muted);text-transform:none;margin-top:4px;font-size:12px;font-weight:700;display:block}.attachment-chip{color:var(--blue-dark);align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.ticket-reply{background:var(--blue-soft);border-radius:12px;padding:10px}.subscription-main,.subscription-meta{gap:12px;display:grid}.subscription-main{grid-template-columns:1fr auto;align-items:center}.subscription-meta{grid-template-columns:repeat(4,minmax(0,1fr))}.subscription-meta div{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px}.status-pill{color:#fff;background:var(--blue-dark);text-transform:uppercase;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.subscription-card.paused .status-pill,.subscription-card.past_due .status-pill{background:var(--warning)}.subscription-card.removed .status-pill{background:var(--danger)}.team-user-form{margin-top:14px}.team-user-list{gap:10px;margin-top:14px;display:grid}.team-user-card{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(300px,1.2fr);align-items:center;gap:12px;padding:12px;display:grid}.team-user-card strong{color:var(--blue-dark);display:block}.team-user-card span{color:var(--muted);font-size:13px}.team-user-controls{grid-template-columns:minmax(150px,1fr) auto auto;align-items:end;gap:10px;display:grid}.team-user-controls label{color:var(--blue-dark);font-size:12px;font-weight:900}.team-user-controls input{margin-top:6px}.invite-panel{background:#f0faff;border:1px solid #b9e7fb;border-radius:16px;gap:10px;margin-top:14px;padding:14px;display:grid}.invite-panel span{color:var(--blue);text-transform:uppercase;font-size:12px;font-weight:900;display:block}.invite-panel strong{color:var(--blue-dark)}.invite-panel textarea{background:#fff;min-height:150px}.paypal-subscribe{background:#f8fbfd;border:1px solid #d2e2ed;border-radius:16px;gap:14px;padding:16px;display:grid}.paypal-subscribe span{color:var(--blue);text-transform:uppercase;font-size:12px;font-weight:900;display:block}.paypal-subscribe strong{color:var(--blue-dark)}.paypal-subscribe p{color:var(--muted);margin:0;font-weight:800}.danger-zone{border-color:#fecaca}.danger-zone p,.backup-panel p{color:var(--muted);margin-top:0;line-height:1.5}.restore-upload{min-height:42px;color:var(--blue-dark);background:var(--blue-soft);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;padding:0 16px;font-weight:900;display:inline-flex}.restore-upload input{display:none}button:disabled{cursor:not-allowed;opacity:.55}.password-reset-row{border-top:1px solid var(--line);grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:10px;padding-top:12px;display:grid}.subscription-lock{color:var(--blue-dark);align-items:center;gap:16px;display:flex}.subscription-lock h2{margin:4px 0}.subscription-lock p{color:var(--muted);margin:0}.floating-footer{color:#dff5ff;z-index:20;background:#082c46;align-items:center;gap:18px;min-height:42px;padding:8px 18px;font-size:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 30px #082c4629}.floating-footer strong{color:#fff}.floating-footer a{color:#dff5ff;text-decoration:none}.floating-footer a:hover{color:#fff;text-decoration:underline}@media print{.sidebar,.topbar,.report-controls,.floating-footer{display:none}.app-shell,.workspace,.reports-layout,.report-preview{box-shadow:none;border:0;padding:0;display:block}}@media (width<=1100px){.app-shell,.login-shell,.time-layout,.client-layout,.support-layout,.settings-layout,.reports-top{grid-template-columns:1fr}.sidebar{min-height:auto}}@media (width<=760px){.login-panel,.login-showcase,.workspace,.sidebar{padding:18px}.summary-grid,.entry-form,.onboarding-form,.client-summary,.entry-row,.client-card,.allocation-stats,.entry-edit-form,.client-edit-form,.subscription-meta,.password-reset-row,.report-table article,.plan-preview,.report-filter-row,.team-user-card,.team-user-controls,.team-activity-list article{grid-template-columns:1fr}.timeline-grid{grid-template-columns:repeat(4,minmax(54px,1fr))}.timeline-heading{flex-direction:column;align-items:stretch}.timeline-actions{justify-content:stretch}.timeline-actions .secondary-action{justify-content:center;width:100%}.log-nav{grid-template-columns:1fr}.topbar,.panel-heading,.subscription-main{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.report-entry-type,.report-entry-duration{text-align:left}.search-box{width:100%;min-width:0}.login-showcase strong,.topbar h1{font-size:30px}.floating-footer{flex-wrap:wrap;position:static}.app-shell{padding-bottom:0}}