:root{--bg:#f6f8fb;--surface:#fff;--surface-subtle:#f8fafc;--muted:#64748b;--border:#e2e8f0;--border-strong:#cbd5e1;--shadow-xs:0 1px 2px rgba(15,23,42,.04);--shadow-sm:0 4px 14px rgba(15,23,42,.06);--shadow-md:0 10px 30px rgba(15,23,42,.08);--radius-sm:10px;--radius-md:12px;--radius-lg:16px}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#f8fafd,#f4f7fc 44%,#f2f6fb);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:0}h1{font-size:1.75rem;line-height:1.2;font-weight:700}h2{font-size:1.25rem;line-height:1.3;font-weight:650}h3{line-height:1.35;font-weight:640}.hidden{display:none}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;background:#0f172a;border-right:1px solid rgba(148,163,184,.2);padding:16px 14px}.sidebar-brand{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:8px 10px}.sidebar-logo{width:34px;height:34px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#dbeafe;background:linear-gradient(160deg,#1d4ed8,#1e3a8a)}.sidebar h2{color:#e2e8f0;font-size:.94rem}.sidebar .small-muted{color:#94a3b8}.sidebar-nav{display:grid;grid-gap:4px;gap:4px}.sidebar-nav a{display:flex;align-items:center;gap:9px;color:#cbd5e1;padding:9px 10px;border-radius:10px;transition:background-color .16s ease,border-color .16s ease,color .16s ease;min-width:0}.sidebar-nav a:hover{color:#f8fafc;background:hsla(0,0%,100%,.06);border-color:rgba(148,163,184,.2)}.sidebar-nav a.active{color:#eff6ff;background:rgba(37,99,235,.3);border-color:rgba(59,130,246,.5)}.nav-icon{width:22px;height:22px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;color:#cbd5e1;background:rgba(148,163,184,.18);border:1px solid rgba(148,163,184,.2)}.sidebar-footer{margin-top:16px;padding:10px}.sidebar-logout{margin-top:6px}.app-content{display:grid;grid-template-rows:auto 1fr;min-width:0}.app-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 24px;border-bottom:1px solid var(--border);background:color-mix(in srgb,#fff 92%,#f8fafc 8%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-search{width:min(460px,100%)}.topbar-search .input-control{width:100%}.topbar-user{display:inline-flex;align-items:center;gap:10px}.topbar-user-name{font-size:.86rem;color:var(--muted)}.app-main{padding:20px 24px 28px}.content-wrap{width:min(1320px,100%);margin:0 auto}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.page-header-main{display:grid;grid-gap:4px;gap:4px}.page-breadcrumb{font-size:.74rem;color:var(--muted);letter-spacing:.02em}.page-header-actions{display:inline-flex;align-items:center;gap:8px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px;margin-bottom:14px;min-width:0}.card-footer,.card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-header{margin-bottom:12px}.card-footer{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.card-content{min-width:0}.stack-sm{display:grid;grid-gap:10px}.inline,.stack-sm{gap:10px;min-width:0}.inline{display:flex;flex-wrap:wrap;align-items:flex-end}.compact-phone{flex-wrap:nowrap;align-items:center}.compact-phone select{width:96px;min-width:96px}.compact-phone input{min-width:120px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid-3,.form-section{display:grid;grid-gap:12px;gap:12px}.form-section{padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle)}.form-section-title{display:flex;justify-content:space-between;align-items:center;gap:8px}form{grid-gap:12px;gap:12px}.field,form,label{display:grid;min-width:0}.field,label{grid-gap:5px;gap:5px}.field.compact{min-width:0}.field-label{font-weight:550;letter-spacing:.01em;color:var(--muted)}.field-help{font-size:.75rem;color:var(--muted)}.input-control,input,select,textarea{width:100%;min-height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 11px;font-size:.88rem;color:var(--text);background:#fff;box-shadow:var(--shadow-xs);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}textarea{min-height:74px;resize:vertical}.input-control::placeholder,input::placeholder,textarea::placeholder{color:#94a3b8}.input-control:focus,[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus,select:focus,textarea:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 65%,#fff 35%);box-shadow:0 0 0 3px rgba(37,99,235,.18)}.input-control:disabled,button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.58;cursor:not-allowed;background:#f8fafc}.checkbox-control{width:18px;height:18px;border-radius:5px;border:1px solid var(--border-strong)}.visually-hidden-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.date-picker{position:relative;min-width:0}.date-trigger{justify-content:flex-start}.date-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:15;width:min(300px,calc(100vw - 32px));border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-md);padding:10px;display:grid;grid-gap:8px;gap:8px}.month-popover{width:min(360px,calc(100vw - 32px))}.btn,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.86rem;font-weight:600;cursor:pointer;transition:all .15s ease;text-wrap:nowrap}.btn-sm{min-height:34px;padding:0 11px;font-size:.8rem}.btn-md{min-height:40px}.btn-primary,button{background:#2563eb;color:#fff;border-color:#1d4ed8}.btn-primary:hover,button:hover{background:#1d4ed8}.btn-secondary{background:#f8fafc;color:#1e293b;border-color:var(--border)}.btn-outline{color:#334155;border-color:var(--border-strong)}.btn-ghost{color:#334155;border-color:transparent}.btn-danger,.btn-destructive,button.danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}.button-row{display:flex;flex-wrap:wrap;gap:8px}.secondary,button.secondary{background:#f8fafc;color:#1e293b;border-color:var(--border)}.badge{gap:6px;background:var(--surface-subtle);color:#334155;padding:2px 10px;font-size:.74rem;font-weight:560}.badge,.tabs{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px}.tabs{gap:4px;padding:4px;background:#fff}.tab-button{min-height:32px;border-radius:999px;border:1px solid transparent;padding:0 12px;background:transparent;color:var(--muted);font-size:.8rem;font-weight:600}.tab-button.active{color:#fff;background:linear-gradient(180deg,#3b82f6,#2563eb);border-color:transparent}.small-muted{color:var(--muted);font-size:.78rem}.error-text{color:var(--danger);font-size:.78rem}.table-wrap{overflow:auto;width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff}.data-table,table{width:100%;border-collapse:separate;border-spacing:0;min-width:860px}td,th{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;font-size:.82rem}th{position:-webkit-sticky;position:sticky;z-index:1;background:#f8fafc;color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}tbody tr:hover{background:#f8fbff}tbody tr:last-child td{border-bottom:none}.amount{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:12px;gap:12px}.kpi{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;padding:14px;box-shadow:var(--shadow-xs)}.kpi h4{font-size:.73rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}.kpi p{font-size:1.45rem;font-weight:700}.source-row{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;padding:12px;display:grid;grid-gap:10px;gap:10px;min-width:0}.source-row-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.source-row-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.primary-toggle{display:inline-flex;align-items:center;gap:7px;min-width:auto}details{border:1px solid var(--border);border-radius:var(--radius-md);padding:10px;background:#fff}details summary{cursor:pointer;color:#1e293b;font-weight:560;display:inline-flex;align-items:center;gap:6px;list-style:none}details[open] summary{margin-bottom:10px}details summary:before{content:"▸";font-size:.7rem;color:#64748b;transform:translateY(-1px)}details[open] summary:before{content:"▾"}.details-form{display:grid;grid-gap:10px;gap:10px}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.details-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.table-title-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}.list-title{font-size:.95rem;font-weight:640}.empty-state{border:1px dashed var(--border-strong);background:#fff;border-radius:var(--radius-lg);padding:24px;text-align:center;display:grid;grid-gap:10px;gap:10px}.skeleton{border-radius:10px;background:linear-gradient(100deg,#eef2f7 25%,#f8fbff 45%,#eef2f7 65%);background-size:300% 100%;animation:skeleton-wave 1.2s linear infinite}@keyframes skeleton-wave{0%{background-position:100% 0}to{background-position:0 0}}.dialog{border:none;padding:0;border-radius:var(--radius-lg)}.dialog-content{padding:16px;background:#fff}.toast-stack{position:fixed;top:18px;right:18px;display:grid;grid-gap:8px;gap:8px;z-index:70}.toast{border-radius:12px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow-md);padding:10px 12px;min-width:220px;font-size:.83rem}.toast-success{border-color:#bbf7d0;background:#f0fdf4}.toast-error{border-color:#fecaca;background:#fef2f2}.toast-info{border-color:#bfdbfe;background:#eff6ff}.error-card{max-width:760px}.dropdown-menu{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-sm);padding:8px}.tooltip{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:8px;padding:2px 8px;font-size:.72rem;color:var(--muted);background:#fff}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.divider{height:1px;background:var(--border);margin:4px 0}@media (max-width:1200px){.form-grid-3,.source-row-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.app-topbar{position:static}.app-main,.app-topbar{padding:14px}.content-wrap{width:100%}.details-grid,.details-grid-3,.form-grid,.form-grid-3,.source-row-grid{grid-template-columns:1fr}.data-table,table{min-width:700px}}:root{--bg:#f8fafc;--bg-soft:#f1f5f9;--surface:hsla(0,0%,100%,.94);--surface-subtle:#f8fbff;--text:#0f172a;--muted:#5f6f85;--border:#e5eaf2;--border-strong:#d6deea;--accent:#2563eb;--accent-dark:#1d4ed8;--danger:#dc2626;--success:#059669;--shadow-xs:0 1px 2px rgba(15,23,42,.03);--shadow-sm:0 10px 30px rgba(15,23,42,.06);--shadow-md:0 18px 55px rgba(15,23,42,.09);--radius-sm:12px;--radius-md:16px;--radius-lg:22px}body{background:radial-gradient(circle at top left,rgba(191,219,254,.22),transparent 24%),linear-gradient(180deg,#fbfcfe,#f7f9fc 52%,#f5f8fb);overflow-x:hidden}h1{font-size:clamp(1.8rem,2vw,2.25rem);font-weight:760;letter-spacing:-.03em}h2{font-size:1.1rem;font-weight:700;letter-spacing:-.02em}h3{font-size:1rem;font-weight:680;letter-spacing:-.01em}.app-shell{grid-template-columns:272px minmax(0,1fr);background:transparent}.sidebar{background:hsla(0,0%,100%,.9);border-right:1px solid var(--border);padding:20px 16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar-brand{margin-bottom:20px;padding:12px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,hsla(0,0%,100%,.94),rgba(248,251,255,.92));box-shadow:var(--shadow-xs)}.sidebar-logo{width:40px;height:40px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#1d4ed8,#60a5fa);box-shadow:0 12px 24px rgba(37,99,235,.2)}.sidebar h2{color:var(--text)}.sidebar .small-muted{color:var(--muted)}.sidebar-nav{gap:14px}.sidebar-nav-group{display:grid;grid-gap:8px;gap:8px}.sidebar-section-label{padding:0 10px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8}.sidebar-nav-list{display:grid;grid-gap:4px;gap:4px}.sidebar-nav a{color:#334155;padding:10px 12px;border-radius:14px;border:1px solid transparent}.sidebar-nav a:hover{color:var(--text);background:hsla(0,0%,100%,.82);border-color:var(--border);box-shadow:var(--shadow-xs)}.sidebar-nav a.active{color:#0f172a;background:linear-gradient(180deg,rgba(219,234,254,.9),rgba(239,246,255,.98));border-color:rgba(96,165,250,.4);box-shadow:0 10px 22px rgba(59,130,246,.08)}.nav-icon{width:24px;height:24px;border-radius:8px;font-size:.63rem;color:#475569;background:#f8fafc;border-color:var(--border)}.sidebar-footer{margin-top:20px;padding:12px;border:1px solid var(--border);border-radius:16px;background:rgba(248,250,252,.9)}.app-topbar{gap:18px;padding:18px 28px;background:rgba(248,250,252,.72);border-bottom:1px solid rgba(226,232,240,.8);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-brandline{gap:12px;min-width:0}.topbar-badge,.topbar-brandline{display:inline-flex;align-items:center}.topbar-badge{justify-content:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8;font-weight:800;font-size:.78rem;border:1px solid rgba(96,165,250,.25)}.topbar-context{display:grid;grid-gap:2px;gap:2px}.topbar-title{font-size:.92rem;font-weight:700;color:var(--text)}.topbar-subtitle{font-size:.76rem;color:var(--muted)}.topbar-search{flex:1 1 360px;max-width:460px}.topbar-user{gap:12px;padding:6px 8px 6px 14px;border:1px solid var(--border);border-radius:999px;background:hsla(0,0%,100%,.82);box-shadow:var(--shadow-xs)}.topbar-user-copy{display:grid;grid-gap:1px;gap:1px}.topbar-user-name{font-size:.82rem;font-weight:650;color:var(--text)}.topbar-user-role{font-size:.72rem;color:var(--muted);text-transform:capitalize}.app-main{padding:28px 30px 36px}.content-wrap{width:min(1380px,100%);min-width:0}.page-header{align-items:center;gap:16px;margin-bottom:22px}.page-header-main{gap:6px}.page-breadcrumb{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.page-header-description{max-width:760px;font-size:.95rem;line-height:1.6;color:var(--muted)}.page-header-subtitle{font-size:.8rem;color:#94a3b8}.card,.section-card{background:var(--surface);border:1px solid rgba(226,232,240,.92);border-radius:22px;box-shadow:var(--shadow-sm);padding:20px;margin-bottom:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.section-card-copy{display:grid;grid-gap:4px;gap:4px}.section-card-copy h3{font-size:1rem}.section-card-actions{display:inline-flex;align-items:center;gap:8px}.section-card-content{min-width:0}.grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:18px;gap:18px}.email-preview-surface{min-width:0;background:#f8fafc}.details-grid,.details-grid-3,.form-grid,.form-grid-1,.form-grid-3,.source-row-grid{gap:14px}.form-grid-1{display:grid;grid-template-columns:1fr}.form-section{padding:16px;border:1px solid rgba(226,232,240,.9);border-radius:18px;background:linear-gradient(180deg,hsla(0,0%,100%,.96),rgba(248,251,255,.96));gap:14px}.form-section-title{align-items:flex-start}.field{gap:7px}.field-label{font-size:.78rem;font-weight:650;letter-spacing:.02em;color:#55657c}.field-required{color:var(--danger)}.field-help,.small-muted{font-size:.78rem;line-height:1.5;color:var(--muted)}.input-control,input,select,textarea{min-height:42px;border-radius:13px;border-color:rgba(214,222,234,.94);padding:10px 12px;font-size:.9rem;background:hsla(0,0%,100%,.98)}textarea{min-height:86px}.btn,button{min-height:40px;border-radius:12px;font-size:.84rem;font-weight:680}.btn-primary,button{background:linear-gradient(180deg,#3b82f6,#2563eb);border-color:#2563eb;box-shadow:0 10px 18px rgba(37,99,235,.16)}.btn-primary:hover,button:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8)}.btn-secondary{background:rgba(248,250,252,.96);border-color:rgba(214,222,234,.98)}.btn-outline{background:#fff;border-color:rgba(203,213,225,.9)}.btn-ghost{background:transparent;box-shadow:none}.button-row{justify-content:flex-end;gap:10px;padding-top:4px}.badge{padding:4px 10px;background:rgba(248,250,252,.94);border-color:rgba(226,232,240,.96)}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;border:1px solid var(--border);border-radius:18px;background:rgba(248,250,252,.72)}.table-title-row{margin-bottom:14px}.list-title{font-size:1rem;font-weight:700}.table-wrap{border-radius:18px;border:1px solid rgba(226,232,240,.92);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6)}.data-table,table{min-width:780px}td,th{padding:13px 14px}th{top:0;z-index:2;background:rgba(248,250,252,.98);font-size:.7rem;letter-spacing:.08em}tbody tr:nth-child(2n){background:rgba(248,251,255,.5)}tbody tr:hover{background:rgba(239,246,255,.7)}.kpi{padding:18px;border-radius:20px;box-shadow:var(--shadow-sm);background:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(248,251,255,.98))}.kpi h4{font-size:.72rem;letter-spacing:.1em}.kpi p{font-size:1.7rem;letter-spacing:-.04em}.source-row{padding:16px;border-radius:20px;box-shadow:var(--shadow-xs);background:hsla(0,0%,100%,.98)}.source-row-head{align-items:flex-start}.empty-state{padding:32px 24px;border:1px dashed rgba(148,163,184,.35);border-radius:22px;background:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(248,251,255,.98))}.empty-state-visual{width:52px;height:52px;margin:0 auto;border-radius:16px;align-items:center;font-size:.72rem;font-weight:800;color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid rgba(96,165,250,.24)}.empty-state-actions,.empty-state-visual{display:inline-flex;justify-content:center}.empty-state-actions{gap:10px;flex-wrap:wrap}.skeleton{border-radius:16px}.toast-stack{top:22px;right:22px;gap:10px}.toast{border-radius:16px;padding:12px 14px}.error-card{display:grid;grid-gap:10px;gap:10px;padding:22px}@media (max-width:1200px){.app-main,.app-topbar{padding-inline:20px}}@media (max-width:1024px){.sidebar{padding:14px}.app-topbar{flex-wrap:wrap;justify-content:flex-start}.topbar-search{order:3;flex-basis:100%;max-width:none}.topbar-user{margin-left:auto}}