@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
aside{overflow-y:auto}aside nav{flex-shrink:0}.aside-bottom{flex-shrink:0}
.role-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:20px;align-items:start}.role-list{padding:10px;display:grid;gap:5px}.role-list button{border:0;background:none;text-align:left;padding:12px;border-radius:5px;color:var(--ink);overflow-wrap:anywhere}.role-list button.active{background:#e7ece2;color:var(--green);font-weight:700}.permission-select{border:1px solid var(--line);font-size:10px;width:155px;background:#fafbf7;border-radius:5px}.permission-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;font-size:11px}.permission-fields label{display:flex;gap:7px;align-items:center}.role-layout .actions{flex-wrap:wrap}.role-layout .actions label{font-size:10px}.role-layout td,.role-layout th{padding:13px}.role-layout table{white-space:normal}@media(max-width:1000px){.role-layout{grid-template-columns:1fr}.role-list{display:flex;overflow:auto}.role-list button{min-width:145px}}@media(max-width:720px){.permission-fields{grid-template-columns:1fr}}
:root{--ink:#283a36;--muted:#7b857f;--green:#28584b;--line:#e4e7df;--paper:#f5f5ef;--orange:#b97846}*{box-sizing:border-box}body{margin:0;background:var(--paper);font:13px Manrope,Arial,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}aside{width:226px;position:fixed;inset:0 auto 0 0;background:#203b33;color:#e6eae3;padding:32px 20px;display:flex;flex-direction:column}.brand{font-family:Georgia,serif;font-size:41px;letter-spacing:-2px;padding:0 12px}.brand span{color:#c5b48e}.brand small{display:block;font:7px Arial;letter-spacing:1.7px;margin-top:8px}.workspace{margin:34px 0 23px;padding:15px 12px;border:1px solid #ffffff20;border-radius:8px}.workspace small,.aside-bottom small{display:block;color:#a8b7aa;font-size:10px;margin-top:5px}aside nav{display:grid;gap:4px}aside nav a{padding:12px;border-radius:6px;color:#bccac0;display:flex;gap:12px;align-items:center}aside nav a:hover,aside nav a.active{background:#ffffff12;color:white}aside nav a.active{box-shadow:inset 3px 0 #c1b28b}aside nav i{font-style:normal;width:18px;text-align:center;opacity:.8}aside nav .group{font-size:9px;letter-spacing:1.5px;color:#90a799;padding:22px 12px 8px}.aside-bottom{margin-top:auto;padding:22px 10px 0;font-size:10px}.aside-bottom a{display:block;margin-top:18px;color:#d4c59f}.dot{display:inline-block;width:6px;height:6px;background:#bca77e;border-radius:100%;margin-right:5px}.shell{margin-left:226px}header{height:78px;padding:0 38px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fbfbf7}header span{margin:0 12px;color:#a0aaa2}.header-right{display:flex;align-items:center;gap:18px}.header-right label{font-size:10px;color:var(--muted)}select{border:0;background:transparent;color:var(--ink);padding:8px}.demo{font-size:8px!important;letter-spacing:1px}.avatar{border-radius:50%;background:#e4e8dd;width:33px;height:33px;display:grid;place-items:center;font-size:10px}main{padding:36px 38px;min-height:calc(100vh - 125px);max-width:1800px;margin:auto}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--orange);font-weight:800;text-transform:uppercase}h1{font-size:29px;letter-spacing:-1px;margin:9px 0 8px;font-weight:600}h2{font-size:16px;margin:0 0 5px}h3{font-size:13px;margin:0 0 8px}p{line-height:1.7;color:var(--muted)}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:20px}.page-head p{margin:0}.btn{padding:11px 17px;background:var(--green);border:1px solid var(--green);border-radius:6px;color:white;display:inline-block;font-weight:600;font-size:11px}.btn.light{background:#fff;color:var(--ink);border-color:var(--line)}.actions{display:flex;gap:8px;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:9px;padding:21px}.stat label{font-size:11px;color:var(--muted)}.stat strong{font-size:27px;font-weight:600;display:block;margin:13px 0 9px;letter-spacing:-.8px}.stat small{font-size:10px;color:var(--muted)}.stat .up{color:var(--green)}.grid{display:grid;grid-template-columns:1.9fr 1fr;gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:22px}.panel-head{padding:21px 23px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.panel-head small{color:var(--muted);font-size:10px}.panel-body{padding:22px}.text-link{color:var(--green);font-size:11px;font-weight:700}.pill{display:inline-block;padding:5px 9px;background:#edf2e9;color:#46634c;border-radius:5px;font-size:9px;white-space:nowrap}.pill.warn{background:#faf0df;color:#a17332}.pill.red{background:#f8e8e2;color:#b16a54}.pill.gray{background:#f0f1ed;color:#848a82}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:9px;letter-spacing:.4px;color:#8c958e;font-weight:600;background:#fcfcf8}th,td{padding:17px 23px;border-bottom:1px solid #edf0e9}td{font-size:11px}td b{font-weight:700}td small{display:block;color:var(--muted);font-size:9px;margin-top:5px}tr:last-child td{border-bottom:0}tbody tr[data-open]{cursor:pointer}tbody tr[data-open]:hover{background:#f6f8f2}.bar{height:5px;background:#edf0e8;border-radius:5px;overflow:hidden;margin-top:8px}.bar span{display:block;height:100%;background:#89a18c;border-radius:5px}.attention{padding:17px 0;border-bottom:1px solid var(--line);display:flex;gap:12px}.attention:last-child{border:0}.attention .icon{width:29px;height:29px;flex-shrink:0;background:#f6eee2;color:#b6854e;border-radius:6px;display:grid;place-items:center}.attention p{font-size:10px;margin:5px 0 0}.attention b{font-size:11px}.schedule{display:flex;gap:16px;margin:17px 0 25px}.time{font-size:10px;color:#89978b;min-width:39px}.schedule b{font-size:11px}.schedule small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.note{padding:17px 20px;border:1px solid #e4ddc8;background:#f8f5e9;border-radius:7px;color:#8a795a;font-size:11px;line-height:1.7;margin-bottom:23px}.toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;border-radius:5px;padding:9px 13px;font-size:10px;color:var(--muted)}.filter.active{background:#e7ece2;color:var(--green);border-color:#dce3d6}input,textarea{border:1px solid var(--line);padding:11px 13px;background:white;border-radius:6px;color:var(--ink);min-width:0}input[type=search]{width:250px}input[type=checkbox]{accent-color:var(--green)}.board{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:15px;overflow:auto}.column{background:#eeefe8;border-radius:8px;padding:14px}.column-head{display:flex;justify-content:space-between;font-size:11px;font-weight:700;padding:5px 2px 17px}.column-head span{color:#899486}.card{padding:17px;background:white;border:1px solid var(--line);border-radius:7px;margin-bottom:12px;cursor:pointer}.card:hover{border-color:#a4b69e}.card .id{font-size:9px;color:#8a948b;display:flex;justify-content:space-between;margin-bottom:13px}.card p{font-size:10px;margin:7px 0 18px}.card-bottom{border-top:1px solid #eee;padding-top:12px;display:flex;justify-content:space-between;align-items:center;font-size:10px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:23px;border:1px solid var(--line);border-radius:8px;background:white}.feature p{font-size:11px}.feature .number{font-family:Georgia;font-size:28px;color:#b8b99e;margin-bottom:22px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:25px;margin:8px 0 24px;overflow:auto}.tabs button{border:0;background:none;padding:15px 0;color:var(--muted);font-size:11px;white-space:nowrap}.tabs button.active{border-bottom:2px solid var(--green);color:var(--green);font-weight:700}.kv{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:20px 0}.kv small{display:block;color:var(--muted);font-size:10px;margin-bottom:8px}.kv b{font-size:12px}.flow{display:flex;gap:7px;margin:22px 0;overflow:auto}.flow span{padding:12px;background:#edf1e8;border-radius:5px;font-size:10px;flex:1;min-width:90px;text-align:center}.flow .current{background:var(--green);color:white}.room{background:#f4f3eb;padding:16px;border-radius:6px;margin-bottom:15px}.room h3{display:flex;justify-content:space-between}.swatch{width:26px;height:26px;border-radius:4px;background:repeating-linear-gradient(90deg,#c5b39b 0,#c5b39b 2px,#d8c9b1 3px,#d8c9b1 5px);display:inline-block;vertical-align:middle;margin-right:10px}.checks label{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.checks input{margin-right:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:grid;gap:8px;font-size:11px;color:var(--muted)}.form-grid select{border:1px solid var(--line);padding:11px;border-radius:6px}.empty{padding:35px;text-align:center;color:var(--muted)}.mobile-task{max-width:430px;margin:auto;background:white;border:1px solid var(--line);border-radius:12px;padding:25px}.phone-top{font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:20px}.big{font-size:22px}.timeline{border-left:1px solid var(--line);margin:20px 8px;padding-left:24px}.timeline article{margin-bottom:25px}.timeline small{font-size:9px;color:var(--muted)}.matrix td,.matrix th{padding:13px}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.roadmap article{padding:20px;background:#f2f4ed;border-radius:6px}.roadmap p{font-size:11px}details{border-bottom:1px solid var(--line);padding:17px 0}summary{cursor:pointer;font-weight:600}details p{font-size:12px}.muted{color:var(--muted)}footer{padding:18px 38px;font-size:8px;letter-spacing:1px;border-top:1px solid var(--line);color:#959c91;display:flex;justify-content:space-between}footer span{letter-spacing:0}dialog{width:650px;max-width:94vw;max-height:90vh;border:0;border-radius:10px;padding:32px;color:var(--ink);box-shadow:0 25px 100px #18382b30}dialog::backdrop{background:#16312765;backdrop-filter:blur(3px)}.close{position:absolute;top:13px;right:17px;border:0;background:none;font-size:25px;color:var(--muted)}:focus-visible{outline:2px solid #b68a50;outline-offset:3px}@media(min-width:1500px){body{font-size:14px}main{padding-top:42px}.card{padding:22px}}@media(max-width:1100px){aside{width:190px;padding:25px 12px}.shell{margin-left:190px}main{padding:25px}.grid{grid-template-columns:1fr}.header-right .demo{display:none}.stats{gap:10px}.stat{padding:16px}.cards{grid-template-columns:1fr 1fr}th,td{padding:15px}.board{grid-template-columns:repeat(4,240px)}}@media(max-width:720px){aside{position:relative;width:100%;padding:16px}.brand{font-size:29px}.brand small,.workspace,.aside-bottom,aside nav .group{display:none}aside nav{display:flex;overflow:auto;margin-top:15px}aside nav a{white-space:nowrap;font-size:11px;padding:10px}aside nav i{display:none}.shell{margin:0}header{padding:0 18px;height:60px}.header-right label{font-size:0}.header-right select{font-size:10px}.avatar{display:none}main{padding:24px 16px}h1{font-size:24px}.page-head{align-items:flex-start}.page-head .actions{flex-direction:column}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:24px}.cards,.roadmap{grid-template-columns:1fr}.kv{grid-template-columns:1fr 1fr}.toolbar{flex-direction:column}input[type=search]{width:100%}.form-grid{grid-template-columns:1fr}footer span{display:none}}