:root{color-scheme:dark;--bg: #070b14;--bg-elevated: #0d1422;--surface: rgba(14, 22, 36, .82);--surface-strong: #111a2b;--border: rgba(148, 163, 184, .18);--border-strong: rgba(148, 163, 184, .28);--text: #edf2ff;--muted: #93a4bf;--g1: #7fa33f;--g2: #6fa46f;--g3: #227c80;--brand-gradient: linear-gradient(90deg, var(--g1), var(--g2), var(--g3));--primary: var(--g2);--primary-strong: var(--g3);--accent: #f7b955;--danger: #ff7a7a;--warning: #ffd166;--shadow: 0 24px 80px rgba(0, 0, 0, .42);font-family:Sora,Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:radial-gradient(circle at top left,rgba(102,240,199,.12),transparent 30%),radial-gradient(circle at top right,rgba(247,185,85,.12),transparent 24%),linear-gradient(180deg,#060910,#0a101b)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at 15% 20%,rgba(102,240,199,.08),transparent 22%),radial-gradient(circle at 80% 12%,rgba(247,185,85,.12),transparent 20%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px;border-right:1px solid var(--border);background:#080c15e0;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:14px}.brand__mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:700;letter-spacing:.08em;color:#081019;background:var(--brand-gradient);box-shadow:0 12px 32px #28d6b042}.brand__name,.topbar__title,.page-title{margin:0}.brand__name{font-size:1.1rem;font-weight:700}.brand__tag,.eyebrow,.page-description,.card__subtitle,.stat-card__hint,.list__subtitle,.detail-card__label,.section-title{color:var(--muted)}.brand__tag{font-size:.875rem}.sidebar-nav{display:grid;gap:8px}.sidebar-nav__link,.mobile-nav__link{padding:12px 14px;border:1px solid transparent;border-radius:14px;color:var(--muted);transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.sidebar-nav__link:hover,.mobile-nav__link:hover{color:var(--text);background:#ffffff0a}.sidebar-nav__link--active,.mobile-nav__link--active{color:var(--text);border-color:#66f0c742;background:linear-gradient(135deg,#66f0c71f,#f7b95517)}.sidebar__footer{margin-top:auto;display:grid;gap:14px}.sidebar__status{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.92rem}.sidebar__status-dot{width:10px;height:10px;border-radius:999px;background:var(--primary);box-shadow:0 0 18px #66f0c78c}.app-main{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px 18px}.topbar__title{font-size:clamp(1.8rem,2vw,2.5rem);letter-spacing:-.03em}.topbar__actions,.page-hero__actions,.toolbar,.actions-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.actions-row--sticky{position:sticky;bottom:0;z-index:2;justify-content:flex-end;padding-top:16px;margin-top:8px;border-top:1px solid var(--border);background:linear-gradient(180deg,#111a2b24,#111a2bf0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.content{padding:0 32px 32px}.page-stack{display:grid;gap:20px}.page-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700}.page-title{font-size:clamp(1.6rem,2vw,2.2rem)}.page-description{margin:10px 0 0;max-width:64ch}.stats-grid{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:22px 22px 0}.card__content{padding:22px}.card__title{margin:0;font-size:1.05rem}.card__subtitle{margin:6px 0 0;font-size:.92rem}.stat-card{padding:22px}.stat-card__label{color:var(--muted);font-size:.92rem}.stat-card__value{margin-top:12px;font-size:1.8rem;font-weight:700;letter-spacing:-.03em}.stat-card__value--success{color:var(--primary)}.stat-card__value--warning{color:var(--warning)}.stat-card__value--danger{color:var(--danger)}.stat-card__value--info{color:var(--text)}.stat-card__hint{margin-top:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:14px;padding:12px 16px;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button:hover{transform:translateY(-1px)}.button--primary{color:#07121a;background:var(--brand-gradient)}.button--secondary{color:var(--text);background:#ffffff08;border-color:var(--border-strong)}.button--ghost{color:var(--text);background:transparent;border-color:var(--border)}.button--icon{width:36px;height:36px;padding:0;display:inline-grid;place-items:center}.button--icon svg{width:18px;height:18px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.04em}.badge--neutral{background:#ffffff0f;color:var(--text)}.badge--success{background:#66f0c726;color:var(--primary)}.badge--warning{background:#f7b95529;color:var(--warning)}.badge--danger{background:#ff7a7a29;color:var(--danger)}.badge--info{background:#669bf029;color:#a9c1ff}.badge-row{display:flex;flex-wrap:wrap;gap:10px}.list{display:grid;gap:12px}.list__row{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:18px;background:#ffffff08}.list__title{font-weight:700}.list__subtitle{font-size:.92rem}.list__meta{display:grid;justify-items:end;gap:8px;text-align:right}.table{display:grid;gap:10px}.table__head,.table__row{display:grid;grid-template-columns:1.3fr 1.3fr 1.3fr .7fr .7fr;gap:12px;align-items:center}.table__head{color:var(--muted);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;padding:0 16px}.table__row{padding:16px;border-radius:18px;background:#ffffff08}.detail-card{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.detail-card__block{padding:16px;border-radius:18px;background:#ffffff08}.detail-card__label{font-size:.88rem}.detail-card__value{margin-top:8px;font-size:1.1rem;font-weight:700}.bullet-list{margin:0;padding-left:18px;display:grid;gap:10px;color:var(--text)}.settings-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.settings-grid__column{display:grid;gap:16px}.settings-form{display:grid;gap:12px}.settings-form__split{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-hero{display:grid;gap:18px;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);align-items:start;margin-bottom:18px}.settings-hero__copy{display:grid;gap:8px}.settings-summary{display:grid;gap:10px;padding:18px;border-radius:22px;border:1px solid var(--border);background:linear-gradient(135deg,#66f0c714,#f7b95514)}.settings-summary__item{display:grid;gap:4px}.settings-summary__item span{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.settings-summary__item strong{font-size:.98rem;font-weight:700;word-break:break-word}.settings-panel{display:grid;gap:16px;padding:18px;border-radius:22px;border:1px solid var(--border);background:#ffffff06}.settings-panel--wide{grid-column:1 / -1}.settings-panel--accent{background:radial-gradient(circle at top right,rgba(102,240,199,.08),transparent 28%),#ffffff08}.settings-panel__header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.settings-panel__subtitle{margin:8px 0 0;color:var(--muted);font-size:.9rem}.form-grid{display:grid;gap:18px}.form-grid__two{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.field--wide{grid-column:1 / -1}.line-items{display:grid;gap:14px}.line-items__header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(180deg,#101826fa,#101826e0);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.line-items__row{padding:6px 8px;border-radius:14px;background:#ffffff08;display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px;align-items:end}.line-items__grid{display:grid;gap:6px 8px;grid-template-columns:minmax(0,1.15fr) minmax(0,1.35fr) 78px 108px 100px minmax(146px,.9fr);align-items:end}.line-items__actions{display:flex;justify-content:flex-end;align-self:end}.line-items__summary{align-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:stretch;padding:6px 8px;border-radius:12px;background:#66f0c714;border:1px solid rgba(102,240,199,.12);min-width:0}.line-items__metric{display:grid;gap:3px}.line-items__metric span{color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;line-height:1.1}.line-items__metric strong{font-size:.72rem;line-height:1.1;word-break:break-word}.field{display:grid;gap:8px}.field__control{position:relative;min-width:0}.field--checkbox{align-content:start}.field--checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary)}.field span{color:var(--muted);font-size:.9rem}.field__hint{color:var(--muted);font-size:.75rem}.field--tooltip .field__tooltip{position:absolute;top:calc(100% + 8px);right:0;max-width:220px;padding:7px 9px;border-radius:10px;border:1px solid var(--border-strong);background:#080c15f5;color:var(--text);font-size:.72rem;line-height:1.35;opacity:0;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease;pointer-events:none;z-index:5}.field--tooltip:hover .field__tooltip,.field--tooltip:focus-within .field__tooltip{opacity:1;transform:translateY(0)}.input{width:100%;padding:9px 11px;border-radius:12px;border:1px solid var(--border);color:var(--text);background:#070b14d1}.input--textarea{min-height:92px;resize:vertical}.input:focus{outline:none;border-color:#66f0c766;box-shadow:0 0 0 4px #66f0c714}.rich-editor{display:grid;gap:10px}.rich-editor__toolbar{display:flex;flex-wrap:wrap;gap:8px}.rich-editor__toolbar .button{padding:8px 12px;border-radius:12px}.rich-editor__surface{min-height:180px;padding:14px;border-radius:16px;border:1px solid var(--border);background:#070b14d1;color:var(--text);line-height:1.6}.rich-editor__surface:focus{outline:none;border-color:#66f0c766;box-shadow:0 0 0 4px #66f0c714}.rich-editor__surface:empty:before{content:attr(data-placeholder);color:var(--muted)}.empty-state{padding:14px 16px;border-radius:16px;background:#ffffff08;color:var(--muted)}.row-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:#02060cb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal__panel{width:min(1120px,100%);max-height:min(90vh,1100px);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;padding:24px;border-radius:28px;border:1px solid var(--border-strong);background:radial-gradient(circle at top right,rgba(102,240,199,.08),transparent 24%),var(--surface-strong);box-shadow:var(--shadow)}.modal__header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:16px;margin-bottom:16px;background:linear-gradient(180deg,#111a2bfa,#111a2be6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal__header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--border)}.modal__title{margin:0;font-size:1.25rem}.modal__content{min-width:0;min-height:0;overflow:auto;padding-right:4px;scrollbar-gutter:stable}.modal__actions{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;padding-top:16px;margin-top:16px;border-top:1px solid var(--border);background:linear-gradient(180deg,#111a2b26,#111a2bf2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.suggestions{display:grid;gap:10px}.suggestions__item{display:grid;gap:4px;text-align:left;padding:12px 14px;border-radius:16px;border:1px solid var(--border);color:var(--text);background:#ffffff08;cursor:pointer}.suggestions__item:hover{border-color:#66f0c759;background:#66f0c714}.section-title{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.line-items .field span{font-size:.7rem}.line-items .input{padding:6px 9px;border-radius:10px;min-height:34px}.line-items__footer{position:sticky;bottom:0;z-index:4;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px 2px;margin-top:4px;border-top:1px solid var(--border);background:linear-gradient(180deg,#111a2b14,#111a2bf2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.line-items__add-button{position:relative;z-index:1}.line-items__empty-hint{color:var(--muted);font-size:.82rem}.modal-form-footer{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;padding-top:16px;margin-top:16px;border-top:1px solid var(--border);background:linear-gradient(180deg,#111a2b26,#111a2bf2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.email-compose-form{min-height:0}.mobile-nav{display:none}@media(max-width:1180px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.form-grid__two,.line-items__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.line-items__summary{grid-column:1 / -1}}@media(max-width:720px){.form-grid__two,.line-items__grid{grid-template-columns:1fr}.line-items__footer{flex-direction:column;align-items:stretch}.line-items__add-button{width:100%}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar,.content{padding-left:18px;padding-right:18px}.mobile-nav{position:sticky;bottom:0;display:flex;overflow-x:auto;gap:8px;padding:12px 14px;border-top:1px solid var(--border);background:#070b14eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-nav__link{text-align:center;font-size:.82rem;flex:0 0 auto;min-width:96px}.page-hero,.topbar{flex-direction:column;align-items:flex-start}.table__head{display:none}.table__row{grid-template-columns:1fr;gap:8px}.detail-card{grid-template-columns:1fr}}