:root{--ink:#1b2521;--green:#255d4d;--green-soft:#def0e9;--paper:#f4f5f1;--white:#fff;--line:#dde2de;--muted:#718079;--yellow:#f6e7b2;--blue:#dce9f3;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper)}button,input,select{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-body{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.app-sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#183d33;color:#fff;padding:1.5rem;display:flex;flex-direction:column}.app-logo{color:#fff;text-decoration:none;display:flex;gap:.75rem;align-items:center;margin-bottom:3.5rem}.app-logo span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#f0cb64;color:#193b32;font-weight:900}.app-logo b{font-size:1rem}.app-sidebar nav{display:flex;flex-direction:column;gap:.35rem}.side-link{border:0;background:transparent;color:#bdcec8;text-align:left;border-radius:9px;padding:.75rem;cursor:pointer}.side-link span{display:inline-block;width:28px}.side-link.active,.side-link:hover{background:rgba(255,255,255,.1);color:#fff}.sidebar-help{margin-top:auto;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);padding:1rem;border-radius:12px}.sidebar-help small{color:#90b9aa;font-size:.61rem;font-weight:800;letter-spacing:.1em}.sidebar-help b{display:block;font-size:.83rem;margin:.6rem 0}.sidebar-help p{font-size:.7rem;color:#bbcbc5}.sidebar-help a{color:#f5d77e;font-size:.7rem}.back-portfolio{color:#b8cac3;text-decoration:none;font-size:.72rem;margin-top:1.2rem}.app-main{grid-column:2;padding:0 3vw 4rem;max-width:1600px;width:100%;margin:auto}.app-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.app-header small{font-size:.58rem;letter-spacing:.09em;color:var(--muted);font-weight:800}.app-header h1{font-family:Georgia,serif;font-size:1.65rem;margin:.25rem 0}.user{display:flex;align-items:center;gap:.65rem}.user button{background:#fff;border:1px solid var(--line);border-radius:9px;width:36px;height:36px}.user>span{display:grid;place-items:center;width:38px;height:38px;background:var(--green);color:#fff;border-radius:10px;font-weight:800}.user div{display:flex;flex-direction:column;font-size:.7rem}.user div small{font-size:.6rem}.mobile-menu{display:none}.notice{display:flex;align-items:center;gap:.8rem;background:#eef5f2;border:1px solid #d5e8df;border-radius:10px;padding:.75rem 1rem;margin:1.5rem 0}.notice>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;font-family:Georgia,serif}.notice p{font-size:.75rem;margin:0}.notice-close{margin-left:auto;border:0;background:transparent;font-size:1.2rem;color:var(--muted)}.app-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.app-stats article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.2rem;display:flex;justify-content:space-between;align-items:center}.app-stats article div{display:flex;flex-direction:column}.app-stats small{font-size:.58rem;font-weight:850;letter-spacing:.08em;color:var(--muted)}.app-stats strong{font-family:Georgia,serif;font-size:2.15rem;margin:.35rem 0 0}.app-stats em{font-style:normal;color:var(--green);font-size:.65rem}.stat-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;font-size:1.3rem}.stat-icon.green{background:var(--green-soft)}.stat-icon.yellow{background:var(--yellow)}.stat-icon.blue{background:var(--blue)}.data-panel{margin-top:1rem;background:#fff;border:1px solid var(--line);border-radius:13px}.panel-heading{padding:1.4rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.panel-heading h2{font-family:Georgia,serif;margin:0;font-size:1.4rem}.panel-heading p{font-size:.72rem;color:var(--muted);margin:.25rem 0 0}.app-button{border-radius:8px;padding:.65rem .85rem;border:1px solid var(--line);font-weight:750;font-size:.72rem;cursor:pointer}.app-button.primary{background:var(--green);border-color:var(--green);color:#fff}.app-button.ghost{background:#fff}.toolbar{padding:1rem 1.4rem;display:flex;align-items:center;gap:.75rem}.search{display:flex;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:8px;padding:0 .75rem;flex:1;max-width:430px}.search input{border:0;outline:0;padding:.65rem 0;width:100%;font-size:.75rem}.filter{margin-left:auto;font-size:.7rem;color:var(--muted)}.filter select{border:1px solid var(--line);border-radius:7px;padding:.55rem;margin-left:.35rem;background:#fff}.table-wrap{overflow-x:auto;border-top:1px solid var(--line);min-height:330px}table{width:100%;border-collapse:collapse;font-size:.73rem}th{text-align:left;font-size:.56rem;letter-spacing:.07em;color:var(--muted);padding:.8rem 1.4rem;background:#fafbf9;white-space:nowrap}td{padding:.9rem 1.4rem;border-top:1px solid #edf0ed;white-space:nowrap}.person-cell{display:flex;align-items:center;gap:.7rem}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#dceae4;color:var(--green);font-size:.66rem;font-weight:850}.person-cell div{display:flex;flex-direction:column}.person-cell small{font-size:.58rem;color:var(--muted)}.status{display:inline-block;border-radius:99px;padding:.28rem .55rem;font-size:.6rem;font-weight:800}.status.active{background:#ddf0e8;color:#22604e}.status.waiting{background:#fff0c8;color:#7c5a0a}.status.done{background:#e8eae9;color:#5a625f}.row-action{border:0;background:transparent;cursor:pointer;color:var(--muted);font-size:1rem}.empty-state{text-align:center;padding:4rem 1rem}.empty-state span{font-size:2rem;color:var(--muted)}.empty-state h3{font-family:Georgia,serif;margin:.6rem}.empty-state p{font-size:.75rem;color:var(--muted)}.table-footer{border-top:1px solid var(--line);padding:.85rem 1.4rem;display:flex;justify-content:space-between;color:var(--muted);font-size:.62rem}dialog{border:0;border-radius:16px;padding:0;width:min(620px,calc(100% - 2rem));box-shadow:0 30px 80px rgba(20,40,32,.25)}dialog::backdrop{background:rgba(12,25,20,.55)}dialog form{padding:1.7rem}.dialog-heading{display:flex;align-items:start;justify-content:space-between}.dialog-heading small{font-size:.58rem;letter-spacing:.1em;color:var(--green);font-weight:850}.dialog-heading h2{font-family:Georgia,serif;margin:.3rem 0 1.5rem}.dialog-heading button{border:0;background:none;font-size:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid label{font-size:.7rem;font-weight:750}.form-grid input,.form-grid select{display:block;width:100%;margin-top:.4rem;border:1px solid var(--line);border-radius:8px;padding:.7rem;background:#fff}.dialog-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.5rem}.toast{position:fixed;right:1.5rem;bottom:1.5rem;background:#183d33;color:#fff;padding:.8rem 1rem;border-radius:9px;font-size:.75rem;transform:translateY(150%);transition:transform .25s}.toast.show{transform:none}
@media(max-width:900px){.app-body{display:block}.app-sidebar{display:none}.app-sidebar.open{display:flex;z-index:20}.app-main{padding:0 1rem 3rem}.mobile-menu{display:block;border:0;background:none;font-size:1.4rem}.app-header>div:first-of-type{margin-right:auto;margin-left:1rem}.user div{display:none}.app-stats{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search{max-width:none;flex-basis:100%}.filter{margin-left:0}.form-grid{grid-template-columns:1fr}}
@media(max-width:560px){.app-header h1{font-size:1.25rem}.user button{display:none}.panel-heading{align-items:flex-start;gap:1rem;flex-direction:column}.toolbar .app-button{margin-left:auto}.table-footer{display:block}.table-footer span{display:block;margin:.25rem 0}}
.data-panel{overflow:hidden}
html,body{max-width:100%;overflow-x:hidden}
.side-link{display:block;text-decoration:none}.app-page{padding-bottom:5rem}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:2.5rem 0 1.5rem}.section-kicker{font-size:.58rem;letter-spacing:.1em;color:var(--green);font-weight:850;margin:0 0 .45rem}.page-heading h2{font-family:Georgia,serif;font-size:2.25rem;margin:0}.page-heading p:not(.section-kicker){margin:.35rem 0 0;font-size:.78rem;color:var(--muted);max-width:600px}.activity-layout{display:grid;grid-template-columns:1.5fr .7fr;gap:1rem}.calendar-card,.upcoming,.report-stats article,.chart-card{background:#fff;border:1px solid var(--line);border-radius:13px}.calendar-card{padding:1.3rem}.calendar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.6rem;font-size:.85rem}.calendar-top button,.chart-heading button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:.35rem .55rem}.weekdays{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line);padding-bottom:.8rem;text-align:center;font-size:.58rem;color:var(--muted)}.weekdays b{font-size:.82rem;color:var(--ink)}.activity-days{display:grid;gap:.7rem;padding-top:1rem}.activity-days>div{display:grid;grid-template-columns:50px 1fr;gap:.8rem;align-items:start}.activity-days small{font-size:.6rem;color:var(--muted);padding-top:.7rem}.event{margin:0;border-radius:8px;padding:.7rem;font-size:.75rem;font-weight:750}.event span{display:block;margin-top:.25rem;color:#52635b;font-size:.63rem;font-weight:500}.mint-event{background:#dff1e9}.yellow-event{background:#fcf0c8}.blue-event{background:#dcecf4}.upcoming{padding:1.25rem}.upcoming h3{font-family:Georgia,serif;font-size:1.35rem;margin:.2rem 0 1rem}.upcoming article{display:flex;align-items:center;gap:.65rem;border-top:1px solid var(--line);padding:.85rem 0}.date-box{display:grid;place-items:center;width:38px;height:42px;background:var(--green-soft);border-radius:7px;font-size:.85rem;font-weight:850}.date-box small{font-size:.48rem}.upcoming article div{display:flex;flex-direction:column;font-size:.7rem}.upcoming article small{font-size:.6rem;color:var(--muted);margin-top:.15rem}.upcoming>a{display:inline-block;margin-top:1rem;font-size:.68rem;font-weight:800;color:var(--green)}.report-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.report-stats article{padding:1.2rem;display:flex;flex-direction:column}.report-stats small{font-size:.56rem;font-weight:850;letter-spacing:.08em;color:var(--muted)}.report-stats strong{font-family:Georgia,serif;font-size:2.5rem;margin:.35rem 0}.positive{font-size:.64rem;color:var(--green);font-weight:750}.report-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;margin-top:1rem}.chart-card{padding:1.3rem;min-height:310px}.chart-heading{display:flex;justify-content:space-between;align-items:start}.chart-heading h3{font-family:Georgia,serif;font-size:1.3rem;margin:0}.chart-heading p{font-size:.65rem;color:var(--muted);margin:.2rem 0}.chart-heading button{font-size:.62rem}.bars{height:205px;display:flex;align-items:end;justify-content:space-around;gap:1rem;border-bottom:1px solid var(--line);margin-top:2rem;padding:0 1rem}.bars span{display:block;position:relative;background:#c7ddd4;border-radius:7px 7px 0 0;flex:1;max-width:45px}.bars span.current{background:var(--green)}.bars i{position:absolute;top:calc(100% + .5rem);left:50%;transform:translateX(-50%);font-style:normal;font-size:.58rem;color:var(--muted)}.service-breakdown{display:flex;align-items:center;justify-content:center;gap:2rem;padding-top:2.5rem}.donut{width:145px;height:145px;border-radius:50%;background:conic-gradient(var(--green) 0 42%,#e6bf56 42% 71%,#8eb7cb 71% 88%,#ed947f 88%);position:relative}.donut:after{content:'';position:absolute;inset:28px;background:#fff;border-radius:50%}.service-breakdown ul{list-style:none;padding:0;margin:0;min-width:140px}.service-breakdown li{font-size:.65rem;border-bottom:1px solid var(--line);padding:.5rem 0}.service-breakdown li b{float:right}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:.4rem}.dot.one{background:var(--green)}.dot.two{background:#e6bf56}.dot.three{background:#8eb7cb}.dot.four{background:#ed947f}@media(max-width:900px){.page-heading{padding-top:2rem}.activity-layout,.report-grid{grid-template-columns:1fr}.report-stats{grid-template-columns:1fr}.app-sidebar nav .side-link{display:block}}@media(max-width:560px){.page-heading{align-items:flex-start;flex-direction:column}.service-breakdown{gap:1rem}.donut{width:120px;height:120px}.donut:after{inset:24px}}