:root{--ink:#183b32;--muted:#78857e;--line:#e4e9e3;--paper:#f5f7f2;--yellow:#f5df69;--green:#245747;--soft:#eaf0e7}*{box-sizing:border-box}body{margin:0;font:14px 'Inter','Arial',sans-serif;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a68b1d;outline-offset:3px}button{border:0}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:224px;background:#173a30;color:#e4eee5;flex-shrink:0;padding:35px 22px 22px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{font-size:29px;letter-spacing:-1.5px;font-weight:750;display:flex;align-items:center;gap:6px;color:#fff}.sun{width:24px;height:24px;display:inline-block;position:relative;border-radius:50%;background:var(--yellow)}.sun:after{content:'';position:absolute;width:32px;height:16px;background:#173a30;top:14px;left:-4px}.brand-caption{font-size:10px;letter-spacing:2px;color:#a4bbac;margin:12px 0 45px;text-transform:uppercase}.nav{display:grid;gap:9px}.nav button{display:flex;align-items:center;gap:13px;background:transparent;color:#b6c9bd;padding:13px 14px;border-radius:8px;text-align:left;font-size:13px}.nav button.active{background:var(--yellow);color:#173a30;font-weight:700}.nav button:hover:not(.active){background:#244b3e}.icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.badge-count{margin-left:auto;background:#cfbe5b;border-radius:5px;font-size:11px;padding:2px 6px}.sidebar-bottom{margin-top:auto}.guide{border:1px solid #426052;border-radius:10px;padding:17px 14px;margin:60px 0 25px}.guide b{font-size:13px}.guide p{color:#a9bfb0;font-size:12px;line-height:1.7;margin:9px 0 0}.profile{display:flex;align-items:center;gap:11px;border-top:1px solid #375647;padding-top:20px;font-size:12px}.avatar{width:36px;height:36px;border-radius:50%;background:#ecede1;color:#405c49;display:grid;place-items:center;font-weight:700;font-size:12px}.profile small{display:block;color:#93ad9c;font-size:10px;margin-top:5px}.main{margin-left:224px;flex:1;min-width:0}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 43px;background:#fafbf8}.crumb{font-size:12px;color:#738276}.crumb strong{color:var(--ink);font-weight:500}.top-right{display:flex;align-items:center;gap:20px}.concept{border:1px solid #d7dfd3;border-radius:5px;padding:6px 9px;font-size:10px;color:#697b6a;letter-spacing:.3px}.date{font-size:12px;color:#65766b}.content{padding:34px 43px 24px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 27px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#7d8c7e;font-weight:700;text-transform:uppercase;margin:0 0 12px}h1{font-size:31px;letter-spacing:-1.25px;font-weight:600;margin:0 0 10px}h2{font-size:16px;letter-spacing:-.35px;margin:0;font-weight:650}h3{margin:0;font-size:14px}.sub{color:#758376;margin:0;font-size:12px;line-height:1.6}.btn{padding:12px 17px;border-radius:7px;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-size:12px;font-weight:600;white-space:nowrap}.primary{background:var(--ink);color:#fff}.secondary{background:#fff;color:var(--ink);border:1px solid #dce3d8}.yellow{background:var(--yellow);color:var(--ink)}.text-btn{background:none;color:var(--green);font-size:11px;font-weight:650;padding:7px 0}.hero{background:var(--yellow);border-radius:12px;padding:25px 29px;display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;position:relative;overflow:hidden}.hero:after{content:'';width:210px;height:210px;border:1px solid #d3bd4c;border-radius:50%;position:absolute;right:127px;top:-67px;pointer-events:none}.hero .circle{width:140px;height:140px;border:1px solid #d3bd4c;border-radius:50%;position:absolute;right:162px;top:-32px;pointer-events:none}.hero p{margin:8px 0 0;font-size:12px;color:#5a6039}.hero h2{font-size:21px;letter-spacing:-.7px}.hero>*:not(.circle){position:relative;z-index:1}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:26px}.metric{padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:10px}.metric-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#687c6a}.metric-label .icon{width:16px;color:#a5b19f}.metric .value{font-size:32px;letter-spacing:-1.3px;line-height:1;margin:17px 0 11px}.metric small{font-size:10px;color:#7a897b}.metric small strong{font-weight:600;color:#376648}.grid{display:grid;grid-template-columns:1.58fr 1fr;gap:23px;margin-bottom:25px}.panel{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-head{padding:21px 23px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head p{margin:7px 0 0;color:#829080;font-size:11px}.legend{font-size:10px;display:flex;align-items:center;gap:6px;color:#71816f}.dot{width:6px;height:6px;background:var(--green);display:inline-block;border-radius:50%}.chart{height:183px;margin:2px 23px 0;display:flex;align-items:flex-end;gap:17px;border-bottom:1px solid #e5eade;padding:0 8px;background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#eef1eb 44px,#eef1eb 45px)}.bar-col{height:100%;flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative}.bar{width:100%;max-width:44px;background:#bdd0b8;border-radius:5px 5px 0 0;position:relative}.bar.current{background:var(--green)}.bar-col span{position:absolute;bottom:calc(var(--h) + 9px);font-size:10px;color:#6d7f6c}.chart-months{display:flex;gap:17px;padding:11px 31px 20px;font-size:10px;color:#7a8977}.chart-months span{flex:1;text-align:center}.task{display:flex;align-items:flex-start;gap:11px;padding:14px 22px;border-top:1px solid #eef1eb}.task-circle{margin-top:2px;flex:none;width:21px;height:21px;border-radius:50%;background:#f8efc8;display:grid;place-items:center;font-size:10px;color:#8a7134}.task-circle.green{background:#e9f1e5;color:#55754c}.task b{font-size:11px;font-weight:600}.task p{font-size:10px;color:#7a8978;margin:5px 0 0;line-height:1.5}.task small{font-size:9px;margin-left:auto;color:#939b89;white-space:nowrap}.table-wrap{overflow:auto}.clients{border-collapse:collapse;width:100%;font-size:11px;text-align:left}.clients th{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#82907d;font-weight:500;background:#fafbf8;padding:12px 23px;border-block:1px solid var(--line);white-space:nowrap}.clients td{padding:15px 23px;border-bottom:1px solid #eef1eb;white-space:nowrap}.clients tr:last-child td{border:0}.clients tbody tr{cursor:pointer}.clients tbody tr:hover{background:#f8faf4}.client-name{display:flex;align-items:center;gap:10px}.client-name .avatar{width:31px;height:31px;font-size:10px}.client-name strong{display:block;font-size:11px;font-weight:600}.client-name small{font-size:9px;color:#909a89;display:block;margin-top:4px}.status{border-radius:4px;font-size:9px;padding:5px 7px;display:inline-block}.status.contact{background:#fbefce;color:#8c6e1a}.status.progress{background:#e7f0e1;color:#46653f}.status.booked{background:#e7eef5;color:#4b6883}.status.done{background:#edf1ec;color:#74816e}.expiry{font-weight:600}.footer{font-size:10px;color:#8b9685;display:flex;justify-content:space-between;gap:15px;margin-top:21px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;padding:18px 22px;border-bottom:1px solid var(--line)}.search{display:flex;align-items:center;gap:9px;border:1px solid #e0e6dc;padding:9px 12px;border-radius:6px;min-width:260px}.search input{border:0;outline:none;min-width:0;width:100%;font-size:11px;color:var(--ink)}.filter{border:1px solid #dfe5d9;background:#fff;border-radius:6px;color:#597055;padding:9px 12px;font-size:11px}.segmented{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.segmented button{font-size:11px;padding:10px 15px;background:transparent;color:#7f8c78;border-radius:6px}.segmented button.active{background:#e1e9db;color:#355738;font-weight:650}.table-footer{font-size:10px;color:#7e8e76;padding:17px 23px;display:flex;justify-content:space-between}.callout{margin-top:22px;display:flex;align-items:center;gap:12px;border:1px dashed #cdd8c4;border-radius:8px;padding:16px 20px;color:#617856;font-size:11px}.client-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:23px}.client-summary{padding:25px}.client-hero{display:flex;align-items:center;gap:14px;margin-bottom:25px}.client-hero .avatar{height:49px;width:49px;font-size:15px;background:#e7ecd9}.client-hero h2{font-size:20px}.client-hero p{margin:6px 0 0;color:#8b957e;font-size:11px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 20px;padding:23px 0;border-block:1px solid var(--line)}.info-grid label{font-size:10px;color:#8c9782;display:block;margin-bottom:8px}.info-grid b{font-size:12px;font-weight:550}.notice{background:#f8f4df;border-radius:7px;padding:15px;margin:22px 0 0;display:flex;align-items:flex-start;gap:11px}.notice p{margin:0;font-size:11px;line-height:1.7;color:#7e7042}.contact-line{font-size:11px;color:#718367;margin:20px 0 0;line-height:1.9}.timeline{padding:0 25px 22px}.timeline-item{border-left:1px solid #dce4d5;padding:0 0 22px 20px;position:relative}.timeline-item:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#b9c8ad;left:-4px;top:3px;border:2px solid #fff;box-sizing:content-box}.timeline-item b{font-size:11px;font-weight:550}.timeline-item p{font-size:10px;color:#829278;margin:6px 0 0}.timeline-item:last-child{padding-bottom:0}.draft-meta{padding:0 25px;font-size:11px}.draft-meta div{display:flex;gap:18px;padding:12px 0;border-bottom:1px solid #edf0e8}.draft-meta label{width:42px;color:#8e9984;flex:none}.draft-body{padding:19px 25px 0}.draft-body textarea{border:0;outline:0;resize:vertical;width:100%;height:300px;color:#3d5540;font-size:12px;line-height:1.9;background:transparent}.draft-action{padding:19px 25px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.draft-action small{font-size:10px;color:#89987e}.review-info{margin:19px 0 0;color:#85947b;font-size:10px;line-height:1.7;display:flex;gap:9px;align-items:flex-start}.schedule{display:flex;gap:16px;margin:0 25px 24px;background:#f6f8f1;border-radius:7px;padding:14px;font-size:10px}.schedule .step{flex:1;line-height:1.8;color:#87967e}.schedule .step.active{color:#325c38}.schedule b{display:block;font-size:11px}.dialog-backdrop{position:fixed;inset:0;background:#0f281b66;display:grid;place-items:center;z-index:20;padding:20px}.dialog{background:#fff;border-radius:14px;padding:30px;width:500px;max-width:100%;box-shadow:0 30px 100px #13281b44}.dialog h2{font-size:23px}.dialog p{font-size:12px;line-height:1.8;color:#7c8b71}.upload-zone{border:1px dashed #aabfa0;background:#f6f8f1;padding:30px 20px;border-radius:8px;text-align:center;margin:22px 0}.upload-zone .icon{width:30px;height:30px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.toast{position:fixed;bottom:25px;right:25px;background:#173a30;color:#fff;padding:16px 21px;border-radius:9px;box-shadow:0 10px 40px #20351b30;font-size:12px;z-index:50;max-width:calc(100vw - 40px)}[hidden]{display:none!important}.mobile-brand{display:none}.pipeline-note{padding:14px 23px;font-size:10px;color:#738769;background:#f8faf4;border-top:1px solid var(--line)}.empty{padding:30px;color:#788773;font-size:12px}.back{margin-bottom:22px;background:none;padding:0;color:#819176;font-size:11px;display:flex;gap:8px;align-items:center}.red{color:#ae7846!important}
@media(min-width:1500px){.content{padding-top:40px}.chart{height:205px}.clients td{padding-block:18px}}
@media(max-width:1100px){.sidebar{width:180px;padding-inline:15px}.main{margin-left:180px}.content{padding:27px}.topbar{padding:0 27px}.grid{grid-template-columns:1.25fr 1fr}.metrics{gap:10px}.metric{padding:18px 15px}.clients th,.clients td{padding-inline:16px}.client-layout{grid-template-columns:1fr 1.15fr}.hero:after,.hero .circle{display:none}}
@media(max-width:760px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:69px;padding:8px 10px;z-index:10;background:#173a30}.sidebar .brand,.brand-caption,.sidebar-bottom{display:none}.nav{display:flex;justify-content:space-around;gap:3px}.nav button{font-size:9px;display:flex;flex-direction:column;gap:5px;padding:6px 13px;border-radius:6px;align-items:center;justify-content:center;min-height:48px}.nav .badge-count{display:none}.main{margin-left:0;padding-bottom:69px}.topbar{height:69px;padding:0 20px}.crumb{display:none}.mobile-brand{display:flex;font-size:23px;color:var(--ink);font-weight:750;letter-spacing:-1.2px;align-items:center;gap:4px}.mobile-brand .sun{height:20px;width:20px}.mobile-brand .sun:after{background:#fafbf8;top:12px}.date{display:none}.top-right{gap:10px}.concept{font-size:9px}.content{padding:24px 19px 22px}.page-head{margin-bottom:21px;gap:12px;align-items:flex-start}.page-head>.btn{padding:9px;font-size:0;min-width:35px}.page-head>.btn .icon{width:17px}h1{font-size:27px;letter-spacing:-1px;margin-bottom:8px}.eyebrow{font-size:9px;margin-bottom:8px}.sub{font-size:11px}.hero{padding:21px;align-items:flex-start;gap:17px;flex-direction:column;margin-bottom:17px}.hero h2{font-size:20px}.hero p{font-size:11px;line-height:1.7;max-width:245px}.hero .btn{font-size:11px;padding:10px 14px}.metrics{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:19px}.metric{padding:17px}.metric .value{font-size:28px;margin:13px 0 8px}.metric-label{font-size:10px}.metric small{font-size:9px}.grid{grid-template-columns:1fr;gap:18px;margin-bottom:18px}.chart{height:150px}.panel-head{padding:19px 18px}.clients{min-width:650px}.overview-table .clients{min-width:0}.overview-table .clients th:nth-child(3),.overview-table .clients td:nth-child(3),.overview-table .clients th:nth-child(4),.overview-table .clients td:nth-child(4){display:none}.clients th,.clients td{padding:13px 16px}.footer{font-size:8px;line-height:1.7;margin-top:18px}.toolbar{flex-wrap:wrap;gap:12px;padding:14px 16px}.search{min-width:0;flex:1}.toolbar .legend{display:none}.segmented{gap:1px}.segmented button{padding:9px 10px;font-size:10px}.client-layout{grid-template-columns:1fr;gap:18px}.client-summary{padding:22px}.draft-body textarea{height:270px}.draft-action{padding:17px 20px}.draft-action small{max-width:120px;line-height:1.6}.schedule{margin-inline:20px;gap:10px}.callout{font-size:10px;line-height:1.6}.table-footer{padding:15px 17px}.review-info{font-size:9px}.toast{bottom:85px;right:20px}.dialog{padding:24px}}


/* Report-based revision: retain the original Brightside visual direction. */
.row-sub{display:block;color:#718168;font-size:10px;margin-top:6px;line-height:1.5}
.missing{color:#946428;font-weight:600}.metric small{line-height:1.5;display:block}.metric-label{line-height:1.5}
.client-name strong{line-height:1.5}.client-name small{line-height:1.5;font-size:10px;color:#718168}.clients td:first-child{white-space:normal;min-width:260px}.clients td{line-height:1.5}.clients th{font-size:10px}.clients{font-size:12px}.clients .client-name strong{font-size:12px}
.task.actionable{width:100%;background:white;color:var(--ink);text-align:left;align-items:flex-start}.task.actionable:hover{background:#f8faf4}.actionable>.icon{margin-left:auto;width:14px;margin-top:3px}.task-copy{display:block;margin-top:5px;font-size:11px;line-height:1.6;color:#718168}.task b{font-size:12px}.task p{font-size:11px}.task small{font-size:10px}.task-circle{width:23px;height:23px}.quality-metrics{grid-template-columns:repeat(3,1fr)}
.pager{background:transparent;color:var(--green);padding:7px 10px;font-size:11px}.pager:disabled{color:#8d9786;cursor:default}.btn:disabled{opacity:.5;cursor:not-allowed}.status{font-size:10px;line-height:1.4}.table-footer{align-items:center}.quality-row{align-items:center;padding:20px 23px}.quality-row>div{flex:1}.quality-row p{line-height:1.6}.duplicate-block{display:flex;justify-content:space-between;gap:25px;padding:23px;border-top:1px solid var(--line);align-items:center}.duplicate-block h3{margin:12px 0 7px}.duplicate-block p{font-size:12px;line-height:1.8;color:#718168;margin:0}.duplicate-actions{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.mapping{padding:0 25px}.mapping-row{display:grid;grid-template-columns:1fr 20px 1.2fr 70px;gap:18px;align-items:center;border-top:1px solid var(--line);padding:20px 0;font-size:12px}.mapping-row>span:not(.status){color:#718168}.import-result{margin:0 25px 25px;border-radius:9px;background:#f4f7ee;padding:25px}.import-result p{font-size:12px;line-height:1.8;color:#61765c}.import-result .dialog-actions{margin-top:20px}.draft-meta select{max-width:100%;padding:8px;border:1px solid #dae2d3;border-radius:5px;background:#fafcf7;color:var(--ink);font-size:12px;min-width:0}.draft-meta div>span{min-width:0;overflow-wrap:anywhere}.draft-body textarea{height:330px;line-height:1.8;font-size:13px}.client-summary .contact-line{overflow-wrap:anywhere;font-size:12px}.info-grid b{line-height:1.7}.notice p{font-size:12px}.sub{color:#687b65}.footer{color:#697c62;line-height:1.6}.client-hero p{line-height:1.7}.client-hero{align-items:flex-start}.page-head h1{line-height:1.18}.legend{line-height:1.5}
@media(max-width:1100px){.main .clients th,.main .clients td{padding-inline:12px}.client-layout{grid-template-columns:1fr 1.2fr}.metrics .metric-label{min-height:34px}}
@media(max-width:760px){.hero p{max-width:none}.metrics .metric-label{min-height:30px}.quality-metrics{grid-template-columns:1fr 1fr}.quality-metrics .metric:last-child{grid-column:1/-1}.renewal-table .clients{min-width:0;table-layout:fixed}.renewal-table .clients thead{display:none}.renewal-table .clients tr{display:grid;grid-template-columns:1fr auto;position:relative;padding:15px 17px;border-bottom:1px solid var(--line);gap:12px}.renewal-table .clients td{border:0!important;padding:0!important;min-width:0;white-space:normal}.renewal-table .clients td:first-child{grid-column:1/-1;padding-right:17px!important;min-width:0}.renewal-table .clients td:nth-child(2){display:block!important;grid-row:2;grid-column:1}.renewal-table .clients td:nth-child(3){display:block!important;font-size:10px;grid-row:2;grid-column:2;text-align:right}.renewal-table .clients td:nth-child(4){display:block!important;grid-column:1/-1}.renewal-table .clients td:nth-child(5){position:absolute;top:20px;right:12px}.renewal-table .clients td .row-sub{font-size:9px;margin-top:3px}.renewal-table .clients .client-name strong{font-size:12px;white-space:normal}.renewal-table .clients .client-name small{font-size:10px}.quality-row{flex-wrap:wrap;gap:12px}.quality-row>div{min-width:210px}.quality-row>.btn{margin-left:47px}.duplicate-block{flex-direction:column;align-items:stretch}.duplicate-actions{flex-direction:column}.mapping-row{grid-template-columns:1fr 18px 1fr;gap:9px;font-size:11px}.mapping-row>.status{display:none}.mapping{padding:0 18px}.import-result{margin:0 18px 18px;padding:20px}.import-result .dialog-actions{flex-direction:column}.client-layout{grid-template-columns:1fr}.draft-meta{padding:0 20px}.draft-body{padding-inline:20px}.draft-body textarea{height:355px}.nav button{padding-inline:9px}.segmented button{font-size:10px}.table-footer{gap:10px}.table-footer>div{display:flex;flex-shrink:0}.pager{padding:7px}.footer{font-size:9px}.client-summary .info-grid{grid-template-columns:1fr 1fr}.dialog-actions .btn{white-space:normal}}