:root{color-scheme:light;--ink: #182026;--muted: #68717c;--line: #d9e0e7;--soft: #f4f7f8;--panel: #ffffff;--brand: #0f766e;--brand-strong: #115e59;--accent: #f59e0b;--danger: #b91c1c;--shadow: 0 18px 45px rgba(24, 32, 38, .12);font-family:Aptos,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#eef3f4;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:.72rem .8rem;outline:none}textarea{min-height:92px;resize:vertical}label{display:grid;gap:.4rem;color:#34404a;font-size:.92rem;font-weight:650}h1,h2,p{margin:0}h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1}h2{font-size:1.08rem;margin-bottom:1rem}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.75fr);background:linear-gradient(135deg,#0f766ee0,#0c4a6edb),url(/favicon.ico)}.auth-visual{display:flex;flex-direction:column;justify-content:center;gap:2rem;padding:8vw;color:#fff}.auth-visual h1{max-width:760px;font-size:clamp(2.8rem,6vw,5.8rem)}.visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:720px}.visual-grid div{border:1px solid rgba(255,255,255,.35);border-radius:8px;padding:1rem;background:#ffffff1a}.visual-grid strong{display:block;font-size:1.55rem}.visual-grid span{color:#ffffffc2}.auth-card{display:flex;align-items:center;padding:2rem;background:#f8faf9}.auth-card form{width:100%;max-width:460px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:8px;padding:2rem;box-shadow:var(--shadow)}.auth-tabs{position:fixed;top:2rem;right:2rem;display:flex;gap:.35rem;padding:.25rem;border:1px solid var(--line);border-radius:8px;background:#fff}.auth-tabs button,.ghost-button{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:.62rem .82rem}.auth-tabs button.active,.primary-button{border:0;border-radius:8px;background:var(--brand);color:#fff;padding:.72rem .95rem;font-weight:750}.primary-button:disabled{opacity:.6;cursor:not-allowed}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:2rem;padding:1.35rem;background:#102225;color:#eef7f6}.brand{display:flex;align-items:center;gap:.8rem}.brand-mark{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:8px;background:var(--accent);color:#111;font-weight:900}.brand small{display:block;color:#9fb4b6}.sidebar nav{display:grid;gap:.35rem}.nav-section-title{color:#9fb4b6;font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem}.sidebar a,.module-nav a{display:flex;align-items:center;gap:.65rem;color:#d7e5e4;text-decoration:none;border-radius:8px;padding:.82rem .95rem}.sidebar a.active,.sidebar a:hover,.module-nav a.active,.module-nav a:hover{background:#ffffff1a;color:#fff}.module-nav{display:grid;gap:.35rem;border-top:1px solid rgba(255,255,255,.14);padding-top:1rem}.module-nav p{color:#9fb4b6;font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.nav-dot,.module-dot{flex:0 0 auto;width:9px;height:9px;border-radius:999px}.nav-dot{background:#ffffff57}.module-dot{box-shadow:0 0 0 3px #ffffff14}.workspace{min-width:0}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.4rem;border-bottom:1px solid var(--line);background:#f8faf9f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar select{min-width:260px;margin-top:.3rem}.topbar-actions{display:flex;align-items:center;gap:.65rem}.user-chip,.badge,.chip{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;background:#e7f2f0;color:var(--brand-strong);padding:.2rem .65rem;font-size:.84rem;font-weight:750}.page-frame{padding:1.4rem}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.eyebrow{color:var(--brand-strong);font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.muted{color:var(--muted)}.error{color:var(--danger);font-weight:700}.stack,.two-columns,.content-grid,.split-layout,.metric-grid,.card-grid{display:grid;gap:1rem}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.split-layout{grid-template-columns:minmax(280px,.35fr) minmax(0,1fr);align-items:start}.content-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1rem}.panel,.metric-grid article,.empty-state{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:1rem;box-shadow:0 8px 24px #1820260d}.metric-grid article span,.list-row small{display:block;color:var(--muted)}.metric-grid article strong{display:block;margin-top:.5rem;font-size:2rem}.list-row,.stat-line{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;border-top:1px solid var(--line)}.list-row:first-of-type,.stat-line:first-of-type{border-top:0}.list-row.unread{background:#fff7e6;margin-inline:-.5rem;padding-inline:.5rem;border-radius:8px}.chip-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.button-chip{border:0}.button-chip.selected{background:var(--brand);color:#fff}.inline-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.65rem;margin:1rem 0}.module-card{min-height:210px;display:grid;align-content:start;gap:.75rem}.module-icon{font-size:2rem}.module-dashboard{display:grid;grid-template-columns:1.2fr repeat(2,minmax(0,.7fr));gap:1rem}.module-dashboard .wide{grid-column:1 / -1}.module-hero{min-height:220px;display:grid;align-content:end;color:#fff;background:linear-gradient(135deg,#0f766e,#111827)}.crm-module .module-hero{background:linear-gradient(135deg,#0f766e,#164e63)}.invoice-module .module-hero{background:linear-gradient(135deg,#92400e,#111827)}.employees-module .module-hero{background:linear-gradient(135deg,#1d4ed8,#111827)}.module-hero .muted,.module-hero .eyebrow{color:#ffffffc7}.big-number{display:block;font-size:3rem;line-height:1;margin:.4rem 0}.module-heading{align-items:flex-start}.search-input{width:min(280px,100%)}.module-workbench{display:grid;grid-template-columns:minmax(320px,.42fr) minmax(0,1fr);align-items:start;gap:1rem}.module-list-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem;border:1px solid var(--line);border-radius:8px;background:#fff;padding:1.2rem;box-shadow:0 8px 24px #1820260d}.module-list-hero h1{font-size:clamp(2rem,4vw,3rem)}.crm-list-hero{border-left:6px solid #0f766e}.invoice-list-hero{border-left:6px solid #92400e}.employee-list-hero{border-left:6px solid #1d4ed8}.supplier-list-hero{border-left:6px solid #7c3aed}.data-list-panel,.edit-layout{max-width:1180px}.record-list-panel,.module-form-panel{min-height:520px}.module-list-head{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.record-table{display:grid;gap:.55rem}.record-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:.8rem;text-align:left}.record-row.selected,.record-row:hover{border-color:var(--brand);background:#eef8f6}.record-row strong,.record-row small{display:block}.record-row small{margin-top:.2rem;color:var(--muted)}.data-table{display:grid;border:1px solid var(--line);border-radius:8px;overflow:hidden}.data-table-head,.data-table-row{display:grid;grid-template-columns:minmax(220px,1.25fr) minmax(150px,.75fr) minmax(130px,.55fr) minmax(110px,.5fr) auto;align-items:center;gap:.75rem;padding:.82rem .95rem}.data-table-head{background:#f8faf9;color:var(--muted);font-size:.8rem;font-weight:850;text-transform:uppercase}.data-table-row{border-top:1px solid var(--line);background:#fff}.data-table-row:hover{background:#f8fbfb}.data-table-row strong,.data-table-row small{display:block}.data-table-row small{margin-top:.2rem;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#1022257a}.modal-panel{width:min(860px,100%);max-height:min(880px,calc(100vh - 2rem));overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff;padding:1rem;box-shadow:var(--shadow)}.edit-layout .module-form-panel{max-width:880px}.module-form{display:grid;gap:1rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid .full{grid-column:1 / -1}.form-actions{display:flex;flex-wrap:wrap;gap:.65rem}.danger-button{border:1px solid #fecaca;border-radius:8px;background:#fff1f2;color:var(--danger);padding:.62rem .82rem;font-weight:750}.upload-drop{border:1px dashed #9fb4b6;border-radius:8px;background:#f8faf9;padding:1rem}.upload-drop input{border:0;padding-inline:0}.upload-drop span{color:var(--muted);font-weight:500}.document-list{display:flex;flex-wrap:wrap;gap:.5rem}.document-list .eyebrow{flex-basis:100%}.document-pill{border-radius:999px;background:#fff7e6;color:#92400e;padding:.38rem .65rem;font-size:.84rem;font-weight:750}.access-box{display:grid;gap:1rem;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;padding:1rem}.empty-state.tight{box-shadow:none}.upload-button{position:relative;overflow:hidden;width:auto;border-radius:8px;background:var(--brand);color:#fff;padding:.72rem .95rem;font-weight:750}.upload-button input{position:absolute;inset:0;opacity:0}.admin-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);background:#eef3f4}.admin-sidebar{min-height:100vh;display:flex;flex-direction:column;gap:1rem;padding:1.35rem;background:#111827;color:#fff}.admin-sidebar a{color:#d1d5db;text-decoration:none;border-radius:8px;padding:.8rem;background:#ffffff0f}.admin-workspace{min-width:0;padding:1.4rem}.admin-tabs{display:flex;gap:.5rem;margin:1rem 0}.admin-tabs button{border:1px solid var(--line);border-radius:8px;background:#fff;padding:.75rem 1rem;font-weight:750}.admin-tabs button.active{background:#111827;color:#fff}.admin-row,.admin-module{display:grid;grid-template-columns:minmax(220px,1fr) repeat(4,auto);align-items:center;gap:.75rem;padding:.9rem 0;border-top:1px solid var(--line)}.admin-company-row{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto auto minmax(240px,1fr);align-items:center;gap:.75rem;padding:.9rem 0;border-top:1px solid var(--line)}.admin-company-row small{display:block;color:var(--muted)}.admin-company-summary{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;border:1px solid var(--line);border-radius:8px;background:#f8faf9;padding:.9rem}.chip-list.compact{margin-bottom:0}.admin-module{grid-template-columns:minmax(220px,1fr) minmax(180px,240px) auto auto}.admin-row small,.admin-module small{display:block;color:var(--muted)}.checkbox-line{display:flex;align-items:center;grid-template-columns:none}.checkbox-line input{width:auto}@media(max-width:980px){.auth-page,.app-shell,.admin-shell,.admin-company-row,.split-layout,.content-grid,.card-grid,.module-workbench,.data-table-head,.data-table-row,.metric-grid{grid-template-columns:1fr}.sidebar{position:static;height:auto}.admin-sidebar{min-height:auto}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-visual{padding:2rem}.auth-tabs{position:static;margin:1rem;width:fit-content}.module-list-hero{align-items:stretch;flex-direction:column}.data-table-head{display:none}}@media(max-width:640px){.topbar,.page-heading,.topbar-actions,.list-row{align-items:stretch;flex-direction:column}.inline-form,.two-columns,.form-grid,.visual-grid{grid-template-columns:1fr}}