:root{--brand:#963434;--dark:#502326;--paper:#f7f7f4;--line:#e7e6e0;--text:#2e3330;--muted:#73776f;--soft:#f7ece8;--green:#4b6753}*{box-sizing:border-box}body{margin:0;background:var(--paper);font:15px/1.5 Arial,Helvetica,sans-serif;color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bd9151;outline-offset:3px}.sidebar{position:fixed;width:238px;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column}.brand{display:block;text-align:center}.brand img{width:152px;height:88px;object-fit:contain}.workspace{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#999d95;margin:38px 14px 14px}nav{display:grid;gap:7px}nav a{padding:13px 14px;border-radius:8px;color:#61665f;font-weight:600;display:flex;gap:13px;align-items:center}nav a span{font-size:22px;width:25px;font-weight:400}nav a:hover{background:#f6f5f1}nav a.active{background:var(--soft);color:var(--brand)}.side-bottom{margin-top:auto}.help{border-top:1px solid var(--line);padding:22px 12px 12px;font-size:13px;color:#7a7e76}.help b{color:#545b50;font-weight:500}.help p{font-size:12px}.profile{display:flex;gap:10px;align-items:center;margin-top:16px;padding:12px 4px}.profile b{font-size:13px}.profile small{display:block;font-size:10px;color:var(--muted)}.avatar{border-radius:50%;width:37px;height:37px;background:#ece8df;color:#66583d;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold;flex-shrink:0}.shell{margin-left:238px}header{height:84px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:16px}.crumb{font-size:13px;color:var(--muted)}.crumb span{margin:0 15px;color:#c3c6bd}.crumb b{color:#42483f;font-weight:500}.header-right{display:flex;gap:22px;align-items:center}.demo{font-size:11px;color:#8c7959;background:#f5f1e7;padding:5px 9px;border-radius:5px}.primary,.secondary{border:0;border-radius:7px;padding:11px 17px;min-height:44px;font-size:13px;font-weight:600}.primary{background:var(--brand);color:white}.primary:hover{background:#7e2828}.secondary{background:#fff;border:1px solid var(--line);color:#50584d}.secondary:hover{background:#f7f6f2}main{max-width:1510px;margin:auto;padding:36px 38px 50px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#858a7d;font-weight:bold}h1{font-size:32px;font-weight:600;letter-spacing:-1px;margin:7px 0}h2{font-size:18px;letter-spacing:-.4px;margin:0}h3{font-size:14px;margin:0}p{margin:7px 0}.muted{color:var(--muted)}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.intro p{font-size:14px;color:var(--muted)}.date{font-size:12px;color:#7a7c73}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:27px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:19px 23px;display:flex;align-items:center;gap:17px}.stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#f4f1e9;color:#998159;font-size:21px}.stat:first-child .stat-icon{background:var(--soft);color:var(--brand)}.stat strong{font-size:27px;line-height:1}.stat small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:23px}.card{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 24px;border-bottom:1px solid var(--line)}.card-head p{font-size:12px;color:var(--muted);margin:4px 0 0}.text-btn{background:none;border:0;color:var(--brand);font-size:12px;font-weight:600;padding:8px}.task{display:flex;gap:14px;padding:21px 24px;border-bottom:1px solid #efefe9;align-items:flex-start}.task:last-child{border:0}.check{appearance:none;width:20px;height:20px;flex-shrink:0;border:1px solid #cdd1c6;border-radius:5px;margin:3px 0;cursor:pointer}.check:checked{background:var(--green);border-color:var(--green)}.check:checked:after{content:'✓';color:white;display:block;text-align:center;line-height:18px}.task-body{flex:1}.task-body>a{font-size:12px;color:var(--muted)}.task h3{font-size:14px;font-weight:600;margin-bottom:5px}.task.done h3{text-decoration:line-through;color:#8b9086}.task-meta{font-size:11px;color:#92968c;margin-top:9px;display:flex;align-items:center;gap:10px}.pill{display:inline-block;font-size:10px;border-radius:4px;padding:3px 7px;background:#f2f2ed;color:#747c67;white-space:nowrap}.pill.red{color:#a34c3c;background:#faeee7}.pill.green{color:#526f5b;background:#eaf1e9}.pill.gold{color:#8e7543;background:#f6f0df}.task-time{font-size:11px;color:#8e9387;white-space:nowrap}.welcome-note{margin-top:23px;border-radius:10px;background:#eeeae0;display:flex;align-items:center;gap:16px;padding:20px 23px;color:#625c4e}.welcome-note p{font-size:12px}.welcome-note b{font-size:13px}.opportunity{padding:20px 24px;border-bottom:1px solid var(--line);display:block}.opportunity:hover{background:#faf9f5}.opportunity:last-child{border:0}.opportunity p{font-size:12px;color:var(--muted)}.opp-foot{display:flex;justify-content:space-between;margin-top:12px;align-items:center;font-size:12px}.section-space{margin-top:27px}.recent{display:flex;gap:12px;align-items:center;padding:17px 24px;border-bottom:1px solid var(--line)}.recent p{font-size:12px;color:var(--muted);margin:2px 0}.recent b{font-size:13px}.recent small{margin-left:auto;color:#8b8e84;font-size:11px}.toolbar{display:flex;justify-content:space-between;gap:14px;margin:0 0 20px}.search{width:min(380px,100%);background:#fff;border:1px solid var(--line);border-radius:7px;padding:11px 14px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:white;color:#6e7568;border-radius:6px;padding:8px 14px;font-size:12px}.filters button.selected{background:var(--soft);color:var(--brand);border-color:#e5c9c0}.client-table{width:100%;border-collapse:collapse;text-align:left}.client-table th{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;background:#fafaf7;color:#898f82;padding:15px 22px}.client-table td{padding:21px 22px;border-top:1px solid var(--line);font-size:13px}.client-table tr:hover td{background:#fbfaf7}.client-cell{display:flex;align-items:center;gap:12px}.client-cell .avatar{border-radius:9px;background:#f0ede4;color:#867247;width:41px;height:41px}.client-cell small{display:block;color:#929687;font-size:11px;margin-top:3px}.client-table td:last-child{color:var(--brand)}.back{display:inline-block;font-size:12px;color:#868b7f;margin-bottom:18px}.detail-hero{background:white;border:1px solid var(--line);border-radius:11px;padding:27px;display:flex;align-items:center;gap:19px;margin-bottom:25px}.detail-hero .avatar{width:62px;height:62px;font-size:21px;border-radius:14px;background:var(--soft);color:var(--brand)}.detail-hero h1{font-size:26px}.detail-hero p{font-size:12px;color:var(--muted)}.detail-hero button{margin-left:auto}.details{padding:24px}.details dt{font-size:11px;color:#8b9183;margin-bottom:4px}.details dd{margin:0 0 20px;font-size:14px}.timeline{padding:24px}.event{padding:0 0 24px 23px;border-left:1px solid var(--line);position:relative}.event:before{content:'';position:absolute;left:-5px;top:5px;width:9px;height:9px;border-radius:50%;background:#b79b71}.event p{font-size:13px;white-space:pre-wrap}.event small{font-size:11px;color:#909686}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.column{background:#efefe9;border-radius:10px;padding:15px;min-height:300px}.column>h3{padding:5px 3px 16px;color:#777f6d;font-size:12px}.column .opportunity{background:white;border:1px solid var(--line);border-radius:8px;margin-bottom:12px;padding:18px}.empty{padding:35px;text-align:center;color:var(--muted);font-size:14px}footer{padding:0 38px 25px;font-size:10px;color:#979c91}dialog{border:1px solid var(--line);border-radius:14px;max-width:540px;width:calc(100% - 30px);padding:28px;box-shadow:0 25px 100px #30251f35}dialog::backdrop{background:#272b2a55;backdrop-filter:blur(3px)}.modal-top{display:flex;justify-content:space-between;margin-bottom:22px;gap:15px}.modal-top h2{margin-top:6px;font-size:23px}.icon-btn{border:0;background:none;font-size:25px;color:#8b8f83;height:40px;width:40px}label{display:block;font-size:12px;font-weight:600;margin:16px 0 7px}form input,form select,form textarea{width:100%;border:1px solid #dcded4;border-radius:6px;padding:11px;background:white;color:var(--text)}textarea{resize:vertical;min-height:110px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-bottom{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.form-hint{font-size:11px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#344a3a;color:white;border-radius:8px;padding:12px 22px;box-shadow:0 4px 20px #0002;font-size:13px;display:none;z-index:9}
@media(min-width:1500px){main{padding-top:48px}}@media(max-width:1100px){.sidebar{width:200px;padding:25px 14px}.shell{margin-left:200px}header{padding:0 24px}main{padding:28px 24px}.header-right{gap:12px}.grid{grid-template-columns:1fr}.recent small{display:none}.demo{font-size:9px}.client-table th,.client-table td{padding:17px 14px}.board{gap:12px}.help{padding-left:5px}}
@media(max-width:720px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:72px;z-index:5;padding:4px 8px 8px;border:0;border-top:1px solid var(--line)}.brand,.workspace,.side-bottom{display:none}nav{display:flex;justify-content:space-around;gap:0}nav a{flex:1;flex-direction:column;gap:0;font-size:10px;padding:4px 2px}nav a span{text-align:center;font-size:23px}.shell{margin-left:0}header{height:72px;padding:0 17px}.crumb{font-size:12px}.crumb span{margin:0 7px}.header-right .demo{display:none}.header-right .primary{font-size:11px;padding:9px 11px}main{padding:25px 17px}.intro{align-items:flex-start;margin-bottom:22px}.intro h1{font-size:27px}.intro p{font-size:13px}.date{display:none}.stats{gap:8px;margin-bottom:20px}.stat{padding:14px 10px;gap:0;align-items:flex-start}.stat-icon{display:none}.stat strong{font-size:24px}.stat small{font-size:10px;line-height:1.4;min-height:28px}.grid{gap:20px}.card-head{padding:18px}.task{padding:19px 17px;gap:11px}.task-time{display:none}.welcome-note{padding:17px}.opportunity{padding:18px}.toolbar{flex-direction:column}.client-table thead{display:none}.client-table,.client-table tbody,.client-table tr,.client-table td{display:block}.client-table tr{position:relative;border-bottom:1px solid var(--line);padding:6px 5px}.client-table td{border:0;padding:6px 13px}.client-table td:nth-child(2),.client-table td:nth-child(4){display:none}.client-table td:nth-child(3){padding-left:66px;margin-top:-6px;margin-bottom:10px}.client-table td:last-child{position:absolute;right:5px;top:20px}.detail-hero{padding:20px;flex-wrap:wrap;gap:13px}.detail-hero h1{font-size:21px}.detail-hero .avatar{width:45px;height:45px;font-size:16px}.detail-hero button{margin-left:0;width:100%}.board{grid-template-columns:1fr}.column{min-height:0}.form-row{grid-template-columns:1fr;gap:0}footer{padding:0 17px 95px;font-size:10px}#toast{bottom:85px;max-width:90%;width:max-content}.intro .secondary{padding:10px;font-size:11px}}
.hero-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.detail-hero .hero-actions button{margin-left:0}.inline-label{margin:0;display:flex;gap:10px;align-items:center;color:var(--muted);font-size:12px}.inline-label select{padding:8px;border:1px solid var(--line);border-radius:6px;background:#fff}.quiet-row{display:flex;gap:16px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line)}.quiet-row a{flex:1}.quiet-row small{display:block;color:var(--muted);font-size:11px}.contact-person,.sample-item{padding:20px 24px;border-bottom:1px solid var(--line)}.contact-person p,.sample-item p{font-size:12px;overflow-wrap:anywhere}.event-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.event-head button{flex-shrink:0}.attachment-box{margin-top:13px;padding:10px 12px;background:#f8f8f4;border:1px dashed #deded2;border-radius:7px}.attach-title{display:flex;justify-content:space-between;align-items:center;font-size:11px}.file-list{font-size:11px}.file-row{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:10px 0}.file-row>div{flex:1;min-width:0}.file-row b{overflow-wrap:anywhere;font-weight:500}.file-row small{display:block;color:var(--muted);font-size:10px}.closed-board{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feedback{border-left:2px solid #b5c6aa;padding-left:12px;white-space:pre-wrap}button:disabled{opacity:.55;cursor:wait}.opportunity{overflow-wrap:anywhere}.timeline .event{padding-left:16px}.sample-item .pill{margin:5px 0}.file-row button{padding:8px 3px}@media(max-width:720px){.hero-actions{margin:0;width:100%}.detail-hero .hero-actions button{width:auto;flex:1}.closed-board{grid-template-columns:1fr}.quiet-row{flex-wrap:wrap;padding:16px}.quiet-row a{min-width:55%}.card-head{flex-wrap:wrap}.contact-person,.sample-item{padding:18px}.task{flex-wrap:wrap}.task-body{min-width:60%}.event-head{flex-wrap:wrap}.inline-label{flex-wrap:wrap}}
.client-header-info{margin-top:10px;display:flex;flex-wrap:wrap;gap:5px 18px;font-size:12px;color:var(--muted);max-width:640px}.client-header-info>div{min-width:0;overflow-wrap:anywhere}.client-website{color:#73776f;text-decoration:underline;text-decoration-color:#c6c9c0;text-underline-offset:3px}.client-website:hover{color:var(--brand);text-decoration-color:var(--brand)}.client-website span{font-size:11px}.client-address{line-height:1.6}.missing-detail{color:#92968c;font-size:11px}.detail-hero>div:not(.hero-actions){min-width:0}.hero-actions{flex-shrink:0}@media(max-width:1100px){.detail-hero{flex-wrap:wrap}.hero-actions{margin-left:auto}}@media(max-width:720px){.client-header-info{flex-direction:column;gap:6px}.hero-actions{margin-left:0}.client-website{display:inline-block;padding:4px 0}}