:root{--navy:#0a2433;--navy2:#123d50;--blue:#167fa7;--cyan:#36b6cb;--cream:#f4f6f3;--paper:#fff;--ink:#102833;--muted:#667c85;--line:#dbe5e5;--green:#16855a;--red:#c24b5a;--amber:#b77a09;--shadow:0 18px 55px rgba(10,36,51,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 "DM Sans",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.brand{display:flex;align-items:center;gap:8px;font:800 20px Manrope}.brand span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff}.brand b{color:var(--blue)}.button{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 9px 22px rgba(22,127,167,.2)}.button:hover{background:#116f93}.button.small{min-height:39px;padding:0 14px;font-size:14px}.eyebrow,.section-title>span{color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.13em}.public-header{height:76px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.public-header nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:600}.hero{min-height:680px;padding:86px max(7vw,32px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;background:radial-gradient(circle at 72% 35%,rgba(54,182,203,.15),transparent 31%),linear-gradient(145deg,#f9fbf8,#eef5f4)}.hero h1{max-width:700px;margin:18px 0 20px;font:800 clamp(42px,5.3vw,76px)/1.03 Manrope;letter-spacing:-.055em}.hero h1 em{color:var(--blue);font-style:normal}.hero p{max-width:600px;color:var(--muted);font-size:19px}.hero-actions{margin:32px 0 18px;display:flex;align-items:center;gap:25px}.text-link{font-weight:700;color:var(--blue)}.hero>div>small{color:var(--muted)}.hero-board{padding:26px;border:1px solid rgba(255,255,255,.8);border-radius:26px;background:rgba(255,255,255,.8);box-shadow:0 35px 100px rgba(10,56,76,.18);transform:rotate(1deg)}.mini-top{display:flex;justify-content:space-between}.mini-top span{font:800 20px Manrope}.mini-top b{color:var(--muted);font-size:13px}.mini-metrics{margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-metrics article{padding:18px;border:1px solid var(--line);border-radius:15px}.mini-metrics small,.mini-metrics b{display:block}.mini-metrics b{margin:6px 0;font:800 24px Manrope}.mini-metrics i{color:var(--green);font-style:normal;font-size:12px}.mini-metrics .red{color:var(--red)}.mini-list{display:grid;gap:9px}.mini-list>span{padding:13px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;border:1px solid var(--line);border-radius:13px}.mini-list i{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#e7f7ef}.mini-list i.amber{background:#fff5d8;color:var(--amber)}.mini-list i.blue{background:#e8f5fa;color:var(--blue)}.mini-list b{display:grid;font-size:14px}.mini-list small{color:var(--muted);font-weight:400}.mini-list strong,.mini-list em{font-size:12px;color:var(--green);font-style:normal}.mini-list em{color:var(--amber)}.feature-section,.pricing{padding:100px max(7vw,32px)}.section-title{text-align:center}.section-title h2{margin:10px auto 40px;font:800 clamp(32px,4vw,50px) Manrope}.feature-grid,.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;margin:auto}.feature-grid article,.price-grid article{padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.feature-grid i{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#e7f4f8;color:var(--blue);font:800 21px Manrope}.feature-grid h3{font:800 21px Manrope}.feature-grid p{color:var(--muted)}.pricing{background:var(--navy);color:#fff}.pricing .section-title>span{color:var(--cyan)}.price-grid article{background:#113342;border-color:#285061}.price-grid article.popular{transform:translateY(-12px);border-color:var(--cyan)}.price-grid article>b{display:block;margin:-30px -30px 20px;padding:7px;border-radius:17px 17px 0 0;background:var(--cyan);text-align:center;font-size:11px}.price-grid article>span{font-weight:700}.price-grid h3{margin:12px 0 4px;font:800 34px Manrope}.price-grid h3 small{font-size:14px;color:#a9c0c9}.price-grid p{color:#a9c0c9}footer{padding:30px max(7vw,32px);display:flex;align-items:center;gap:25px;background:#061923;color:#c5d3d7}footer span{font:800 18px Manrope}footer p{margin-right:auto}.auth-wrap{min-height:calc(100vh - 76px);padding:70px max(8vw,30px);display:grid;grid-template-columns:1fr 460px;align-items:center;gap:8vw}.auth-wrap section h1{max-width:670px;font:800 clamp(40px,5vw,68px)/1.06 Manrope;letter-spacing:-.05em}.auth-wrap section p{color:var(--muted);font-size:19px}.auth-card,.settings-form,.stack-form{padding:30px;display:grid;gap:18px;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:var(--shadow)}label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:700}input,select,textarea{width:100%;min-height:45px;padding:10px 12px;border:1px solid #cbdadb;border-radius:9px;background:#fff;color:#102833;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,127,167,.1)}.auth-card p{text-align:center;color:var(--muted);font-size:14px}.auth-card p a{color:var(--blue);font-weight:700}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:24px 16px;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--navy),#061923);color:#fff;z-index:30}.brand.inverse b{color:var(--cyan)}.workspace{margin:30px 0 20px;padding:14px;display:grid;border:1px solid #244756;border-radius:12px;background:#102f3d}.workspace small{color:#7fa0ad;font-size:10px;letter-spacing:.12em}.workspace strong{margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace span{color:#8fb2be;font-size:12px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:11px 12px;display:flex;align-items:center;gap:11px;border-radius:9px;color:#9eb7c0;font-size:14px;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{background:#17475a;color:#fff}.sidebar nav i{width:24px;text-align:center;color:var(--cyan);font-style:normal;font-weight:800}.sidebar-user{margin-top:auto;padding-top:18px;display:grid;grid-template-columns:36px 1fr 20px;align-items:center;gap:9px;border-top:1px solid #21414f}.sidebar-user>div{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--blue);font-weight:800}.sidebar-user span{min-width:0;display:grid}.sidebar-user b,.sidebar-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user b{font-size:12px}.sidebar-user small{color:#7fa0ad;font-size:10px}.mobile-header{display:none}.app-main{min-height:100vh;margin-left:250px;padding:30px 34px 60px}.app-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.app-top span{color:var(--muted);font-size:13px}.app-top h1{margin:3px 0 0;font:800 28px Manrope}.top-actions{display:flex;gap:10px}.trial{padding:9px 13px;border:1px solid #d8b657;border-radius:9px;background:#fff8dc;color:#8a6200;font-size:13px;font-weight:700}.trial i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#d99a00}.top-actions button{width:40px;border:1px solid var(--line);border-radius:9px;background:var(--paper);cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.metrics article{padding:20px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:15px;background:var(--paper)}.metrics article>i{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#e8f7ef;color:var(--green);font:800 20px Manrope}.metrics article.expense>i{background:#fff0f1;color:var(--red)}.metrics article.balance>i{background:#e8f5fa;color:var(--blue)}.metrics span{display:grid;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em}.metrics b{margin-top:3px;color:var(--ink);font:800 21px Manrope;letter-spacing:-.03em}.metrics small{font-size:10px;font-weight:500;letter-spacing:0}.tabs{margin:22px 0 15px;padding:5px;display:flex;gap:4px;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow-x:auto}.tabs button{min-height:39px;padding:0 15px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.tabs button.active{background:var(--navy);color:#fff}.tabs button b{margin-left:5px;padding:2px 6px;border-radius:20px;background:rgba(128,128,128,.15);font-size:10px}.tab-panel{display:none}.tab-panel.active{display:block}.dashboard-grid,.notes-grid,.reminder-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.card{border:1px solid var(--line);border-radius:16px;background:var(--paper);overflow:hidden;box-shadow:0 4px 20px rgba(10,36,51,.035)}.card-title{min-height:72px;padding:15px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.card-title span{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.12em}.card-title h2{margin:3px 0 0;font:800 17px Manrope}.card-title a{color:var(--blue);font-size:12px;font-weight:700}.cash-form{padding:20px}.type-switch{margin-bottom:15px;padding:4px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;background:var(--cream)}.type-switch input{display:none}.type-switch span{min-height:38px;display:grid;place-items:center;border-radius:7px;cursor:pointer}.type-switch input:checked+span{background:var(--paper);color:var(--green);box-shadow:0 2px 9px rgba(0,0,0,.08)}.type-switch label:last-child input:checked+span{color:var(--red)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:17px}.compact-list,.data-list,.note-list,.reminder-list{padding:12px;display:grid;gap:8px}.compact-list article,.data-list article,.note-list article,.reminder-list article{padding:11px;display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:11px}.compact-list i,.data-list>article>i,.note-list>article>i,.reminder-list>article>i{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#fff5d8;color:var(--amber);font-style:normal}.compact-list span,.data-list span{display:grid}.compact-list small,.data-list small,.note-list small,.reminder-list small{color:var(--muted);font-size:11px}.green{background:#e7f7ef!important;color:var(--green)!important}.red{background:#fff0f1!important;color:var(--red)!important}.green-text{color:var(--green)}.red-text{color:var(--red)}.data-list article>span{min-width:0;flex:1}.data-list strong{margin-left:auto;white-space:nowrap}.icon-button{width:30px;height:30px;border:1px solid #efd4d8;border-radius:8px;background:#fff4f5;color:var(--red);font-size:20px;cursor:pointer}.stack-form{border:0;border-radius:0;box-shadow:none}.voice-card .recorder{padding:30px 22px;display:grid;justify-items:center;gap:14px}.voice-card input{max-width:380px}.record-button{width:118px;height:118px;display:grid;place-items:center;align-content:center;gap:8px;border:8px solid #e8f5fa;border-radius:50%;background:var(--blue);color:#fff;cursor:pointer}.record-button i{width:20px;height:20px;border-radius:50%;background:#fff}.record-button span{font-size:11px;font-weight:700}.record-button.recording{background:var(--red);border-color:#ffe7e9;animation:pulse 1.5s infinite}.record-button.recording i{border-radius:3px}.recorder time{font:800 25px Manrope}.recorder p{margin:0;color:var(--muted);font-size:12px;text-align:center}.archive{margin-top:16px}.note-list{grid-template-columns:1fr 1fr}.note-list article{align-items:flex-start}.note-list article>div{min-width:0;flex:1}.note-list p{margin:8px 0 0;font-size:13px}.note-list audio{width:100%;height:36px;margin-top:8px}.reminder-list article{display:grid;grid-template-columns:36px 1fr auto auto}.reminder-list .due{border-color:#e7bd59;background:#fffaf0}.reminder-list time{font-size:12px;font-weight:700;color:var(--amber)}.complete{min-height:32px;padding:0 10px;border:1px solid #acd8c5;border-radius:8px;background:#effaf5;color:var(--green);font-size:11px;font-weight:700;cursor:pointer}.empty{padding:30px;text-align:center;color:var(--muted);font-size:13px}.toast{position:fixed;right:24px;top:24px;z-index:100;padding:13px 17px;border-radius:10px;background:var(--navy);color:#fff;box-shadow:var(--shadow);transition:.3s}.toast.success{background:var(--green)}.toast.error{background:var(--red)}.toast.hide{opacity:0;transform:translateY(-8px);pointer-events:none}.settings-card{max-width:900px}.settings-form{border:0;box-shadow:none}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}label small{font-weight:400}.settings-form .button{justify-self:start}dialog{width:min(620px,calc(100% - 24px));border:0;border-radius:18px;padding:24px;color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(6,25,35,.65);backdrop-filter:blur(4px)}.dialog-close{float:right;width:34px;height:34px;border:0;border-radius:50%;font-size:22px;cursor:pointer}.super-main{min-height:100vh;padding:0 max(5vw,25px) 60px}.super-header{height:76px;display:flex;align-items:center;justify-content:space-between}.super-header>div{display:flex;gap:20px}.super-header a{color:var(--blue)}.super-title{padding:42px 0 25px}.super-title span{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.12em}.super-title h1{margin:5px 0;font:800 34px Manrope}.super-metrics{max-width:760px;margin-bottom:20px}.tenant-table{padding:10px;display:grid}.tenant-row{min-height:66px;padding:8px;display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr auto;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.tenant-row.head{min-height:36px;color:var(--muted);font-size:11px;font-weight:700}.tenant-row span{display:grid}.tenant-row small{color:var(--muted)}.not-found{min-height:70vh;display:grid;place-content:center;justify-items:center}.not-found>b{font:800 100px Manrope;color:var(--line)}@keyframes pulse{50%{transform:scale(1.04)}}
[data-theme="dark"]{--cream:#091a22;--paper:#102731;--ink:#eef7f8;--muted:#91a8b1;--line:#25414b}[data-theme="dark"] .app-shell input,[data-theme="dark"] .app-shell select,[data-theme="dark"] .app-shell textarea{background:#0a2029;color:var(--ink);border-color:var(--line)}[data-theme="dark"] .trial{background:#332d17;border-color:#66551d}[data-theme="dark"] .type-switch{background:#091a22}[data-theme="dark"] .reminder-list .due{background:#302a18}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:55px}.feature-grid,.price-grid{grid-template-columns:1fr}.price-grid article.popular{transform:none}.auth-wrap{grid-template-columns:1fr}.auth-wrap>section{display:none}.sidebar{transform:translateX(-100%);transition:.25s}.menu-open .sidebar{transform:none}.mobile-header{height:64px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:25}.mobile-header .brand{font-size:16px}.mobile-header .brand span{width:30px;height:30px}.mobile-header button{border:0;background:transparent;font-size:24px;color:var(--ink)}.app-main{margin-left:0;padding:22px 18px 50px}.dashboard-grid,.notes-grid,.reminder-grid{grid-template-columns:1fr}.note-list{grid-template-columns:1fr}.tenant-row{grid-template-columns:1fr 1fr}.tenant-row.head{display:none}.tenant-row>span{grid-column:1/-1}.public-header nav>a:not(.button){display:none}}
@media(max-width:600px){.hero{padding-inline:20px}.hero h1{font-size:42px}.hero-board{padding:15px}.mini-metrics{grid-template-columns:1fr}.feature-section,.pricing{padding:70px 20px}.public-header{padding:0 16px}.public-header .brand{font-size:17px}.public-header nav{gap:8px}.auth-wrap{padding:25px 16px}.auth-card{padding:22px}.metrics{grid-template-columns:1fr}.app-top{align-items:flex-start}.trial{display:none}.form-grid,.two-col{grid-template-columns:1fr}.note-list{grid-template-columns:1fr}.reminder-list article{grid-template-columns:36px 1fr}.reminder-list time,.reminder-list form{grid-column:2}.hero-actions{align-items:flex-start;flex-direction:column}.hero-board{transform:none}footer{align-items:flex-start;flex-direction:column;gap:5px}}
.settings-layout{display:grid;grid-template-columns:1.15fr .85fr;align-items:start;gap:16px}.team-list{padding:12px;display:grid;gap:7px}.team-list article{padding:10px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px}.team-list article.disabled{opacity:.5}.team-list article>i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e8f5fa;color:var(--blue);font-style:normal;font-weight:800}.team-list article>span{min-width:0;display:grid;flex:1}.team-list small{color:var(--muted);font-size:11px}.member-form{border-top:1px solid var(--line);border-radius:0}.member-form h3{margin:0;font:800 15px Manrope}.member-form .form-grid{grid-template-columns:1fr;margin:0}@media(max-width:900px){.settings-layout{grid-template-columns:1fr}}
.edit-button{min-height:30px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--blue);font-size:11px;font-weight:700;cursor:pointer}.reminder-list article{grid-template-columns:36px 1fr auto auto auto}.subscription-banner{margin-bottom:18px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:18px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff}.subscription-banner span{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.12em}.subscription-banner h2{margin:4px 0;font:800 28px Manrope}.subscription-banner p{margin:0;color:#abc2ca}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plan-grid article{position:relative;padding:26px;overflow:visible}.plan-grid article.current{border:2px solid var(--cyan)}.current-badge{position:absolute;right:16px;top:-11px;padding:5px 9px;border-radius:20px;background:var(--cyan);color:#073042;font-size:10px}.plan-grid article>span{color:var(--blue);font-weight:800}.plan-grid h2{font:800 28px Manrope}.plan-grid h2 small{font-size:12px;color:var(--muted)}.plan-grid ul{padding-left:20px;color:var(--muted)}.plan-grid li{margin:9px 0}.legal{width:min(850px,calc(100% - 36px));min-height:70vh;margin:70px auto}.legal h1{font:800 clamp(36px,5vw,60px) Manrope}.legal h2{margin-top:36px;font:800 21px Manrope}.legal p{color:var(--muted);line-height:1.8}footer nav{display:flex;gap:15px;font-size:13px}footer nav a:hover{color:#fff}@media(max-width:900px){.plan-grid{grid-template-columns:1fr}}@media(max-width:600px){.subscription-banner{align-items:flex-start;flex-direction:column}.reminder-list article{grid-template-columns:36px 1fr}.reminder-list time,.reminder-list form{grid-column:2}}
.customer-count{padding:8px 12px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--muted);font-size:13px;font-weight:700}.customer-layout{display:grid;grid-template-columns:1.2fr .8fr;align-items:start;gap:16px}.customer-search{width:100%;display:grid;grid-template-columns:1fr auto;gap:8px}.customer-search button{padding:0 18px;border:0;border-radius:9px;background:var(--navy);color:#fff;font-weight:700;cursor:pointer}.customer-list{padding:12px;display:grid;gap:8px}.customer-list>a{padding:12px;display:grid;grid-template-columns:42px 1fr auto 20px;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;transition:.2s}.customer-list>a:hover{border-color:var(--cyan);transform:translateY(-1px);box-shadow:0 8px 20px rgba(10,36,51,.07)}.customer-list>a>i,.customer-hero>i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#dff4f7,#c6e7ed);color:var(--blue);font-style:normal;font-weight:800}.customer-list>a>span{min-width:0;display:grid}.customer-list small{color:var(--muted)}.customer-list em{padding:5px 8px;border-radius:20px;background:var(--cream);color:var(--muted);font-size:11px;font-style:normal}.customer-list strong{color:var(--blue)}.back-link{display:inline-flex;margin-bottom:16px;color:var(--blue);font-size:13px;font-weight:700}.customer-hero{margin-bottom:17px;padding:24px;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:16px;border-radius:17px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff}.customer-hero>i{width:64px;height:64px;border-radius:18px;font-size:20px}.customer-hero>div{display:grid}.customer-hero>div>span{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.12em}.customer-hero h1{margin:2px 0;font:800 27px Manrope}.customer-hero a{color:#b7d2da}.customer-note-badge{padding:8px 12px;border:1px solid #426271;border-radius:20px;color:#c0d5dc;font-size:12px}.customer-detail-grid{display:grid;grid-template-columns:.75fr 1.25fr;align-items:start;gap:16px}.danger-zone{padding:0 30px 25px}.danger-zone button{border:0;background:transparent;color:var(--red);font-size:12px;font-weight:700;cursor:pointer}.customer-note-form{padding:16px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--cream) 50%,var(--paper))}.customer-note-list{padding:12px;display:grid;gap:9px}.customer-note-list article{padding:14px;border:1px solid var(--line);border-radius:12px}.customer-note-list header{display:flex;align-items:center;gap:9px}.customer-note-list header>i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#e8f5fa;color:var(--blue);font-style:normal;font-weight:800}.customer-note-list header>span{display:grid;flex:1}.customer-note-list small{color:var(--muted);font-size:11px}.customer-note-list p{margin:12px 0 0;font-size:14px;white-space:pre-wrap}@media(max-width:900px){.customer-layout,.customer-detail-grid{grid-template-columns:1fr}}@media(max-width:600px){.customer-list>a{grid-template-columns:42px 1fr auto}.customer-list>a>strong{display:none}.customer-hero{grid-template-columns:52px 1fr}.customer-hero>i{width:52px;height:52px}.customer-note-badge{grid-column:2;justify-self:start}.customer-note-form{grid-template-columns:1fr}.customer-note-form .button{width:100%}}

.customer-side{display:grid;gap:16px}.portal-access-card .card-title{align-items:center}.status-dot{padding:6px 9px;border-radius:20px;background:#f5e7e4;color:var(--red);font-size:11px}.status-dot.on{background:#e1f2e8;color:#26764a}.portal-token{margin:0 30px;padding:15px;border:1px dashed var(--cyan);border-radius:12px;background:#eef9fb;display:grid}.portal-token small{color:var(--muted);font-size:10px;letter-spacing:.12em}.portal-token b{font:800 21px Manrope;letter-spacing:.12em;color:var(--blue)}.check{margin-top:8px;display:flex!important;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.check input{width:auto!important}.customer-note-list article.customer-message{border-color:#9bd8e2;background:#f2fbfc}
.customer-auth{background:var(--cream)}.customer-login-wrap{max-width:1040px;margin:80px auto;padding:40px;display:grid;grid-template-columns:1fr 440px;align-items:center;gap:80px}.customer-login-wrap h1{font:800 48px/1.1 Manrope;margin:12px 0}.customer-login-wrap section p{max-width:520px;color:var(--muted);font-size:18px}.portal-header{height:72px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.portal-header>div{display:flex;align-items:center;gap:18px}.portal-header>div span{font-weight:700}.portal-header>div a{color:var(--red);font-size:13px}.portal-main{max-width:1180px;margin:auto;padding:46px 24px}.portal-welcome{padding:32px;display:grid;grid-template-columns:1fr 300px;gap:28px;border-radius:20px;background:linear-gradient(135deg,var(--navy),#16475a);color:#fff}.portal-welcome span{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.14em}.portal-welcome h1{margin:7px 0;font:800 34px Manrope}.portal-welcome p{margin:0;color:#c2d9df}.portal-welcome aside{padding:18px;border:1px solid #3e6573;border-radius:14px;display:grid;align-content:center}.portal-welcome aside small{color:#a9c6cf}.portal-welcome aside b{margin-top:7px}.portal-welcome aside a{color:var(--cyan)}.portal-grid{margin-top:18px;display:grid;grid-template-columns:.75fr 1.25fr;align-items:start;gap:18px}.portal-messages{padding:15px;display:grid;gap:10px}.portal-messages article{max-width:85%;padding:13px 15px;border-radius:14px;background:#edf4f6}.portal-messages article.from-customer{margin-left:auto;background:#dff4f7}.portal-messages header{display:flex;justify-content:space-between;gap:18px}.portal-messages small{color:var(--muted)}.portal-messages p{margin:8px 0 0;white-space:pre-wrap}.pill{padding:6px 9px;border-radius:20px;background:var(--cream);color:var(--blue);font-size:12px}
.super-header nav{display:flex;gap:18px}.super-header nav a{color:var(--muted);font-size:13px;font-weight:700}.super-title p{margin:5px 0 0;color:var(--muted)}.super-metrics{grid-template-columns:repeat(4,1fr)}.admin-plan-grid{padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.admin-plan-grid form{padding:18px;border:1px solid var(--line);border-radius:14px;display:grid;gap:12px}.admin-plan-grid form>b{font:800 20px Manrope;color:var(--navy)}.admin-plan-grid label{display:grid;gap:5px;color:var(--muted);font-size:12px}.admin-activity{padding:10px 18px}.admin-activity article{padding:13px 0;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.admin-activity article>i{width:32px;height:32px;border-radius:9px;background:#e8f5fa;color:var(--blue);display:grid;place-items:center;font-style:normal}.admin-activity article>span{display:grid}.admin-activity small,.admin-activity time{color:var(--muted);font-size:11px}
@media(max-width:900px){.customer-login-wrap,.portal-grid,.portal-welcome{grid-template-columns:1fr}.customer-login-wrap{gap:30px;margin:25px auto}.admin-plan-grid,.super-metrics{grid-template-columns:1fr 1fr}.super-header nav{display:none}}@media(max-width:600px){.customer-login-wrap{padding:24px}.customer-login-wrap h1{font-size:35px}.portal-header>div span{display:none}.portal-main{padding:25px 14px}.portal-welcome{padding:24px}.admin-plan-grid,.super-metrics{grid-template-columns:1fr}}

.appointment-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:16px;align-items:start}.booking-links{padding:14px;display:grid;gap:10px}.booking-links article{padding:13px;display:grid;grid-template-columns:minmax(130px,.7fr) minmax(200px,1.3fr) auto auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px}.booking-links article>span{display:grid}.booking-links small{color:var(--muted)}.booking-links button,.booking-links a{padding:9px 11px;border:0;border-radius:8px;background:#e5f5f8;color:var(--blue);font-weight:700;cursor:pointer}.appointments-card{margin-top:16px}.appointment-list{padding:12px}.appointment-list article{padding:13px;display:grid;grid-template-columns:72px 1fr auto 150px;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.appointment-list article>time{display:flex;align-items:center;gap:7px}.appointment-list time>b{font:800 26px Manrope;color:var(--blue)}.appointment-list time>span,.appointment-list article>div{display:grid}.appointment-list small{color:var(--muted)}.appointment-status{padding:7px 9px;border-radius:20px;background:#fff3d8;color:#906113;font-size:12px;font-weight:700}.appointment-status.confirmed{background:#def3e8;color:#26764a}.appointment-status.completed{background:#e7eef1;color:#48626c}.appointment-status.cancelled{background:#f5e4e2;color:var(--red)}.booking-page{min-height:100vh;background:linear-gradient(135deg,#092b3b 0 42%,#edf5f6 42%)}.booking-shell{min-height:100vh;max-width:1080px;margin:auto;padding:70px 28px;display:grid;grid-template-columns:1fr 470px;align-items:center;gap:75px}.booking-intro{color:#fff}.booking-intro>.brand{margin-bottom:70px;color:#fff}.booking-intro>span{display:block;color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.14em}.booking-intro h1{margin:10px 0;font:800 48px/1.05 Manrope}.booking-intro p{font-size:20px}.booking-intro small{color:#b9d2da}.booking-card{padding:30px;border-radius:18px;background:#fff;box-shadow:0 24px 70px #041d2938}.booking-card h2{margin:0 0 18px;font:800 24px Manrope}.booking-success{text-align:center;padding:35px 5px}.booking-success i{margin:auto;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:#def3e8;color:#26764a;font:800 26px Manrope}.tenant-stack{display:grid;gap:6px}.tenant-table .tenant-row{align-items:center}
@media(max-width:950px){.appointment-grid,.booking-shell{grid-template-columns:1fr}.booking-shell{gap:28px;padding:35px 20px}.booking-intro>.brand{margin-bottom:35px}.booking-links article{grid-template-columns:1fr auto}.booking-links article input{grid-column:1/-1}.appointment-list article{grid-template-columns:64px 1fr auto}.appointment-list article form{grid-column:2/-1}}@media(max-width:600px){.booking-page{background:var(--navy)}.booking-intro h1{font-size:36px}.appointment-list article{grid-template-columns:1fr}.appointment-list article form{grid-column:auto}.booking-links article{grid-template-columns:1fr 1fr}.booking-links article>span,.booking-links article input{grid-column:1/-1}}
.portal-appointment-strip{margin-top:18px;padding:18px;display:grid;grid-template-columns:1fr repeat(3,minmax(160px,1fr));gap:12px;border:1px solid var(--line);border-radius:16px;background:#fff}.portal-appointment-strip>div span{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.12em}.portal-appointment-strip h2{margin:4px 0;font:800 20px Manrope}.portal-appointment-strip article{padding:12px;border-radius:12px;background:#eef7f8;display:grid}.portal-appointment-strip time,.portal-appointment-strip small{color:var(--muted);font-size:12px}.account-booking-link{margin:0 30px 28px;padding:14px;border:1px dashed var(--cyan);border-radius:12px;background:#eef9fb;display:grid;grid-template-columns:1fr auto;gap:8px}.account-booking-link small{grid-column:1/-1;color:var(--muted);letter-spacing:.1em}.account-booking-link button{border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:700;padding:0 12px}.super-main{max-width:1500px}.super-header{background:#fff;border-bottom:1px solid var(--line);padding-left:28px;padding-right:28px}.super-title,.super-main>.metrics,.super-main>.card{max-width:1400px;margin-left:auto;margin-right:auto}.tenant-table .tenant-row{grid-template-columns:minmax(190px,1.4fr) minmax(155px,1fr) minmax(155px,1fr) 120px 100px}
@media(max-width:900px){.portal-appointment-strip{grid-template-columns:1fr 1fr}.tenant-table .tenant-row{grid-template-columns:1fr 1fr}.tenant-table .tenant-row>*:first-child{grid-column:1/-1}}@media(max-width:600px){.portal-appointment-strip{grid-template-columns:1fr}.account-booking-link{grid-template-columns:1fr}.account-booking-link small{grid-column:auto}}
.tenant-module-list{padding:16px;display:grid;gap:14px}.tenant-module-list>form{border:1px solid var(--line);border-radius:14px;overflow:hidden}.tenant-module-list>form>header{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;background:#f6f9fa}.tenant-module-list header>span{display:grid}.tenant-module-list header small{color:var(--muted)}.tenant-module-list>form>div{padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.module-toggle{padding:12px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:11px;cursor:pointer}.module-toggle>input{width:18px;height:18px}.module-toggle>span{display:grid}.module-toggle small{color:var(--muted);font-size:11px}.module-toggle em{padding:4px 7px;border-radius:15px;background:#e6f5ed;color:#26764a;font-size:10px;font-style:normal}.module-toggle.core{background:#f3f6f7;cursor:not-allowed}.module-toggle.core em{background:#e7eef1;color:#48626c}@media(max-width:900px){.tenant-module-list>form>div{grid-template-columns:1fr 1fr}}@media(max-width:600px){.tenant-module-list>form>div{grid-template-columns:1fr}}
.platform-catalog{padding:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.platform-catalog article{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:12px}.platform-catalog article>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e7f7f4;color:#137a70;font-style:normal}.platform-catalog article>span{display:grid;min-width:0}.platform-catalog article small{color:var(--muted);line-height:1.35}.lifecycle{grid-column:2;padding:4px 8px;border-radius:999px;width:max-content;font-size:10px;font-style:normal;background:#eef2f3;color:#65777d}.lifecycle.live{background:#e5f6ec;color:#25744a}.lifecycle.beta{background:#fff4db;color:#956915}@media(max-width:1050px){.platform-catalog{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.platform-catalog{grid-template-columns:1fr}}
.architecture-columns{padding:16px;display:grid;grid-template-columns:1.25fr 1fr;gap:14px}.architecture-columns>article{border:1px solid var(--line);border-radius:14px;overflow:hidden}.architecture-columns header{padding:15px 16px;background:#f5f8f9;display:grid}.architecture-columns header small{color:var(--muted)}.architecture-columns ul{list-style:none;margin:0;padding:8px 14px 14px}.architecture-columns li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 2px;border-bottom:1px solid var(--line)}.architecture-columns li:last-child{border-bottom:0}.architecture-columns .lifecycle{grid-column:auto;flex:0 0 auto}@media(max-width:760px){.architecture-columns{grid-template-columns:1fr}}