:root{font-family:Segoe UI,Arial,sans-serif;color:#23362f;background:#f5f7f4;font-size:14px}*{box-sizing:border-box}body{margin:0;display:flex}aside{width:225px;position:fixed;inset:0 auto 0 0;background:#132f28;color:#d4e4dc;padding:36px 22px}.brand{font-size:38px;letter-spacing:-3px;color:#fff;text-decoration:none;font-weight:800}.brand span{color:#b3df80}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:5px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin-top:40px;color:#7f9b8d}.nav{display:block;width:100%;text-align:left;border:0;background:none;color:#b8cfc2;padding:14px 12px;margin:7px 0}.nav.active{background:#2a493d;color:#d6f2ae}.side-bottom{position:absolute;bottom:28px;font-size:11px;line-height:1.8}.dot{display:inline-block;width:6px;height:6px;background:#b3df80;border-radius:50%;margin-right:8px}main{margin-left:225px;width:calc(100% - 225px)}header{padding:24px 38px;display:flex;justify-content:space-between;border-bottom:1px solid #dfe5dd;font-size:12px}.demo{color:#557143;background:#eaf0df;padding:5px 10px;border-radius:4px}.workspace{max-width:1500px;margin:auto;padding:20px 38px}.heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px}.heading .eyebrow{margin-top:20px}h1{font-size:38px;letter-spacing:-1.4px;line-height:1.15;margin:15px 0}h1 span{color:#698271;font-weight:400}p{color:#758579;line-height:1.6}.persona{width:285px;background:white;border:1px solid #dfe5dd;padding:18px;border-radius:10px}.persona small{display:block;font-size:10px;color:#7a867c;margin-top:9px}select,input{padding:10px;border:1px solid #d6dfd4;border-radius:6px;background:white;color:#294337;font:inherit}.persona select{width:100%;margin-top:9px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:white;border:1px solid #dfe5dd;border-radius:9px;padding:20px}.stat b{display:block;font-size:30px;margin-top:10px}.stat span{font-size:12px;color:#748374}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:34px 0 15px}h2{font-size:20px;margin:0}.toolbar p{margin:6px 0;font-size:12px}.filters{display:flex;gap:8px;flex-wrap:wrap}button{cursor:pointer;border:1px solid #d8e1d5;background:white;padding:10px 14px;border-radius:6px;font:inherit;color:#344e3e}button:hover{filter:brightness(.96)}.primary{background:#264d39;color:white;border-color:#264d39}table{border-collapse:collapse;width:100%;background:white;text-align:left;border-radius:8px;overflow:hidden}th{font-size:10px;letter-spacing:1px;color:#7c8b7d;background:#edf1e9;padding:16px}td{padding:20px 16px;border-bottom:1px solid #edf0eb;font-size:12px}td strong{display:block;font-size:13px;margin-bottom:6px}td small{color:#829080}.badge{padding:6px 9px;background:#e8efdd;color:#567039;border-radius:5px;font-size:11px;white-space:nowrap}.badge.in_progress{background:#e0edf0;color:#386775}.badge.closed{background:#edf0ed;color:#6b776e}.empty{padding:50px;background:white;text-align:center}.card{padding:18px;background:white;border-bottom:1px solid #e4e9df;line-height:1.6}.card small{color:#7d897d}footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#859080;margin-top:24px}footer button{font-size:10px}dialog{max-width:700px;width:92%;border:1px solid #dbe4d7;border-radius:12px;padding:28px;color:#23362f}dialog::backdrop{background:#10261f88}label{display:block;font-size:12px;margin:15px 0}label input,label select{display:block;width:100%;margin-top:6px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.history{border-left:2px solid #d6e3cd;padding-left:15px;font-size:12px}.photos img{width:110px;height:90px;object-fit:cover;border-radius:6px;margin:5px}#toast{position:fixed;bottom:20px;right:20px;background:#163c2c;color:white;padding:14px 22px;border-radius:8px;display:none;max-width:400px}@media(max-width:1000px){aside{width:170px;padding:24px 14px}main{margin-left:170px;width:calc(100% - 170px)}.workspace{padding:20px}.toolbar,.heading{align-items:flex-start;gap:18px;flex-direction:column}.stats{gap:8px}th,td{padding:12px 8px}}@media(max-width:620px){aside{position:static;width:100%;padding:16px}.brand{font-size:25px}.brand small,.side-bottom,aside .eyebrow{display:none}.nav{display:inline-block;width:auto;font-size:11px;padding:10px}body{display:block}main{margin:0;width:100%}header{padding:15px}.stats{grid-template-columns:repeat(2,1fr)}h1{font-size:32px}#content{overflow:auto}.filters input{width:100%}td{min-width:110px}}