@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#202d2a;--muted:#7a817e;--line:#e8eae5;--paper:#f6f7f3;--green:#173e35;--lime:#d4ed9a;--accent:#2e6955;--white:#fff;--radius:15px;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:var(--paper);font-size:14px}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:is(button,a,input,select,textarea):focus-visible{outline:3px solid #91bca5;outline-offset:3px}a{color:inherit}button{border:0;background:none;color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:'Manrope',sans-serif}h1{font-size:30px;letter-spacing:-1.1px;font-weight:750;line-height:1.25}h2{font-size:17px;font-weight:750;letter-spacing:-.3px}h3{font-size:15px;font-weight:700}small{font-size:12px}.muted{color:var(--muted)}.icon{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-sm{width:16px;height:16px}.layout{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:white;border-right:1px solid var(--line);padding:29px 18px 16px;z-index:20;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 35px;font-size:18px;font-weight:800;letter-spacing:-.7px}.brand img{width:33px;height:33px}.brand span span{font-weight:500}.workspace-label{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#9ca39e;padding:0 17px;margin:8px 0 14px}.nav{display:flex;flex-direction:column;gap:5px}.nav a{display:flex;text-decoration:none;align-items:center;gap:13px;padding:12px 15px;border-radius:9px;color:#6b756f;font-size:13px;font-weight:500;min-height:44px}.nav a:hover{background:#f4f6f1}.nav a.active{background:var(--green);color:white}.nav .count{margin-left:auto;background:#e9f2d9;color:var(--green);min-width:21px;height:20px;text-align:center;border-radius:6px;font-size:10px;line-height:20px}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-card{background:#f3f6ee;border:1px solid #e6ecdd;padding:16px 15px;border-radius:12px;margin:10px 2px 18px}.sidebar-card p{font-size:12px;line-height:1.6;margin:8px 0 14px;color:#788173}.sidebar-card h3{font-size:12px}.sidebar-card button{font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px}.user{display:flex;align-items:center;gap:10px;padding:16px 9px 0;border-top:1px solid var(--line)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;font-size:11px;font-weight:700;background:#e3eedc;color:#46735a;flex-shrink:0}.avatar.lg{width:44px;height:44px;font-size:13px}.avatar.purple{background:#eee9f5;color:#8e74ac}.avatar.orange{background:#f6eadc;color:#b4864c}.avatar.blue{background:#e2edf5;color:#6e90a8}.avatar.rose{background:#f8e8eb;color:#b67b87}.user strong{display:block;font-size:12px}.user small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.main{margin-left:230px}.topbar{height:79px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:rgba(255,255,255,.7)}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#8c958e}.breadcrumb b{font-weight:500;color:#3f4f47}.top-actions{display:flex;align-items:center;gap:19px}.search{display:flex;align-items:center;gap:8px;color:#99a199}.search input{border:0;background:transparent;width:156px;font-size:12px;outline:none}.search kbd{font-size:10px;border:1px solid var(--line);background:white;padding:4px 5px;border-radius:4px}.icon-button{padding:8px;border-radius:8px;display:inline-flex;position:relative}.icon-button:hover{background:#edf1e8}.dot{width:5px;height:5px;background:#c47c4b;border-radius:50%;position:absolute;top:7px;right:8px}.top-actions .avatar{width:31px;height:31px}.content{max-width:1460px;margin:auto;padding:34px 38px 45px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.9px;color:#789380;margin-bottom:9px;text-transform:uppercase}.page-heading p{color:var(--muted);font-size:13px;margin-top:9px;line-height:1.6}.heading-actions{display:flex;gap:9px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;border:1px solid var(--line);border-radius:8px;padding:9px 14px;background:#fff;font-size:12px;font-weight:650;white-space:nowrap;text-decoration:none}.button.primary{background:var(--green);border-color:var(--green);color:white}.button.primary:hover{background:#245044}.button.soft{background:#eff4e8;border-color:#e6eddc;color:#466746}.button.danger{color:#ac5146;border-color:#ecdcd7}.button.small{min-height:31px;padding:6px 10px;font-size:11px}.demo-notice{background:#edf2e3;border:1px solid #e0e8d4;color:#5d7055;font-size:11px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-radius:8px;margin-bottom:22px;line-height:1.5}.demo-notice button{text-decoration:underline;font-size:11px;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.metric{border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:#fff}.metric-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#7f8880}.metric-icon{display:flex;align-items:center;justify-content:center;background:#f1f5ec;width:32px;height:32px;border-radius:9px;color:#6e8c62}.metric strong{display:block;font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-1px;font-weight:700;margin:14px 0 8px}.metric small{font-size:10px;color:#9ba298}.metric .positive{color:#699562;font-weight:500;margin-right:5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,1fr);gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 23px 19px}.panel-header small{display:block;color:#929a93;margin-top:5px;font-size:11px}.text-link{font-size:11px;color:#6b7d68;display:inline-flex;align-items:center;gap:5px;text-decoration:none;cursor:pointer}.text-link:hover{color:#173e35}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;color:#8d968d;font-weight:500;background:#fafbf8;border-top:1px solid #f0f2ec;border-bottom:1px solid #f0f2ec;padding:12px 23px}td{font-size:12px;padding:17px 23px;border-bottom:1px solid #f0f2ed}tr:last-child td{border-bottom:0}.person{display:flex;align-items:center;gap:10px}.person strong{display:block;font-size:12px;font-weight:600}.person small{display:block;color:#97a095;font-size:10px;margin-top:5px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 8px;font-size:10px;white-space:nowrap;background:#edf4e8;color:#769665}.pill::before{content:'';width:4px;height:4px;background:currentColor;border-radius:50%}.pill.amber{background:#fff5e4;color:#bc9d60}.pill.purple{background:#f1eafa;color:#a38abd}.pill.blue{background:#eaf1f9;color:#7b99b7}.pill.gray{background:#f0f2ee;color:#92998b}.pill.red{background:#fbeceb;color:#c17c73}.row-button{cursor:pointer}.row-button:hover{background:#fcfdf9}.table-footer{padding:13px 23px;border-top:1px solid #f0f2ed;font-size:10px;color:#9ba393;display:flex;justify-content:space-between;align-items:center}.welcome-card{background:var(--green);color:#fff;position:relative;overflow:hidden;border-radius:var(--radius);padding:25px 24px;min-height:218px}.welcome-card .eyebrow{color:#a7c7ac;font-size:9px}.welcome-card h2{font-size:23px;line-height:1.45;letter-spacing:-.8px;max-width:230px;position:relative;z-index:1}.welcome-card p{font-size:11px;line-height:1.8;color:#acbfb3;max-width:210px;margin-top:9px;position:relative;z-index:1}.welcome-card .button{margin-top:18px;background:var(--lime);border-color:var(--lime);color:var(--green);position:relative;z-index:1;font-size:11px}.orbit{position:absolute;width:210px;height:210px;border:1px solid #73935a;opacity:.4;border-radius:50%;right:-105px;bottom:-42px}.orbit:before,.orbit:after{content:'';position:absolute;border:1px solid #95b971;border-radius:50%;inset:28px}.orbit:after{inset:56px}.right-stack,.left-stack{display:flex;flex-direction:column;gap:22px}.schedule-list{padding:0 23px 5px}.appointment-row{display:flex;gap:13px;padding:17px 0;border-top:1px solid #f0f2ec}.appointment-time{width:44px;flex-shrink:0;color:#7d887c;font-size:11px;padding-top:2px;line-height:1.6}.appointment-body{border-left:3px solid #b1cba0;padding-left:13px;flex:1}.appointment-body.purple{border-left-color:#c9bbdd}.appointment-body.orange{border-left-color:#e9d0aa}.appointment-body h3{font-size:12px;font-weight:600;margin-bottom:7px}.appointment-body p{font-size:10px;color:#a0a59d}.appointment-body .meeting-meta{display:flex;align-items:center;gap:5px;margin-top:9px;color:#a0a59d;font-size:10px}.activity-list{padding:0 24px 7px}.activity{display:flex;gap:12px;padding:13px 0}.activity-mark{width:29px;height:29px;border-radius:50%;background:#f1f5ea;display:flex;align-items:center;justify-content:center;color:#91a779;flex-shrink:0}.activity p{font-size:11px;line-height:1.6}.activity small{font-size:10px;color:#a8afa1;display:block;margin-top:4px}.project-preview{padding:1px 23px 19px}.project-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0;border-top:1px solid #f0f2ec}.project-logo{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#eaf0df;color:#769257;font-family:Manrope;font-weight:800;flex-shrink:0}.project-row h3{font-size:12px}.project-row p{color:#9da496;font-size:10px;margin-top:5px}.progress{height:5px;background:#f1f3ed;border-radius:99px;overflow:hidden}.progress span{height:100%;background:#adc898;display:block;border-radius:99px}.progress-container{width:106px}.progress-container small{display:block;font-size:9px;color:#a0a893;margin-bottom:7px}.footer-note{font-size:10px;color:#b0b6a8;display:flex;justify-content:space-between;margin-top:27px}.toolbar{display:flex;gap:12px;align-items:center;padding:17px 23px;border-bottom:1px solid var(--line);flex-wrap:wrap}.toolbar .field-search{flex:1;min-width:170px}.field-search{display:flex;align-items:center;gap:9px;background:#fafbf8;border:1px solid #e7ece1;padding:9px 12px;border-radius:7px;color:#9aa693}.field-search input{background:none;border:0;outline:none;width:100%;font-size:12px}.select{border:1px solid #e7ece1;border-radius:7px;padding:9px 11px;background:#fff;color:#62705c;font-size:12px}.empty{padding:60px 20px;text-align:center;color:#8d9a86;line-height:1.8}.empty h3{color:#4d6244;margin:10px 0}.empty p{max-width:340px;margin:0 auto 18px;font-size:12px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.project-card{padding:23px}.project-card h3{margin:20px 0 8px;font-size:16px}.project-card>p{font-size:12px;color:#95a08e;line-height:1.7;min-height:39px;margin-bottom:20px}.project-card .card-top{display:flex;align-items:center;justify-content:space-between}.project-card .card-meta{display:flex;align-items:center;justify-content:space-between;margin:18px 0 11px;font-size:11px;color:#93a089}.project-card footer{border-top:1px solid var(--line);margin-top:22px;padding-top:15px;display:flex;align-items:center;justify-content:space-between;color:#8f9c85;font-size:10px}.tabs{display:flex;gap:20px;margin-bottom:24px;border-bottom:1px solid var(--line)}.tabs button{padding:11px 2px 14px;color:#8c9784;font-size:12px;border-bottom:2px solid transparent}.tabs button.active{border-color:var(--green);color:var(--green);font-weight:650}.messages{display:grid;grid-template-columns:300px 1fr;min-height:590px;max-height:calc(100vh - 280px)}.conversation-list{border-right:1px solid var(--line);overflow:auto}.conversation-list .field-search{margin:15px}.conversation-item{display:flex;text-align:left;gap:10px;width:100%;padding:19px 19px;border-bottom:1px solid #f1f3ed}.conversation-item:hover,.conversation-item.active{background:#f4f7ef}.conversation-item>div{min-width:0;flex:1}.conversation-item header{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:11px}.conversation-item header small{font-size:9px;color:#9ba58e}.conversation-item p{font-size:11px;color:#94a086;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:8px}.thread{display:flex;flex-direction:column;min-width:0;min-height:0}.thread-header{padding:17px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.thread-header h3{font-size:13px}.thread-header p{font-size:10px;color:#9aa68f;margin-top:4px}.thread-messages{flex:1;overflow:auto;padding:25px;display:flex;flex-direction:column;gap:18px;background:#fdfefa;min-height:280px}.message{max-width:78%;align-self:flex-start}.message.own{align-self:flex-end}.message p{padding:13px 16px;border-radius:12px 12px 12px 2px;background:#eef3e8;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.message.own p{background:var(--green);color:#fff;border-radius:12px 12px 2px 12px}.message small{display:block;font-size:9px;color:#a5ad9b;margin-top:6px}.message.own small{text-align:right}.message-form{padding:17px 20px;border-top:1px solid var(--line);display:flex;gap:12px;align-items:flex-end}.message-form textarea{flex:1;resize:none;border:1px solid #e7eddf;border-radius:8px;min-height:43px;max-height:140px;padding:12px;font-size:12px;line-height:1.5}.settings-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.settings-body{padding:0 24px 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-field{display:flex;flex-direction:column;gap:7px}.form-field.full{grid-column:1/-1}.form-field label{font-size:11px;font-weight:600;color:#60735b}.form-field input,.form-field select,.form-field textarea{width:100%;padding:11px 12px;border:1px solid #e2e9d9;border-radius:7px;font-size:12px;background:#fff;color:#3e5137;min-height:40px}.form-field textarea{min-height:91px;resize:vertical}.form-field small{font-size:10px;color:#98a78d;line-height:1.5}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.modal-backdrop{position:fixed;inset:0;background:rgba(17,34,27,.3);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:18px;max-width:580px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 80px #18342225}.modal.wide{max-width:760px}.modal header{padding:24px 27px 18px;display:flex;justify-content:space-between;align-items:center;gap:15px}.modal header p{font-size:12px;color:#98a78c;line-height:1.6;margin-top:6px}.modal-body{padding:3px 27px 27px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-label{font-size:10px;color:#96a58b;margin-bottom:7px}.detail-value{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.detail-block{padding:19px 0;border-top:1px solid var(--line)}.detail-block h3{font-size:12px;margin-bottom:10px}.detail-block p{font-size:12px;line-height:1.8;color:#73836a;white-space:pre-wrap}.private-note{background:#faf9ef;border:1px solid #edead7;padding:15px;border-radius:9px;margin-top:19px}.private-note h3{font-size:11px;color:#a69767;display:flex;align-items:center;gap:7px;margin-bottom:8px}.private-note p{font-size:12px;line-height:1.7;color:#8f8563;white-space:pre-wrap}.invoice-preview{background:#fff;padding:10px 0}.invoice-top{display:flex;justify-content:space-between;gap:15px;margin-bottom:25px}.invoice-top h2{font-size:24px}.invoice-top p{font-size:11px;line-height:1.8;color:#8c9b80;margin-top:7px}.invoice-total{text-align:right;font-family:Manrope;font-size:27px;padding:22px 0}.invoice-total small{display:block;font-family:'DM Sans';font-size:10px;color:#8c9b80;margin-bottom:7px}.hint{font-size:11px;line-height:1.8;padding:12px 14px;background:#f6f8f0;border:1px solid #e9eede;border-radius:8px;color:#8a987d;margin-top:15px}.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:22px}.schedule-date{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#869979;padding:19px 23px 0}.appointment-card{padding:20px 23px;border-top:1px solid var(--line);display:flex;gap:18px;align-items:flex-start}.date-block{background:#f3f6eb;border:1px solid #e8eedd;padding:10px 13px;border-radius:9px;text-align:center;min-width:56px}.date-block strong{font-family:Manrope;display:block;font-size:21px;line-height:1}.date-block small{font-size:9px;color:#95a481;text-transform:uppercase;display:block;margin-bottom:6px}.appointment-info{flex:1}.appointment-info h3{font-size:13px;margin:2px 0 7px}.appointment-info p{font-size:11px;color:#93a381;line-height:1.8}.appointment-info footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}#toast{position:fixed;bottom:25px;left:calc(50% + 90px);transform:translateX(-50%) translateY(30px);background:#173e35;color:white;border-radius:10px;padding:13px 20px;box-shadow:0 8px 35px #173e3528;font-size:12px;z-index:150;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.mobile-toggle{display:none}.portal-hero{background:var(--green);padding:30px;border-radius:16px;color:#fff;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:22px}.portal-hero h1{font-size:28px}.portal-hero p{font-size:12px;color:#b3c8b6;margin-top:10px;line-height:1.8}.portal-hero .button{background:var(--lime);color:var(--green);border-color:var(--lime)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-story{background:var(--green);color:#fff;padding:55px 65px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-story .brand{padding:0;color:#fff}.auth-story .brand img{background:#fff}.auth-story h1{font-size:52px;letter-spacing:-2px;line-height:1.18;max-width:470px;margin:auto 0 20px}.auth-story>p{color:#afc7b8;max-width:375px;line-height:1.9;font-size:14px;margin-bottom:auto}.auth-story small{color:#82a493;font-size:11px;margin-top:50px}.auth-form{max-width:395px;width:100%;align-self:center;justify-self:center;padding:40px 25px}.auth-form h2{font-size:26px}.auth-form>p{color:#8b9a82;font-size:12px;line-height:1.8;margin:12px 0 28px}.auth-form .form-field{margin-bottom:17px}.auth-form .button{width:100%;margin-top:10px}.auth-switch{display:block;text-align:center;margin:22px auto 0;font-size:12px;color:#688453}.auth-error{color:#ad5f53;font-size:12px;margin:10px 0;line-height:1.6}.auth-divider{font-size:10px;color:#a4af99;text-align:center;margin:25px 0 4px}.file-icon{width:35px;height:40px;background:#f3f5ef;border:1px solid #e6ecdf;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#96a385;font-size:9px;font-weight:700}.badge-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.file-label{display:block;cursor:pointer;border:1px dashed #c9d9b7;background:#f8faf4;border-radius:10px;padding:25px;text-align:center;color:#879c76;font-size:12px;line-height:1.8}.file-label input{margin-top:12px;max-width:100%}.notice-line{display:flex;gap:10px;font-size:12px;color:#859777;line-height:1.8;margin-bottom:20px}.status-message{font-size:11px;line-height:1.6;color:#75846e;padding:12px 23px;background:#f7f9f3;border-top:1px solid var(--line)}
@media(min-width:1500px){.content{padding-top:42px}.dashboard-grid{grid-template-columns:minmax(0,1.85fr) minmax(340px,1fr)}.metric{padding:24px}.metric strong{font-size:34px}.welcome-card{min-height:235px}}
@media(max-width:1180px){.sidebar{width:205px;padding-left:13px;padding-right:13px}.brand{font-size:16px;padding-left:5px;gap:7px}.main{margin-left:205px}.content{padding:28px 25px}.topbar{padding:0 25px}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:17px}.metric-grid{gap:12px}.metric{padding:16px}.metric-top{font-size:11px}.panel-header,td,th{padding-left:17px;padding-right:17px}.progress-container{width:75px}.card-grid{grid-template-columns:repeat(2,1fr)}.messages{grid-template-columns:250px 1fr}.welcome-card{padding:22px 20px}.welcome-card h2{font-size:21px}}
@media(max-width:940px){.sidebar{width:185px}.main{margin-left:185px}.brand{font-size:14px}.brand img{width:28px;height:28px}.nav a{font-size:12px;padding:11px;gap:10px}.content{padding:26px 20px}.topbar{padding:0 20px}.top-actions{gap:8px}.top-actions .search{display:none}.dashboard-grid{grid-template-columns:1fr}.right-stack{display:grid;grid-template-columns:1fr 1fr;align-items:start}.welcome-card{min-height:230px}.right-stack>.panel:last-child{grid-column:1/-1}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric strong{font-size:29px}.settings-grid,.split-panel{grid-template-columns:1fr}.page-heading{align-items:flex-start}.messages{grid-template-columns:215px 1fr}.auth-story{padding:45px 35px}.auth-story h1{font-size:39px}}
@media(max-width:680px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:230px;box-shadow:10px 0 30px #143c3515}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.topbar{height:64px;padding:0 18px}.mobile-toggle{display:inline-flex}.breadcrumb{gap:8px;font-size:11px}.breadcrumb>span{display:none}.content{padding:25px 17px}.page-heading{flex-direction:column;gap:17px;margin-bottom:21px}.page-heading h1{font-size:27px}.heading-actions{width:100%}.heading-actions .button{flex:1}.metric{padding:16px}.metric-grid{gap:11px}.metric strong{font-size:27px}.metric-top{font-size:11px}.metric-icon{height:26px;width:26px}.metric-icon svg{width:15px}.metric small{font-size:9px}.right-stack{display:flex}.welcome-card{min-height:215px}.dashboard-grid{gap:18px}.left-stack,.right-stack{gap:18px}.card-grid{grid-template-columns:1fr}.panel-header{padding:19px 17px}.panel-header h2{font-size:15px}.toolbar{padding:14px 16px;gap:8px}.toolbar .field-search{flex-basis:100%}.demo-notice{font-size:10px;align-items:flex-start}.demo-notice button{font-size:10px}.messages{display:flex;flex-direction:column;max-height:none}.conversation-list{max-height:175px;border-right:0;border-bottom:1px solid var(--line);display:flex;flex-direction:row;overflow-x:auto}.conversation-list .field-search{display:none}.conversation-item{min-width:220px;padding:17px 14px;border-right:1px solid var(--line);border-bottom:0}.thread{height:500px}.thread-messages{padding:18px}.form-grid,.detail-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.modal-backdrop{padding:12px}.modal header{padding:21px}.modal-body{padding:0 21px 23px}.footer-note{font-size:9px}#toast{left:50%;width:max-content;max-width:90vw}.portal-hero{padding:25px;flex-direction:column;align-items:flex-start}.portal-hero h1{font-size:25px}.auth-shell{display:flex;flex-direction:column}.auth-story{padding:28px 25px}.auth-story h1{font-size:31px;margin:35px 0 13px}.auth-story>p{font-size:12px;margin:0}.auth-story small{display:none}.auth-form{padding-top:32px}.auth-story .brand{font-size:18px}.project-row{gap:9px}.project-row .progress-container{width:73px}.project-preview{padding-left:17px;padding-right:17px}}
@media print{.sidebar,.topbar,.content,.modal header>.icon-button,.form-actions,.hint,#toast{display:none!important}.modal-backdrop{position:static;background:white;padding:0;display:block;backdrop-filter:none}.modal{box-shadow:none;border-radius:0;max-width:none;max-height:none;overflow:visible}.modal header{padding:10px 27px}.modal-body{padding:20px 27px}.invoice-preview{display:block}body{background:white}}

.metric{min-width:0}.invoice-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{min-width:0}.metric strong{overflow-wrap:anywhere}.metric-top{gap:8px}.tabs{overflow-x:auto}.tabs button{white-space:nowrap}.nav a.active:focus-visible{outline-color:#8eac79}
@media(max-width:680px){.invoice-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-metrics .metric:last-child{grid-column:1/-1}.invoice-metrics .metric:last-child strong{font-size:24px;margin:8px 0}.metric strong{font-size:24px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}}

@media(max-width:680px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}}

.library-heading{font-size:20px;margin:32px 0 18px}.template-card{padding:24px;display:flex;flex-direction:column;gap:12px}.template-card h3{font-size:16px}.template-card p{color:var(--muted);font-size:13px;line-height:1.7;margin:0;flex:1}.template-card small{color:var(--muted);font-size:11px}.template-card .form-actions{justify-content:flex-start;margin-top:8px;flex-wrap:wrap}.brief-section{border:1px solid var(--line);border-radius:10px;margin:14px 0;padding:0 18px}.brief-section summary{cursor:pointer;padding:18px 0;font-weight:600;font-size:14px}.brief-section summary small{font-weight:400;color:var(--muted);margin-left:10px}.brief-section .form-grid{padding-bottom:18px}.brief-section textarea{min-height:100px;resize:vertical}.email-history{margin-top:28px}.email-history .panel-header{gap:12px;flex-wrap:wrap}.email-error{display:block;color:#a04936;max-width:320px;line-height:1.5;margin-top:6px}#form-print{display:none}@media print{body:has(#form-print)>*:not(#form-print){display:none!important}#form-print{display:block;color:#111;padding:15mm;font-family:Arial,sans-serif}#form-print h1{font-size:24pt}#form-print h2{margin-top:24pt;font-size:16pt}#form-print h3{font-size:11pt}#form-print p{font-size:11pt;white-space:pre-wrap;line-height:1.5}#form-print section>div{break-inside:avoid}}@media(max-width:650px){.template-card{padding:18px}.brief-section{padding:0 12px}.brief-section summary small{display:block;margin:6px 0 0}.form-actions{flex-wrap:wrap}}
.sidebar{overflow-y:auto}.sidebar .nav{flex-shrink:0}@media(max-height:850px){.sidebar-bottom{padding-top:14px}.sidebar-card{display:none}}