:root{--ink:#18324c;--muted:#718094;--blue:#2468ba;--line:#e1e7ee;--bg:#f5f7fa}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button,a{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #83b3ec;outline-offset:3px}h1,h2,h3,p{margin-top:0}p{line-height:1.65;color:var(--muted)}small{font-size:11px;color:var(--muted)}.eyebrow{color:#6485a7;font-size:10px;letter-spacing:1.7px;font-weight:700;margin-bottom:15px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:6px;font-weight:600;font-size:12px;gap:10px;min-height:42px}.primary{background:var(--blue);color:#fff}.outline{background:#fff;border:1px solid #cdd8e4}.btn:hover:not(:disabled){filter:brightness(.95)}.full{width:100%}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:white}.auth-story{background:#12283f;color:#fff;padding:45px 12%;display:flex;flex-direction:column;justify-content:space-between;gap:45px}.company{font-size:10px;letter-spacing:2px;color:#b7cee6}.auth-story h1{font-size:48px;letter-spacing:-2px;font-weight:500;line-height:1.15;margin:28px 0}.auth-story p{font-size:14px;color:#b0c6d9}.auth-story>small{font-size:9px;letter-spacing:2px;color:#7c9bb7}.logo{background:#3274b1;font-family:Georgia;font-size:50px;border-radius:15px;width:70px;height:70px;display:grid;place-items:center}.auth-benefits{display:flex;flex-direction:column;gap:20px;margin:35px 0;color:#c2d7e9;font-size:12px}.auth-panel{max-width:550px;width:100%;padding:50px 50px;margin:auto}.back-company{display:block;font-size:11px;color:#6983a0;margin-bottom:45px}.auth-panel h2{font-size:29px;font-weight:500;margin-bottom:12px}.segmented{background:#edf2f7;padding:4px;display:flex;border-radius:7px;margin:25px 0}.segmented button{flex:1;padding:10px;font-size:12px;border-radius:5px}.segmented button.active{background:#fff;box-shadow:0 1px 4px #142e4d15;color:var(--blue);font-weight:600}label{font-size:12px;display:block;font-weight:600;margin:17px 0}input,select,textarea{display:block;width:100%;border:1px solid #d5dfeb;background:#fff;padding:12px;border-radius:5px;margin-top:8px;min-width:0;color:var(--ink)}input[readonly]{background:#f3f6fa}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.sandbox-box{border-top:1px solid var(--line);padding-top:23px;margin-top:28px}.sandbox-box strong{font-size:13px}.sandbox-box p{font-size:12px;margin:10px 0 15px}.footnote{display:block;line-height:1.6;margin-top:20px;font-size:10px}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#12283f;color:#b9cee1;display:flex;flex-direction:column;padding:30px 18px}.app-brand{display:flex;align-items:center;gap:12px;padding:0 15px;color:white;font-size:25px;font-weight:500}.app-brand>b{font:40px Georgia;background:#2c6598;width:44px;height:44px;text-align:center;border-radius:10px}.app-brand small{display:block;font-size:6px;letter-spacing:1.5px;margin-top:6px;color:#8eacc5}.workspace-label{font-size:8px;letter-spacing:1.5px;color:#728fab;padding:40px 17px 20px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:12px;padding:15px;text-align:left;border-radius:6px;font-size:12px;color:#a7bfd3}.sidebar nav button.active{background:#254764;color:white}.sidebar nav button>span{font-size:18px;width:20px}.sidebar nav b{margin-left:auto;font-size:9px;background:#3a627e;padding:3px 6px;border-radius:4px}.sidebar-bottom{margin-top:auto;border-top:1px solid #2c4358;padding:22px 0 0;display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;background:#405c72;border-radius:50%;display:grid;place-items:center;color:white}.sidebar-bottom strong{font-size:10px;max-width:130px}.sidebar-bottom small{display:block;color:#7c9bb7;font-size:9px;margin-top:5px}.sidebar-bottom button{margin-left:auto;font-size:20px}.main-area{margin-left:230px;min-width:0;flex:1}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#617992}.topbar span span{margin:0 15px;color:#b7c5d3}.topbar a{font-size:10px}.mode-banner{padding:10px 40px;background:#eaf2fb;border-bottom:1px solid #d6e4f5;color:#466788;font-size:10px;line-height:1.5}main{padding:35px 40px;max-width:1600px;margin:auto}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-title h1{font-size:29px;letter-spacing:-.8px;font-weight:500;margin:0 0 11px;overflow-wrap:anywhere}.page-title p{font-size:12px;margin-bottom:0}.page-title .eyebrow{font-size:8px;margin-bottom:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0 35px}.stats article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;box-shadow:0 4px 12px #19354b03}.stats article>span{font-size:11px;color:#6c8195}.stats strong{display:block;font-size:28px;font-weight:500;margin:14px 0 0;letter-spacing:-1px}.stats strong small{font-size:10px;font-weight:400;letter-spacing:0;margin-left:10px}.stats article>small{display:block;font-size:9px;margin-top:10px}.list-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}h2{font-size:17px;font-weight:600;margin:0}.list-head h2 small{font-size:10px;background:#e7edf5;padding:4px 7px;border-radius:4px;margin-left:8px}.search{max-width:260px;margin:0;padding:11px 14px;font-size:11px}.group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.group-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:24px;text-align:left;box-shadow:0 4px 12px #19354b03;transition:box-shadow .2s,transform .2s}.group-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #18365112}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.group-icon{background:#ebf2fb;color:#2765a7;padding:10px;font-size:20px;border-radius:8px}.status{display:inline-block;border-radius:5px;padding:5px 8px;font-size:9px;text-transform:capitalize;line-height:1.4}.green{color:#267658;background:#e9f5ef}.amber{color:#9b7124;background:#fff4db}.neutral{color:#6a7d90;background:#eef2f6}.group-card h3{font-size:16px;margin-bottom:9px;overflow-wrap:anywhere}.group-card p{font-size:10px;margin-bottom:22px}.group-value{font-size:27px;font-weight:500;letter-spacing:-1px}.card-details{display:flex;gap:16px;font-size:10px;color:#72879b;margin:17px 0 24px}.card-bottom{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#75899c}.card-bottom b{color:#2865a5;white-space:nowrap}.hint{display:flex;gap:15px;padding:23px;background:#edf2f7;border-radius:7px;margin-top:35px;align-items:center}.hint>span{font-size:25px;color:#6e8da9}.hint p{font-size:11px;margin:0;color:#6f8599}.hint b{color:#3f607e}.panel{border:1px solid var(--line);border-radius:8px;background:white;margin:24px 0;overflow:hidden}.panel-head{padding:23px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.panel-head p{font-size:11px;margin:10px 0 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}th{font-weight:500;color:#6f8295;font-size:10px;background:#f9fbfd}td,th{padding:17px 23px;border-bottom:1px solid #edf1f6}td strong{font-size:12px;font-weight:500}td small{display:block;font-size:9px;margin-top:6px}tr:last-child td{border-bottom:0}.text-button{color:#2c6eb0;font-size:11px;padding:7px 0}.buttons{display:flex;gap:10px;flex-wrap:wrap}.month-tabs{display:flex;overflow:auto;gap:10px;margin:25px 0}.month-tabs button{white-space:nowrap;background:#fff;border:1px solid var(--line);padding:15px 22px;border-radius:6px;font-size:12px}.month-tabs button.active{background:#254f77;color:white;border-color:#254f77}.month-tabs small{display:block;font-size:8px;margin-top:7px}.month-tabs button.active small{color:#b5cde1}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-card{padding:25px;margin:0}.settings-card h2{margin-bottom:20px}.settings-card p{font-size:12px}.settings-card small{font-size:10px;line-height:1.6}.audit{padding:17px 23px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.audit strong{font-size:11px;font-weight:500}.audit small{font-size:9px}.empty{padding:40px;text-align:center;color:#7b8da0;font-size:12px;line-height:1.7}.empty.large{border:1px dashed #c8d6e5;border-radius:8px;background:white}.error{background:#fff0ee;border:1px solid #f3d3ce;color:#a34539;font-size:12px;padding:14px;border-radius:6px;margin:15px 0;line-height:1.6}.error button{display:block;font-weight:600;text-decoration:underline;margin-top:8px}.toast{background:#e5f2e9;color:#28704b;border:1px solid #cce4d4;padding:12px 16px;border-radius:6px;font-size:12px;margin-bottom:18px}dialog{border:0;background:transparent;padding:25px;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;position:fixed;inset:0;overflow:auto}dialog::backdrop{background:#0e243ab3}.modal{max-width:540px;margin:30px auto;background:white;padding:35px;border-radius:10px;position:relative;box-shadow:0 30px 80px #10243e33}.modal.wide{max-width:760px}.modal h2{font-size:25px;margin:0 0 22px;font-weight:500}.modal h3{font-size:15px;margin:24px 0 12px}.modal h3 small{display:block;margin-top:7px;font-size:10px;font-weight:400}.close{position:absolute;right:14px;top:10px;font-size:28px;color:#768b9d;padding:5px}.modal p{font-size:12px}.modal .eyebrow{font-size:8px}.calculation{background:#eef4fb;border:1px solid #dce8f7;border-radius:6px;padding:20px;margin:20px 0}.calculation>span{font-size:10px;color:#607e9c}.calculation strong{font-size:26px;display:block;font-weight:500;margin:10px 0}.calculation small{display:block;font-size:10px;line-height:1.6}.help{font-size:11px!important;line-height:1.6}.member-rows{max-height:320px;overflow:auto;padding:0 3px 12px;margin:15px 0}.member-row{display:grid;grid-template-columns:25px 1fr 90px;align-items:center;gap:10px;margin-bottom:12px}.member-row>span{color:#8095a8;font-size:10px}.member-row input{margin:0;font-size:11px}.member-row>b{font-size:11px;text-align:right;font-weight:500}.suggestions{border:1px solid var(--line);background:#f7faff}.suggestions button{display:block;padding:10px;width:100%;text-align:left;font-size:11px}.suggestions button:hover{background:#e5eef9}.suggestions small{float:right;font-size:9px}.notice{font-size:11px;background:#fff6e1;color:#876e34;padding:15px;border-radius:5px;line-height:1.6}textarea{resize:vertical;min-height:90px}@media(min-width:1600px){.group-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1200px){.group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:200px;padding:25px 12px}.main-area{margin-left:200px}main{padding:30px}.topbar,.mode-banner{padding-left:30px;padding-right:30px}.stats article{padding:20px}.stats strong{font-size:24px}.page-title{align-items:flex-start}.page-title h1{font-size:26px}.auth-story{padding:40px 10%}.auth-story h1{font-size:40px}.auth-panel{padding:40px 35px}}@media(max-width:800px){.sidebar{position:relative;width:auto;padding:18px;background:#12283f}.shell{display:block}.main-area{margin:0}.app-brand{font-size:22px;padding:0}.app-brand>b{width:36px;height:36px;font-size:34px}.workspace-label,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;margin-top:20px;justify-content:space-between;gap:5px}.sidebar nav button{padding:10px 9px;font-size:10px;gap:6px;flex:1;justify-content:center}.sidebar nav button>span{font-size:14px;width:auto}.sidebar nav b{display:none}main{padding:24px 20px}.topbar{height:50px;padding:0 20px}.mode-banner{padding:10px 20px;font-size:9px}.page-title{flex-direction:column;gap:20px}.stats{gap:10px}.stats article{padding:17px 12px}.stats strong{font-size:20px}.stats strong small{display:block;margin:8px 0 0;font-size:8px}.stats article>span{font-size:9px}.stats article>small{font-size:8px}.settings-grid{grid-template-columns:1fr}.panel-head{flex-direction:column;align-items:flex-start;padding:20px}.auth-page{grid-template-columns:1fr}.auth-story{padding:30px;gap:25px}.auth-story>div{display:none}.auth-story>small{display:none}.auth-panel{padding:30px;max-width:540px}.back-company{margin-bottom:30px}.modal{padding:30px 22px}dialog{padding:15px}.group-card{padding:20px}.group-value{font-size:24px}.list-head{align-items:flex-start;flex-direction:column}.list-head .search{max-width:none}.panel table{font-size:11px}td,th{padding:15px 18px}}@media(max-width:480px){.stats{grid-template-columns:1fr}.stats article{padding:18px}.stats strong{font-size:25px}.stats strong small{display:inline;margin-left:10px}.group-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.sidebar nav button{font-size:9px;padding:10px 5px}.sidebar nav button>span{display:none}.member-row{grid-template-columns:20px 1fr}.member-row>b{display:none}.auth-panel{padding:25px}.page-title h1{font-size:24px}.audit{flex-direction:column;gap:7px}.modal h2{font-size:22px}.modal .buttons{flex-direction:column}}
.group-room .panel-head{align-items:flex-start}.room-tabs{display:flex;gap:5px;flex-wrap:wrap}.room-tabs button{font-size:10px;padding:10px 12px;border-radius:5px;background:#f1f5f9}.room-tabs button.active{background:#244f78;color:white}.room-body{padding:25px}.room-body>form{max-width:620px}.room-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.room-title h3{margin:0;font-size:17px}.room-title p{margin:10px 0 0;font-size:12px}.room-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:#f3f6fa;border:1px solid #e2e9f0;padding:20px;margin:20px 0;border-radius:6px}.room-numbers span{font-size:10px;color:#6f849b}.room-numbers b{display:block;font-size:20px;font-weight:500;color:#234c74;margin-top:12px}.bid-history{margin:20px 0;max-height:300px;overflow:auto}.bid-history>div{display:flex;justify-content:space-between;gap:20px;padding:15px 5px;border-bottom:1px solid #e7edf3;font-size:12px}.bid-history small{display:block;margin-top:6px;font-size:9px}.proof-card{display:grid;grid-template-columns:1fr 180px;gap:25px;padding:25px 0;border-top:1px solid #e2e9f0;margin-top:20px}.proof-card p{font-size:11px;margin:10px 0}.proof-image{display:block;max-width:100%;max-height:280px;object-fit:contain;border:1px solid #dce5ee;background:#f8fafc}.member-room .panel{margin:22px 0}.member-room{margin-top:20px}.member-room>form,.member-room .panel>form{max-width:620px}.upi-box{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:#edf4fb;padding:20px;border-radius:6px;margin:20px 0}.upi-box strong{font-size:21px;overflow-wrap:anywhere}.upi-box span{font-size:12px;color:#6b8298}.qr-box{display:flex;flex-direction:column;align-items:center;gap:12px;background:#f7f9fc;padding:20px;max-width:300px;border:1px solid #e1e8f0;margin:20px 0}.qr-box img{max-width:240px;max-height:260px;object-fit:contain}.qr-box small{font-size:10px;line-height:1.5;text-align:center}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.invitation{margin-top:20px;background:#f4f7fb;padding:20px}.invitation textarea{font-size:11px;margin-bottom:15px}.live-member{max-width:1000px;margin:0 auto;padding:30px}.live-member>header{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #dce6ef;margin-bottom:30px;font-size:16px}.live-member>section{max-width:600px;margin:50px auto}.live-member h1{font-size:28px;font-weight:500}.room-body .member-room{border-top:3px solid #6f9bc4;padding-top:28px;margin-top:30px}@media(max-width:700px){.room-tabs{margin-top:15px}.room-body{padding:20px}.room-numbers{gap:10px;padding:15px}.room-numbers b{font-size:16px}.proof-card{grid-template-columns:1fr}.proof-image{max-width:250px}.live-member{padding:20px}.room-title{flex-wrap:wrap}}@media(max-width:450px){.room-numbers{grid-template-columns:1fr}.room-numbers span{display:flex;justify-content:space-between;align-items:center}.room-numbers b{margin-top:0}.room-tabs button{font-size:9px;padding:10px}.qr-box{max-width:100%}.qr-box img{max-width:100%}}
.inline-contact{background:#f0f7f4;border:1px solid #b9d7cb;border-radius:12px;padding:20px;margin:18px 0}.sandbox-box .btn+.btn{margin-top:10px}.member-row .text-button{font-size:12px;margin-top:6px}.auth-panel>.text-button{margin:16px 0}.group-card:disabled{opacity:.65}
/* Platform reports and administration */
.report-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:16px}.report-stats{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}.report-stats article strong{font-size:25px}.report-bar{margin:22px 0}.report-bar>div:first-child{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px;font-size:13px}.bar-track{height:12px;background:#e9eff2;border-radius:6px;overflow:hidden}.bar-track span{display:block;height:100%;border-radius:6px}.report-filters label{margin:0}.settings-card form{max-width:780px}.sidebar nav{overflow-y:auto;min-height:0}.sidebar .sidebar-bottom{flex-shrink:0}@media(max-width:700px){.report-filters{grid-template-columns:1fr 1fr}.report-stats{grid-template-columns:1fr 1fr}.report-stats article strong{font-size:20px}.report-bar>div:first-child{font-size:12px}}@media(max-width:400px){.report-filters{grid-template-columns:1fr}}
/* Karusala workspace design system */
:root{--ink:#17313b;--muted:#637780;--blue:#13766e;--line:#dfe7e8;--bg:#f4f6f7}body{font-family:'Inter','Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--ink)}p{color:var(--muted);line-height:1.7}small{font-size:12px;line-height:1.6}button{transition:background .15s,color .15s,box-shadow .15s}button:disabled{opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #65b8aa;outline-offset:3px}[hidden]{display:none!important}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#54817f}.btn{font-size:13px;font-weight:600;min-height:44px;padding:11px 18px;border-radius:7px;gap:10px}.btn.primary{background:#13766e;box-shadow:0 2px 3px #113c3410}.btn.primary:hover:not(:disabled){background:#0e625b;filter:none}.btn.outline{border-color:#d0dddd;color:#355c66}.btn.outline:hover:not(:disabled){background:#f0f6f4;filter:none}.text-button{font-size:12px;color:#13766e;min-height:36px;padding:8px 3px}.text-button:hover{text-decoration:underline;text-underline-offset:4px}label{font-size:13px;margin:18px 0;color:#36535d;font-weight:600}input,select,textarea{font-size:14px;min-height:45px;padding:11px 13px;border-color:#cddadc;border-radius:7px;line-height:1.5;margin-top:8px}input::placeholder,textarea::placeholder{color:#8c9ca3}input:focus,select:focus,textarea:focus{border-color:#5e9f94}label small{display:block;font-size:11px;font-weight:400;margin-top:7px;color:#75898e}.form-grid{gap:0 22px}.shell{background:#f4f6f7}.sidebar{width:250px;background:#132e3b;color:#afc5ce;padding:30px 18px;z-index:60}.app-brand{font-size:25px;gap:12px;padding:0 13px}.app-brand>b{background:#254c53;color:#cce7dc;border:1px solid #486966;border-radius:11px;font:39px Georgia;width:45px;height:45px;line-height:1}.app-brand small{font-size:7px;letter-spacing:1.8px;color:#9ab5bc;margin-top:7px}.workspace-label{font-size:9px;letter-spacing:1.3px;color:#7899a5;padding:36px 13px 16px}.sidebar nav{gap:5px;overflow-y:auto}.sidebar nav button{font-size:13px;border-radius:7px;color:#aec5cd;padding:13px;min-height:48px;gap:12px;position:relative;flex-shrink:0}.sidebar nav button>svg{width:19px;height:19px;flex-shrink:0}.sidebar nav button>span{font-size:13px;width:auto;display:block;line-height:1.4}.sidebar nav button:hover{background:#1e3e4b;color:#fff}.sidebar nav button.active{background:#294c52;color:#e1f4eb}.sidebar nav button.active:before{content:'';position:absolute;left:-1px;top:13px;bottom:13px;width:3px;border-radius:3px;background:#8bcdaf}.sidebar nav b{background:#3c6566;color:#d0e5dc;font-size:10px;padding:2px 6px}.sidebar-company{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#85a4ae;padding:17px 13px;border-top:1px solid #2d4853;margin-top:25px}.sidebar-company:hover{color:white}.sidebar-bottom{padding-top:20px;border-top-color:#2d4853;gap:10px}.sidebar-bottom .avatar{background:#355b62;color:#d0e9de;width:35px;height:35px;font-size:13px}.sidebar-bottom strong{font-size:12px;font-weight:500;line-height:1.4}.sidebar-bottom small{color:#8fb0b8;font-size:10px;margin-top:4px}.sidebar-bottom button{min-width:32px;min-height:36px}.main-area{margin-left:250px}.topbar{height:76px;padding:0 36px;background:#ffffffed;position:sticky;top:0;z-index:30;backdrop-filter:blur(14px);font-size:12px;border-bottom:1px solid #e0e8e8}.topbar-location{display:flex;align-items:center;gap:10px;min-width:0}.topbar-location>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#7b919a}.topbar-location strong{font-weight:550;color:#2b4a55}.topbar .buttons{align-items:center;gap:18px;flex-wrap:nowrap}.topbar span span{margin:0 10px;color:#a8b6bd}.role-badge{color:#4d716d;font-size:10px;font-weight:600;padding:5px 9px;background:#eff5f1;border:1px solid #dce8e0;border-radius:5px;white-space:nowrap}.help-trigger{display:flex;align-items:center;gap:7px;font-size:12px;color:#536f79;min-height:38px}.help-trigger:hover{color:#13766e}.mode-banner{padding:9px 36px;background:#eaf1ef;border-bottom:1px solid #dce7e3;color:#637f78;font-size:10px;line-height:1.7;letter-spacing:.1px}main{max-width:1500px;padding:32px 36px 60px}.page-title{align-items:center;gap:25px;margin-bottom:27px}.page-title h1{font-size:30px;font-weight:600;letter-spacing:-1.1px;line-height:1.2;margin-bottom:10px}.page-title .eyebrow{font-size:9px;margin-bottom:12px;color:#698e8a}.page-title p{font-size:13px;max-width:700px}.page-title .buttons{justify-content:flex-end;flex-shrink:0}.stats{gap:16px;margin:25px 0}.stats article{border:1px solid #e0e7e7;border-radius:10px;padding:22px;background:#fff;box-shadow:0 2px 5px #173f3003}.stats article>span{font-size:12px;color:#6a818a}.stats strong{font-size:29px;font-weight:600;letter-spacing:-1px;margin-top:10px;color:#21434d;font-variant-numeric:tabular-nums}.stats strong small{font-size:11px;letter-spacing:0}.stats article>small{font-size:10px;margin-top:9px;color:#7d9299}.list-head{margin:32px 0 19px}.list-head h2{font-size:18px;letter-spacing:-.3px;font-weight:600}.list-head h2 small{font-size:10px;background:#e7eeec;color:#54726c;padding:4px 7px}.search{max-width:310px;min-height:42px;font-size:13px;border-color:#d8e2e3;padding:10px 14px}.group-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.group-card{border:1px solid #dfe7e7;border-radius:12px;padding:23px;box-shadow:0 3px 8px #153a3003;min-width:0}.group-card:hover{border-color:#aac8bf;box-shadow:0 8px 22px #1d45310a;transform:translateY(-2px)}.card-top{margin-bottom:20px}.group-icon{display:grid;place-items:center;background:#edf4f0;color:#2b786c;width:42px;height:42px;border-radius:10px;padding:10px}.group-card h3{font-size:17px;margin-bottom:7px;font-weight:600;letter-spacing:-.3px;line-height:1.4}.group-card p{font-size:12px;margin-bottom:19px}.group-value{font-size:28px;letter-spacing:-.7px;font-weight:600;font-variant-numeric:tabular-nums}.card-details{font-size:11px;margin:13px 0 21px;gap:14px;color:#7a9098}.card-bottom{font-size:10px;padding-top:17px;gap:10px;color:#7a9098}.card-bottom b{color:#13766e;font-weight:600}.status{font-size:10px;font-weight:600;line-height:1.5;border-radius:5px;padding:4px 8px}.green{color:#28775c;background:#e8f4eb}.amber{color:#976c22;background:#fbf1d9}.neutral{color:#6c808a;background:#eef2f3}.group-progress{margin:0 0 19px}.group-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:10px;color:#78918d}.group-progress b{font-weight:500;color:#497b70}.group-progress-track{height:4px;background:#eaf0ee;border-radius:6px;overflow:hidden}.group-progress-track>span{display:block;height:100%;background:#53a88a;border-radius:6px}.hint{padding:22px;background:#ebf0f1;border:1px solid #e2e8e9;border-radius:9px;margin-top:28px;gap:14px}.hint p{font-size:12px;color:#6b838b}.hint b{color:#42616c}.attention-panel{background:#fff;border:1px solid #dfe7e7;border-radius:10px;margin:23px 0;overflow:hidden}.attention-panel>div:first-child{display:flex;align-items:center;gap:9px;padding:17px 21px;border-bottom:1px solid #edf0ef}.attention-panel h2{font-size:13px;font-weight:600;letter-spacing:0}.attention-panel small{margin-left:auto;font-size:10px;color:#7c939b}.attention-dot{width:6px;height:6px;background:#c8a35e;border-radius:50%}.attention-actions{display:flex;gap:0}.attention-actions>button{display:flex;align-items:center;text-align:left;gap:13px;padding:18px 21px;flex:1;min-width:0}.attention-actions>button+button{border-left:1px solid #edf0ef}.attention-actions>button:hover{background:#f6faf7}.attention-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:#f0f5f1;color:#659887;flex-shrink:0}.attention-actions strong{font-size:12px;display:block;font-weight:550;line-height:1.6}.attention-actions small{display:block;font-size:10px;color:#81949b;margin-top:3px}.attention-actions>button>svg{margin-left:auto;color:#568a7d;flex-shrink:0}.attention-clear{display:flex;align-items:center;gap:9px;font-size:11px;color:#658a7c;margin:20px 0}.getting-started{display:flex;gap:25px;align-items:flex-start;background:#edf5f0;border:1px solid #d5e6db;border-radius:12px;padding:30px;margin:24px 0}.getting-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:13px;background:#d9ebe1;color:#3a8971;flex-shrink:0}.getting-started h2{font-size:22px;font-weight:550;letter-spacing:-.6px;margin:8px 0 13px}.getting-started .eyebrow{font-size:8px}.getting-started p{font-size:13px;margin-bottom:19px;max-width:580px}.getting-started .btn{font-size:12px}.panel{border-radius:10px;border-color:#dfe7e7;box-shadow:0 2px 6px #23482f03;margin:23px 0}.panel-head{padding:23px;gap:20px;border-bottom-color:#e5eceb}.panel-head h2{font-size:17px;font-weight:600;letter-spacing:-.25px}.panel-head p{font-size:12px;margin-top:10px}.table-wrap{overflow:auto;scrollbar-width:thin;scrollbar-color:#c7d7d1 transparent}table{font-size:13px;line-height:1.5}th{font-size:11px;text-transform:none;letter-spacing:.2px;font-weight:600;color:#6d858b;background:#f5f8f7}td,th{padding:17px 21px;border-bottom-color:#edf1f0}td{color:#3d5b65;font-variant-numeric:tabular-nums}td strong{font-size:13px;font-weight:600;color:#244651}td small{font-size:11px;margin-top:4px;color:#7e939b}tbody tr:hover{background:#f9fbfa}h2{font-size:18px}.text-button{white-space:nowrap}.settings-grid{gap:20px}.settings-card{padding:25px;margin:0}.settings-card p{font-size:13px}.settings-card small{font-size:11px}.settings-card h2{margin-bottom:19px;font-weight:600;letter-spacing:-.3px}.audit{padding:20px 24px;gap:20px}.audit strong{font-size:12px;line-height:1.6}.audit small{font-size:11px}.empty{font-size:13px;padding:38px;color:#81959c}.empty.large{border-color:#cfddda;border-radius:10px}.error{font-size:13px;border-radius:8px;line-height:1.65;padding:15px 18px}.toast{font-size:13px;padding:14px 18px;border-radius:8px;background:#e6f4ed;color:#2c7157;border-color:#c5e2d2;box-shadow:0 4px 12px #2b5c4105}.notice{font-size:12px;border:1px solid #efe1ba;border-radius:8px;background:#fbf6e9;color:#927b3f;padding:16px 18px;line-height:1.7}.back-to-groups{display:inline-flex;align-items:center;min-height:38px;font-size:12px;color:#65888b;margin:-5px 0 16px;padding:0}.back-to-groups:hover{color:#13766e}.month-tabs{margin:25px 0;gap:8px;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:#bdcec7 transparent}.month-tabs button{padding:13px 19px;font-size:13px;border-radius:8px;border-color:#dce5e4;color:#69818b}.month-tabs button.active{background:#1b635e;color:#fff;border-color:#1b635e;box-shadow:0 3px 8px #1149361a}.month-tabs small{font-size:10px;margin-top:6px}.month-tabs button.active small{color:#bbdad0}.room-tabs{gap:5px}.room-tabs button{font-size:12px;padding:10px 14px;border-radius:6px;background:#f0f4f3;color:#647f85}.room-tabs button.active{background:#e1eee7;color:#256b59;box-shadow:inset 0 0 0 1px #c5ddcd}.room-body{padding:25px}.room-title h3{font-size:18px;font-weight:550}.room-title p{font-size:13px}.room-numbers{padding:20px;background:#f3f7f4;border-color:#e0e9e3;border-radius:9px}.room-numbers span{font-size:11px;color:#6a8785}.room-numbers b{font-size:22px;color:#285950;font-weight:550}.bid-history>div{padding:18px 5px;font-size:13px}.bid-history small{font-size:11px}.proof-card{gap:30px;padding:26px 0}.proof-card p{font-size:12px;line-height:1.7}.proof-image{border-radius:8px}.upi-box{background:#edf5f0;padding:23px;border:1px solid #dbe9df;border-radius:9px}.upi-box span{font-size:13px}.qr-box{border-color:#dee8e2;background:#f6f9f6;border-radius:10px}.qr-box small{font-size:11px}.report-filters{gap:18px}.report-stats article strong{font-size:25px}.report-bar{margin:23px 0}.report-bar>div:first-child{font-size:12px;color:#637e83}.report-bar strong{font-weight:550;color:#2f5f57}.bar-track{height:9px;background:#eef3ef}.report-pagination{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 22px;border-top:1px solid #e4ebe7;font-size:12px;color:#78908b}.report-pagination .buttons{align-items:center}.filter-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.filter-toolbar strong{font-size:13px;font-weight:600}.filter-toolbar .text-button{font-size:11px}.auth-page{grid-template-columns:1fr 1fr;background:#fafbf9}.auth-story{background:#14313e;padding:42px 11%;color:#fff;position:relative;overflow:hidden}.auth-story:after{content:'';position:absolute;width:520px;height:520px;border:1px solid #31545a;border-radius:50%;right:-300px;bottom:-180px;pointer-events:none}.auth-story h1{color:#f2f6f2;font-size:52px;font-weight:500;letter-spacing:-2.3px;line-height:1.15}.auth-story p{font-size:15px;line-height:1.8;color:#a8c0c8}.company{font-size:10px;letter-spacing:1.8px;color:#9bbcbf}.logo{background:#28534f;color:#cae5d9;border:1px solid #46756b;font-size:52px;border-radius:18px;width:74px;height:74px}.auth-benefits{font-size:13px;gap:19px;color:#bfdbd1}.auth-story>small{font-size:9px;color:#7e9fa6}.auth-panel{max-width:550px;padding:44px 44px}.auth-panel h2{font-size:30px;letter-spacing:-1px;font-weight:600}.auth-panel>p{font-size:13px}.back-company{font-size:11px;color:#6f8b8c;margin-bottom:32px}.segmented{background:#eaf0ed;border-radius:8px;margin:24px 0;padding:4px}.segmented button{font-size:13px;min-height:38px}.segmented button.active{box-shadow:0 2px 5px #224a350b;color:#286d5e}.sandbox-box{margin-top:26px;padding-top:23px;border-top-color:#dee7e1}.sandbox-box>strong{font-size:13px;color:#41645d}.sandbox-box p{font-size:11px;line-height:1.7;margin:10px 0 18px}.sandbox-box .btn{display:flex;text-align:left;justify-content:flex-start;background:#fff;border-color:#dde7df;padding:12px 15px;gap:13px}.sandbox-box .btn>svg:first-child{color:#538b78}.sandbox-box .btn>span{flex:1;font-size:12px;font-weight:600;line-height:1.5}.sandbox-box .btn small{display:block;font-size:10px;color:#8a9b97;font-weight:400;margin-top:2px}.sandbox-box .btn>svg:last-child{color:#8fa69a;flex-shrink:0}.footnote{font-size:10px;line-height:1.7;color:#8b9b9a}.modal{max-width:570px;padding:34px;border-radius:14px;margin:25px auto;box-shadow:0 30px 100px #112e3b44}.modal.wide{max-width:810px}.modal h2{font-size:27px;font-weight:600;letter-spacing:-.8px;margin-bottom:22px}.modal h3{font-size:18px;letter-spacing:-.4px;font-weight:550}.modal h3 small{font-size:12px;letter-spacing:0;line-height:1.7}.modal p{font-size:13px}.modal .eyebrow{font-size:9px;color:#699087}.close{font-size:27px;min-width:40px;min-height:40px;right:12px;top:12px;display:grid;place-items:center}.modal .help{font-size:12px!important;color:#7c9294}.calculation{background:#edf5f0;border-color:#dbe8dd;padding:23px;border-radius:9px}.calculation>span{font-size:12px;color:#6a8c7b}.calculation strong{font-size:27px;color:#2a6a55;font-weight:550}.calculation small{font-size:11px;line-height:1.8;color:#6c897c}.member-row{grid-template-columns:28px 1fr 100px;gap:12px;margin-bottom:15px}.member-row>span{font-size:11px;color:#83a192}.member-row input{font-size:13px}.member-row>b{font-size:12px;color:#587e6d}.member-rows{max-height:360px;margin:22px 0}.suggestions{background:#f7faf7;border-radius:6px;border-color:#d5e2d6;overflow:hidden;margin-top:5px}.suggestions button{padding:12px;font-size:12px;line-height:1.5}.suggestions button:hover{background:#e9f2ea}.suggestions small{font-size:11px}.no-contact-match{padding:10px}.no-contact-match>small{display:block;float:none;font-size:11px;color:#8b9f91}.no-contact-match button{color:#237254;font-weight:600}.inline-contact{border-radius:10px;padding:22px;border-color:#c5ddcf}.check{font-size:12px;line-height:1.7;align-items:flex-start;font-weight:400}.check input{min-height:18px;min-width:18px;width:18px;accent-color:#13766e;margin-top:2px;flex-shrink:0}.setup-steps{display:flex;list-style:none;gap:8px;padding:0;margin:0 0 27px}.setup-steps li{flex:1;display:flex;align-items:center;gap:10px;padding:14px 12px;border-bottom:2px solid #e6ece9;color:#95a69f;font-size:11px;line-height:1.4}.setup-steps li>span{width:23px;height:23px;display:grid;place-items:center;background:#edf2ef;color:#91a49b;border-radius:50%;font-size:10px;flex-shrink:0}.setup-steps small{display:block;font-size:9px;color:#98aaa1;margin-top:5px}.setup-steps li.current{color:#39765d;border-color:#549b78;background:#f4f9f4}.setup-steps li.current>span{background:#d7e9da;color:#337353}.setup-steps li.done{color:#5b8d72;border-color:#b7d4bf}.setup-steps li.done>span{background:#e1eee2;color:#4a8263}.wizard-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:23px;border-top:1px solid #e3eae5;margin-top:25px}.wizard-footer>span{font-size:10px;color:#789384}.wizard-footer .buttons{justify-content:flex-end;gap:10px}.help-modal>p{font-size:13px;color:#82968e}.help-modal article{display:flex;gap:18px;border-top:1px solid #e2e9e4;padding:22px 0}.help-modal article>span{font-size:11px;color:#8da497;padding-top:5px}.help-modal article h3{font-size:15px;letter-spacing:-.2px;margin:0 0 9px;font-weight:600}.help-modal article p{font-size:12px;line-height:1.8;color:#718b7d;margin:0}.help-footnote{font-size:10px;color:#91a398;padding-top:10px;border-top:1px solid #e3eae5}.mobile-menu-toggle,.mobile-nav-close,.nav-backdrop{display:none}.app-skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:white;border:1px solid #c3d5ca;padding:14px}.app-skip-link:focus{top:12px}@media(min-width:1700px){.group-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1200px){.sidebar{width:225px;padding:28px 14px}.main-area{margin-left:225px}.topbar{padding:0 28px}.mode-banner{padding:9px 28px}main{padding:29px 28px 50px}.group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats strong{font-size:25px}.stats article{padding:20px}.page-title h1{font-size:27px}.page-title .buttons{flex-shrink:1}.attention-actions>button{padding:18px}.auth-story h1{font-size:45px}.auth-story{padding:38px 9%}.auth-panel{padding:36px}.setup-steps li{font-size:10px;padding:12px 9px}}@media(max-width:900px){.shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:275px;max-width:85vw;padding:30px 18px;transform:translateX(-100%);visibility:hidden;transition:transform .2s,visibility .2s;z-index:80;box-shadow:0 20px 40px #0b28322b}.mobile-nav-open .sidebar{transform:translateX(0);visibility:visible}.sidebar nav{flex-direction:column;justify-content:flex-start;margin-top:0;gap:5px}.sidebar nav button{flex:none;justify-content:flex-start;padding:13px;gap:12px}.sidebar nav button>span{font-size:13px;display:block;width:auto}.sidebar nav b{display:block}.workspace-label{display:block;font-size:9px;padding:35px 13px 16px}.sidebar-bottom{display:flex}.sidebar .app-brand{padding:0 12px;font-size:25px}.sidebar .app-brand>b{width:44px;height:44px;font-size:39px}.main-area{margin:0}.mobile-menu-toggle{display:grid;place-items:center;padding:8px;background:#f2f6f3;border:1px solid #e0e8e2;border-radius:6px;min-width:37px;min-height:37px}.mobile-nav-close{display:grid;place-items:center;position:absolute;right:10px;top:8px;padding:7px;color:#93b5b8;min-width:32px;min-height:32px}.nav-backdrop{display:block;position:fixed;inset:0;background:#0b27386b;z-index:70;border:0;width:100%;height:100%;backdrop-filter:blur(2px)}.topbar{height:65px;padding:0 24px;gap:16px}.topbar .buttons{gap:16px}.mode-banner{padding:9px 24px}.page-title{flex-direction:row;align-items:center;gap:25px}.page-title h1{font-size:27px}.page-title p{font-size:12px}main{padding:27px 24px 45px}.stats{gap:15px;grid-template-columns:repeat(3,1fr)}.stats strong{font-size:25px}.stats strong small{display:block;font-size:10px;margin:7px 0 0}.stats article>span{font-size:11px}.stats article>small{font-size:10px}.settings-grid{grid-template-columns:1fr 1fr}.settings-card{padding:23px}.list-head{flex-direction:row;align-items:center}.list-head .search{max-width:280px}.panel-head{flex-direction:row;align-items:center}.panel table{font-size:13px}.room-title{align-items:center}.room-tabs{margin-top:0}.group-card{padding:23px}.group-value{font-size:28px}.room-numbers{grid-template-columns:repeat(3,1fr)}.room-numbers span{display:block}.room-numbers b{margin-top:10px}.report-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.auth-page{grid-template-columns:1fr}.auth-story{padding:22px 30px;gap:0}.auth-story>div,.auth-story>small{display:none}.auth-story:after{display:none}.auth-panel{max-width:530px;padding:32px}.back-company{margin-bottom:25px}}@media(max-width:650px){.topbar{padding:0 16px;height:62px;gap:12px}.topbar-location>span{font-size:11px}.topbar-location>span>span{margin:0 6px}.topbar-location>span{max-width:220px}.topbar .buttons{gap:10px}.role-badge{display:none}.help-trigger{gap:4px;font-size:11px}.topbar .text-button{font-size:11px}.mode-banner{padding:9px 18px;font-size:9px}.topbar-location{gap:9px}.page-title{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:23px}.page-title h1{font-size:26px}.page-title p{font-size:12px;line-height:1.8}.page-title .buttons{justify-content:flex-start}.stats{grid-template-columns:1fr;gap:10px}.stats article{padding:19px 21px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4px 10px}.stats article>span{font-size:12px}.stats strong{margin:0;text-align:right;font-size:25px}.stats article>small{grid-column:1/-1;margin-top:4px;font-size:10px}.stats strong small{font-size:10px}.group-grid{grid-template-columns:1fr}.group-card{padding:23px}.group-value{font-size:29px}.group-card h3{font-size:18px}.card-details{margin-bottom:18px}.card-top{margin-bottom:18px}.card-bottom{font-size:11px}.list-head{align-items:flex-start;flex-direction:column;gap:15px}.list-head .search{max-width:100%}.list-head h2{font-size:18px}main{padding:24px 18px 40px}.settings-grid{grid-template-columns:1fr;gap:18px}.panel-head{flex-direction:column;align-items:flex-start;padding:21px}.panel-head h2{font-size:17px}.panel-head .buttons{gap:9px}.panel-head .buttons .btn{font-size:12px;padding:10px 13px}.panel{margin:20px 0}.settings-grid .panel{margin:0}.settings-card{padding:23px}.settings-card h2{font-size:18px}.table-wrap:before{content:'Swipe to see all columns →';display:block;padding:9px 18px;background:#f8faf8;border-bottom:1px solid #e7eeea;font-size:9px;color:#8a9d92}.table-wrap td,.table-wrap th{padding:15px 18px}.table-wrap td{font-size:12px}.table-wrap td small{font-size:10px}.table-wrap th{font-size:10px}.month-tabs button{padding:12px 17px;font-size:12px;min-width:135px}.room-tabs{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;gap:5px}.room-tabs button{font-size:11px;white-space:nowrap;padding:10px 13px;flex-shrink:0}.room-body{padding:21px}.room-title{align-items:flex-start;flex-direction:column;gap:15px}.room-title h3{font-size:18px}.room-numbers{grid-template-columns:1fr;gap:13px;padding:18px}.room-numbers span{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:15px}.room-numbers b{margin:0;font-size:21px}.proof-card{grid-template-columns:1fr}.proof-image{max-width:100%}.report-stats{grid-template-columns:1fr 1fr}.report-stats article{display:block;padding:17px}.report-stats article>span{font-size:10px}.report-stats article strong{font-size:22px;margin-top:10px;text-align:left}.report-filters{grid-template-columns:1fr 1fr;gap:15px}.report-filters label{font-size:11px}.report-filters select,.report-filters input{font-size:12px;min-height:42px;padding:9px}.report-pagination{font-size:10px;padding:15px;gap:10px}.report-pagination .btn{font-size:10px;padding:8px 10px;min-height:36px}.report-pagination .buttons{gap:8px}.attention-panel>div:first-child{flex-wrap:wrap;padding:15px 18px;gap:7px}.attention-panel small{font-size:9px}.attention-panel h2{font-size:12px}.attention-actions{flex-direction:column}.attention-actions>button+button{border-left:0;border-top:1px solid #edf0ef}.attention-actions>button{padding:17px}.attention-actions strong{font-size:12px}.attention-actions small{font-size:10px}.attention-clear{font-size:10px;gap:8px}.getting-started{padding:23px;gap:15px;flex-direction:column}.getting-icon{width:45px;height:45px}.getting-started h2{font-size:21px}.getting-started p{font-size:12px}.getting-started .btn{font-size:12px}.form-grid{grid-template-columns:1fr;gap:0}.modal{padding:28px 22px;margin:15px auto;border-radius:12px}.modal.wide{max-width:100%}.modal h2{font-size:24px;padding-right:20px}.modal .buttons{flex-direction:row}.modal h3{font-size:17px}.setup-steps{gap:4px;margin-bottom:20px}.setup-steps li{padding:12px 5px;gap:7px;align-items:flex-start;flex-direction:column;font-size:10px}.setup-steps small{font-size:8px;line-height:1.5}.setup-steps li>span{width:21px;height:21px;font-size:9px}.wizard-footer{flex-direction:column;align-items:flex-start;gap:15px}.wizard-footer .buttons{width:100%;justify-content:space-between;flex-wrap:nowrap}.wizard-footer .btn{font-size:12px;padding:10px 14px}.member-row{grid-template-columns:22px 1fr;gap:8px;margin-bottom:14px}.member-row>b{display:none}.member-row input{font-size:12px}.member-rows{max-height:380px}.modal .help{font-size:11px!important}.help-modal article{gap:13px;padding:20px 0}.help-modal article h3{font-size:14px}.help-modal article p{font-size:12px}.hint{padding:20px;align-items:flex-start}.hint p{font-size:11px}.auth-panel{padding:30px 25px}.auth-panel h2{font-size:28px}.sandbox-box .btn>span{font-size:12px}.sandbox-box .btn small{font-size:9px}.audit{flex-direction:column;gap:8px}.audit small{font-size:10px}.audit strong{font-size:12px}}@media(max-width:380px){.topbar .help-trigger>span{display:none}.topbar-location>span{font-size:10px}.topbar-location{gap:6px}.topbar{gap:7px}.topbar .buttons{gap:8px}.report-filters{grid-template-columns:1fr}.card-bottom{font-size:10px}.wizard-footer .btn{font-size:11px;padding:10px}.stats strong{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.payout-summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px;cursor:pointer;background:#fff}.payout-summary::-webkit-details-marker{display:none}.payout-summary h2{font-size:17px;font-weight:600;letter-spacing:-.3px}.payout-summary p{font-size:12px;margin:8px 0 0;color:#78918b}.payout-summary .status{white-space:nowrap}.payout-summary:focus-visible{outline:3px solid #65b8aa;outline-offset:-4px}.payout-schedule details[open]>.payout-summary{border-bottom:1px solid #e1eae3}.payout-body{padding:24px}.payout-body>p{font-size:12px}.payout-bulk{border:1px solid #dce8de;border-radius:9px;background:#f4f8f3;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.payout-bulk strong{font-size:12px;font-weight:600;display:block}.payout-bulk small{font-size:10px;color:#8a9f8e;display:block;margin-top:5px;line-height:1.7;max-width:280px}.bulk-controls{display:flex;align-items:flex-end;gap:10px;flex-shrink:0}.bulk-controls label{margin:0;font-size:10px;width:150px}.bulk-controls input{min-height:41px;font-size:12px;background:#fff;margin-top:5px}.bulk-controls .btn{min-height:41px;white-space:nowrap;font-size:11px}.payout-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px;margin:27px 0}.payout-month-grid label{margin:0;padding:15px;border:1px solid #e3ebe4;border-radius:8px;background:#fcfdfb;font-size:12px}.payout-month-label{display:block;color:#4e7360}.payout-month-label>small{font-size:8px;letter-spacing:1px;font-weight:500;color:#96a897;display:block;margin:0 0 5px}.payout-month-grid input{font-size:13px;margin-top:12px}.schedule-footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px}.unsaved-label,.saved-label{font-size:11px;color:#ab8a4c}.saved-label{color:#5c8d67}.loading-panel{display:flex;align-items:center;gap:12px;padding:18px 22px;background:#f0f5f1;border:1px solid #dae8dc;border-radius:8px;font-size:12px;color:#7a9782;margin-bottom:20px}.loading-panel>span{width:8px;height:8px;background:#7da389;border-radius:50%}@media(max-width:1100px){.payout-bulk{flex-direction:column;align-items:flex-start;gap:15px}.payout-bulk small{max-width:none}.bulk-controls{width:100%}.bulk-controls label{max-width:250px;width:100%}.payout-month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.payout-summary{padding:20px;gap:12px}.payout-summary h2{font-size:16px}.payout-summary p{font-size:10px}.payout-summary .status{font-size:8px}.payout-body{padding:20px}.payout-bulk{padding:17px}.payout-month-grid{gap:12px;margin:22px 0}.payout-month-grid label{padding:12px;font-size:11px}.payout-month-grid input{padding:9px;font-size:12px;min-height:40px}.schedule-footer{flex-direction:column;align-items:flex-start;gap:12px}.unsaved-label,.saved-label{font-size:10px}}@media(max-width:380px){.payout-month-grid{grid-template-columns:1fr}.bulk-controls{flex-wrap:wrap}.bulk-controls label{max-width:none}}

/* Focused monthly workspace and settlement flow. */
:root{--ink:#15333e;--muted:#60777e;--blue:#176e66;--line:#dce6e3;--bg:#f3f6f5}
.sidebar{background:#102d39}.sidebar nav button.active{background:#26564f;color:#fff}.sidebar nav button:hover{background:#234750}.app-brand>b,.logo{background:#27766b}.topbar{background:#fff;border-bottom:1px solid var(--line)}
.btn.primary{background:#176e66}.btn{border-radius:8px;min-height:44px}.btn:focus-visible{outline:3px solid #68bbaa;outline-offset:3px}.page-title h1{letter-spacing:-1px}.panel,.group-card{border-radius:12px;box-shadow:0 4px 16px #173c3504}.group-card:hover{border-color:#8fb9ac;box-shadow:0 10px 24px #173c3510}.group-progress-track>span{background:#2b8474}.stats article{border-top:3px solid #8db4a5}.month-tabs button.active{background:#173f45;color:white;border-color:#173f45}.month-tabs button.active small{color:#c5e0d6}.room-tabs button.active{background:#e0eee7;color:#174b42}.room-tabs button{min-height:42px}.table-wrap th{background:#f2f6f4;color:#4d686e}.table-wrap tr:hover td{background:#f9fbfa}.status.green{background:#e0f1e8;color:#236349}.status.amber{background:#fff1d7;color:#805c18}
.collection-overview{margin:24px 0}.overview-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.overview-heading h2{font-size:18px;margin:0}.overview-heading>span{font-size:12px;color:var(--muted)}.overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.overview-metrics>button{padding:22px;text-align:left;border:1px solid var(--line);border-radius:12px;background:white;display:flex;flex-direction:column;gap:12px;min-width:0}.overview-metrics>button:not(:disabled):hover{border-color:#6da794;background:#f4faf6}.overview-metrics>button:disabled{opacity:1;cursor:default}.overview-metrics span{font-size:12px;color:#526f74}.overview-metrics strong{font-size:27px;letter-spacing:-.8px;font-weight:600;overflow-wrap:anywhere}.overview-metrics small{line-height:1.6;font-size:11px}.overview-metrics>button:last-child{background:#163e43;color:white;border-color:#163e43}.overview-metrics>button:last-child span,.overview-metrics>button:last-child small{color:#c0d9d0}.overview-metrics>button:last-child:not(:disabled):hover{background:#20534e}
.month-summary{display:flex;align-items:center;gap:30px;padding:26px;margin:22px 0;background:#edf4ef;border:1px solid #ccded3;border-radius:12px}.month-summary>div:first-child{min-width:180px}.month-summary .eyebrow{display:block;margin-bottom:10px;color:#376f60}.month-summary h2{font-size:25px;margin:0 0 10px}.month-summary p{font-size:12px;margin:0}.collection-progress{flex:1;min-width:180px}.collection-progress>span{display:flex;justify-content:space-between;gap:10px;font-size:11px;line-height:1.7}.collection-progress b{font-weight:600}.collection-progress progress{display:block;width:100%;height:9px;margin:12px 0;accent-color:#247c67;border:0;border-radius:9px;overflow:hidden}.collection-progress progress::-webkit-progress-bar{background:#d6e4dc}.collection-progress progress::-webkit-progress-value{background:#247c67}.collection-progress small{font-size:10px}.month-summary .btn{white-space:nowrap}
.settlement-amount{padding:24px;background:#163e43;border-radius:12px;color:#fff;display:flex;flex-direction:column;gap:10px}.settlement-amount>span{font-size:12px;color:#c1d8ce}.settlement-amount>strong{font-size:36px;font-weight:550;letter-spacing:-1px}.settlement-amount small{color:#c1d8ce}.settlement-checks{margin:18px 0;border-bottom:1px solid var(--line)}.settlement-checks>span{display:flex;justify-content:space-between;gap:20px;padding:10px 0;font-size:12px}.settlement-checks b{font-weight:600}.modal .check{align-items:flex-start;line-height:1.6}.modal .check input{flex-shrink:0;margin-top:2px}
.proof-card{background:#fff;border:1px solid var(--line);padding:24px;border-radius:10px;margin:20px 0;gap:30px;align-items:start}.proof-card>div>strong{font-size:17px}.proof-card>div>p{font-size:12px;overflow-wrap:anywhere}.proof-image{max-height:400px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#f5f7f6}.proof-balance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;background:#f0f5f2;border-radius:8px;margin-top:20px}.proof-balance>span{font-size:10px;color:#58736b}.proof-balance b{display:block;color:var(--ink);font-size:14px;margin-top:7px;overflow-wrap:anywhere}.proof-review-form .check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6}.proof-review-form .check input{width:17px;height:17px;margin:2px 0 0;flex-shrink:0}.member-room .room-numbers{background:#eff5f1;border-color:#d6e5dc}.member-room .room-numbers b{color:#175c4e}
@media(max-width:1100px){.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.month-summary{flex-wrap:wrap;gap:20px}.month-summary>div:first-child{flex:1}.month-summary .collection-progress{flex:1;min-width:220px}.month-summary>.btn{margin-left:auto}}
@media(max-width:650px){.overview-heading h2{font-size:16px}.overview-metrics{gap:10px}.overview-metrics>button{padding:17px;gap:10px}.overview-metrics strong{font-size:23px}.overview-metrics span{font-size:11px}.overview-metrics small{font-size:10px}.month-summary{padding:20px;display:grid;grid-template-columns:1fr}.month-summary>.btn{width:100%;margin:0}.month-summary .collection-progress{min-width:0}.collection-progress>span{flex-wrap:wrap}.proof-card{padding:18px;gap:20px;grid-template-columns:1fr}.proof-balance{padding:12px;gap:8px}.proof-balance b{font-size:13px}.settlement-amount>strong{font-size:32px}.month-tabs button{min-height:65px}.overview-metrics button{min-height:142px}}