@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#17221e;background:#f2f0e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{border:0;background:#174b3c;color:#fff;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer;display:inline-flex;gap:8px;align-items:center;justify-content:center}button:disabled{opacity:.55}button svg{width:18px}h1,h2,h3{font-family:Manrope,sans-serif;margin:0}p{color:#68706c}.center{min-height:100vh;display:grid;place-items:center}.loader{width:36px;height:36px;border:3px solid #ddd;border-top-color:#174b3c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{rotate:360deg}}.card,.panel,.modal{background:#fff;border:1px solid #deddd7;border-radius:16px;box-shadow:0 8px 30px #1b37260c}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#7b817e}.eyebrow.light{color:#d7e7df}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.auth-brand{background:#123c31;color:#fff;padding:64px;display:flex;flex-direction:column;justify-content:space-between}.auth-brand h1{font-size:clamp(40px,5vw,72px);line-height:1.02;max-width:700px}.auth-brand p{font-size:18px;color:#c7d8d1;max-width:570px}.logo{width:68px;height:68px;border:2px solid #e7bd64;color:#e7bd64;display:grid;place-items:center;font-weight:800;border-radius:18px}.logo.small{width:42px;height:42px;border-radius:12px;font-size:13px}.auth-form{display:grid;place-items:center;padding:30px}.auth{width:min(440px,100%);padding:36px}.auth h2{font-size:30px;margin:8px 0 24px}.auth label,.modal label,.settings label{display:grid;gap:7px;font-size:13px;font-weight:700;margin:14px 0}.auth input,.modal input,.modal textarea,.modal select,.settings input,.settings select,.search input,textarea{width:100%;border:1px solid #d8d9d5;border-radius:9px;padding:12px;background:#fafaf8;color:#17221e}.auth>button{width:100%;margin-top:10px}.auth-links{display:flex;justify-content:space-between;margin-top:14px}.link{background:transparent;color:#285b4d;padding:6px}.notice{background:#edf6f0;padding:10px;border-radius:8px;font-size:13px}.app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{background:#133a30;color:#fff;padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 24px}.company{background:#1d4a3e;border:1px solid #356156;padding:12px;border-radius:12px;display:flex;gap:9px;align-items:center}.company svg{width:18px}.company div{display:grid}.company small{font-size:9px;color:#a9c2b9}.company strong{font-size:13px}nav{display:grid;gap:5px;margin-top:24px}nav button,.logout{justify-content:flex-start;background:transparent;color:#c9d9d3;font-weight:600}nav button.active{background:#f0bd57;color:#17382f}.logout{margin-top:auto}.main{min-width:0}.main>header{height:86px;background:#faf9f5;border-bottom:1px solid #dcddd8;display:flex;align-items:center;padding:0 32px;gap:16px}.main header h2{font-size:20px}.avatar{margin-left:auto;background:#dce9e4;color:#174b3c;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800}.content{padding:28px 32px;max-width:1400px;margin:auto}.hero{background:#174b3c;color:#fff;border-radius:18px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between}.hero h1{font-size:28px;margin-top:7px}.hero p{color:#c9dbd4;margin-bottom:0}.pulse{background:#245c4d;padding:16px 20px;border-radius:14px}.pulse span{font-size:28px;font-weight:800;color:#f2c667}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric{padding:18px;border-radius:14px;display:grid;grid-template-columns:auto 1fr;gap:2px 11px;border:1px solid #deddd7}.metric-icon{grid-row:1/3;width:42px;height:42px;border-radius:11px;display:grid;place-items:center}.metric small{color:#66706b}.metric strong{font-size:21px}.metric.amber{background:#fff6df}.metric.green{background:#eaf4ef}.metric.blue{background:#ebf1f5}.metric.cream{background:#fff}.panel{padding:22px}.panel-head,.title{display:flex;justify-content:space-between;align-items:center}.panel-head h3{margin-top:5px}.tag,.status{font-size:11px;font-weight:800;border-radius:999px;padding:6px 9px;background:#edf1ee}.status.late{background:#fee9df;color:#a43e1e}.status.risk{background:#fff0cf;color:#8a5a00}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:15px}th{text-align:left;font-size:11px;letter-spacing:.08em;color:#7d8581;padding:12px;border-bottom:1px solid #e3e4df}td{padding:14px 12px;border-bottom:1px solid #ecece8;font-size:14px}td small,.list-row small,.contact small{display:block;color:#818783;margin-top:3px}.compact{padding:8px 10px;font-size:12px}.empty{text-align:center;padding:40px}.empty svg{color:#6c887e}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10251ea8;display:grid;place-items:center;padding:20px;z-index:10}.modal{width:min(540px,100%);padding:24px;max-height:90vh;overflow:auto}.icon{background:transparent;color:#38433f;padding:7px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.secondary{background:#e9eeeb;color:#26483e}.title{margin-bottom:20px}.title h1{font-size:30px}.title p{margin:4px 0}.search{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e8e8e3;padding-bottom:18px}.search input{border:0;background:transparent;outline:0}.list-row,.contact{display:flex;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid #ebebe7}.list-row>div:nth-child(2){flex:1}.initial{width:38px;height:38px;border-radius:10px;background:#e4eee9;color:#174b3c;display:grid;place-items:center;font-weight:800}.danger{color:#a44}.muted{text-align:center;padding:28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service{padding:20px;position:relative}.service>strong{font-size:24px;color:#174b3c}.service small{font-size:10px;color:#748079}.service .danger{position:absolute;right:10px;top:10px}.contact>div{flex:1}.contact p{margin:5px 0;font-size:13px}.settings{max-width:650px}.settings button{margin-top:10px}.success{color:#25724e;margin-left:12px}.mobile{display:none}.onboarding{background:#123c31}.error{color:#a33;font-size:13px}@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-brand{padding:30px;min-height:320px}.auth-brand h1{font-size:40px}.app{grid-template-columns:1fr}aside{position:fixed;z-index:20;width:260px;transform:translate(-110%);transition:.25s}aside.open{transform:none}.mobile{display:inline-flex}.metrics,.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.content{padding:18px 14px}.main>header{padding:0 14px}.hero{padding:24px;display:block}.pulse{margin-top:18px;display:inline-block}.metrics{grid-template-columns:1fr 1fr;gap:8px}.metric{grid-template-columns:1fr;padding:13px}.metric-icon{display:none}.metric strong{font-size:17px}.panel{padding:14px}.cards{grid-template-columns:1fr}.title{align-items:flex-start}.title p{font-size:13px}.title button{padding:9px}.auth-brand{display:none}.auth-page{display:block}.auth-form{min-height:100vh}.compact{font-size:0}.compact svg{margin:0}.table-wrap{margin:0 -5px}td,th{padding:11px 8px;white-space:nowrap}}.brand b{font-size:18px}.plan-box{border-top:1px solid #31564c;margin-top:auto;padding:14px 12px;display:grid}.plan-box small{color:#9eb7ae;font-size:9px}.plan-box strong{color:#f0bd57}.header-date{font-size:12px;color:#7d8581}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.row-actions{display:flex;gap:4px}.status.ok{background:#e9f3e8;color:#286724}.status.cancelled{background:#eee;color:#666}.agenda-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px}.agenda-toolbar label{display:flex;align-items:center;gap:8px}.agenda-toolbar input{border:0;background:transparent;font-weight:700}.agenda-toolbar span{margin-left:auto;color:#64706b}.agenda-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px}.timeline{padding:0 18px}.slot{min-height:58px;border-bottom:1px solid #eceee9;display:grid;grid-template-columns:65px 1fr}.slot time{padding-top:16px;color:#69736f;font-size:13px}.appointment{margin:5px 0;padding:9px 12px;border-left:4px solid;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;background:#f8faf8;border-radius:4px}.appointment span{font-size:12px;color:#69736f}.appointment select{border:1px solid #dfe3df;background:#fff;border-radius:5px;padding:6px}.day-summary{height:max-content;display:grid;grid-template-columns:1fr auto;gap:7px}.day-summary>svg,.day-summary h3{grid-column:1/-1}.day-summary strong{font-size:26px}.day-summary span{color:#73807a}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.person{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.person-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800}.person h3,.person p{margin:0}.person dl{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #eee;padding-top:12px}.person dl div{display:grid}.person dt{font-size:11px;color:#77817d}.person dd{margin:3px 0;font-weight:700}.person button{grid-column:1/-1}.service-table{overflow:auto}.service-table td svg{width:15px;vertical-align:middle;margin-right:5px}@media(max-width:1000px){.people-grid{grid-template-columns:repeat(2,1fr)}.agenda-layout{grid-template-columns:1fr}.day-summary{display:none}}@media(max-width:600px){.people-grid,.form-grid,.appointment{grid-template-columns:1fr}.appointment select{margin-top:6px}.slot{grid-template-columns:48px 1fr}}
