:root{--ink:#142321;--muted:#667774;--green:#123b37;--green2:#1c5a53;--gold:#d4a43b;--bg:#f3f6f5;--line:#dce5e2;--white:#fff;--danger:#b53939;--shadow:0 10px 35px rgba(19,59,55,.09)}*{box-sizing:border-box}html{font-family:Tahoma,"Arial",sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;font-size:16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.sidebar{position:fixed;right:0;top:0;bottom:0;width:250px;background:linear-gradient(180deg,#123b37,#0b2926);color:#fff;padding:24px 15px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 25px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--gold);color:#173b37;font-size:22px;font-weight:900}.sidebar nav{display:grid;gap:7px}.sidebar nav a{padding:13px 15px;border-radius:12px;color:#cfe0dd;display:flex;gap:12px}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff18;color:#fff}.logout{margin-top:auto;padding:13px 15px;color:#ffd2d2}.app{margin-right:250px;min-height:100vh}.app>header{height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10}.app>header h1{margin:0;font-size:23px}.app>header small{color:var(--muted)}main{padding:28px;max-width:1500px;margin:auto}.menu-btn{display:none}.icon-btn,.menu-btn{background:#edf3f1;border:0;border-radius:12px;width:44px;height:44px;cursor:pointer}.quick,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.toolbar form{display:flex;gap:8px;flex:1;max-width:520px}.toolbar form input{flex:1}.btn{border:0;border-radius:12px;padding:12px 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.btn.primary{background:var(--green);color:#fff}.btn.primary:hover{background:var(--green2)}.btn.light{background:#fff;border:1px solid var(--line);color:var(--green)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stats article,.panel,.property-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.stats article{padding:20px;position:relative;overflow:hidden}.stats article:after{content:"";position:absolute;left:-20px;bottom:-30px;width:80px;height:80px;background:#dcece8;border-radius:50%}.stats span{color:var(--muted)}.stats strong{display:block;font-size:34px;margin-top:7px}.stats .warn strong{color:var(--danger)}.panel{padding:20px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:19px}.panel-head a{color:var(--green);font-weight:bold}.card-list{display:grid;gap:12px}.appointment-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;align-items:center;gap:14px}.appointment-card.overdue{border-right:4px solid var(--danger)}.appointment-card h3{margin:0 0 5px;font-size:17px}.appointment-card p,.appointment-card small{margin:0;color:var(--muted)}.date-box{min-width:68px;text-align:center;background:#edf5f2;border-radius:13px;padding:8px}.date-box b{font-size:22px;display:block;color:var(--green)}.date-box span{font-size:12px}.grow{flex:1}.call{margin-right:auto;background:#edf5f2;color:var(--green);padding:9px 13px;border-radius:10px}.actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.actions a,.actions button,.link-btn{border:0;background:#edf5f2;color:var(--green);padding:7px 9px;border-radius:8px;cursor:pointer}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:right;padding:14px 12px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:14px}td small{display:block;color:var(--muted);margin-top:4px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#edf2f1;color:#395552;font-size:13px}.s-deal{background:#dff4e7;color:#247043}.s-cancelled{background:#fde8e8;color:#9e3838}.s-interested,.s-appointment{background:#fff0cc;color:#7e5b0d}.property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.property-card{padding:18px;display:grid;gap:12px}.property-card h3{margin:8px 0}.property-card p,.property-card small{color:var(--muted);margin:0}.property-card>strong{font-size:22px;color:var(--green)}.form-grid{display:grid;gap:15px}.form-grid label{display:grid;gap:7px;font-weight:700;color:#2a423f}.form-grid input,.form-grid select,.form-grid textarea,.toolbar input{width:100%;border:1px solid #cfdcd8;background:#fff;border-radius:11px;padding:12px;color:var(--ink);outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.toolbar input:focus{border-color:var(--green);box-shadow:0 0 0 3px #1c5a5318}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important}.check input{width:auto}.form-grid fieldset{border:1px solid var(--line);border-radius:12px;display:flex;gap:16px;flex-wrap:wrap}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}.dialog-head button{border:0;background:#eee;width:35px;height:35px;border-radius:50%;font-size:24px;cursor:pointer}dialog{border:0;border-radius:20px;box-shadow:0 30px 80px #071d1a55;width:min(620px,calc(100% - 24px));max-height:90vh;overflow:auto;padding:24px}dialog::backdrop{background:#081b1977}.alert{padding:13px 16px;border-radius:12px;margin-bottom:18px;background:#e1f2e8;color:#226a43}.alert.danger{background:#fde5e5;color:#8e3030}.empty{text-align:center;color:var(--muted);padding:35px}.filter-pills{display:flex;background:#e6eeec;border-radius:12px;padding:4px}.filter-pills button{border:0;background:transparent;padding:8px 14px;border-radius:9px}.filter-pills button.active{background:#fff;color:var(--green);box-shadow:0 2px 8px #123b3714}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#28675f,#0d302c 50%,#071d1b)}.login-card,.install-card{background:#fff;border-radius:24px;padding:32px;width:min(440px,calc(100% - 28px));box-shadow:0 30px 80px #001c1855}.install-card{width:min(700px,calc(100% - 28px));margin:30px auto}.login-card .brand-mark{margin:auto}.login-card h1,.login-card p{text-align:center}.login-card p{color:var(--muted);margin-bottom:25px}.settings{max-width:700px}.settings hr,.form-grid hr{border:0;border-top:1px solid var(--line);width:100%;margin:8px 0}
@media(max-width:900px){.sidebar{width:220px;transform:translateX(105%);transition:.25s}.menu-open .sidebar{transform:none}.menu-open:after{content:"";position:fixed;inset:0;background:#071d1a66;z-index:15}.app{margin-right:0}.app>header{height:74px;padding:0 16px}.menu-btn{display:block}.app>header>div{flex:1;margin-right:12px}.stats{grid-template-columns:1fr 1fr}main{padding:16px}.property-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body{font-size:15px}.stats{gap:10px}.stats article{padding:15px}.stats strong{font-size:27px}.toolbar{align-items:stretch;flex-direction:column}.toolbar form,.toolbar .btn{width:100%;max-width:none}.appointment-card{align-items:flex-start;flex-wrap:wrap}.appointment-card .actions{width:100%;padding-right:82px}.appointment-card .call{margin-right:0}.property-grid{grid-template-columns:1fr}.two{grid-template-columns:1fr}dialog{padding:18px}.panel{padding:12px}.quick .btn{flex:1;padding:11px 8px}.app>header h1{font-size:19px}}
.mobile-nav,.mobile-action{display:none}.form-section{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fbfdfc}.form-section h3{margin:0 0 16px;display:flex;align-items:center;gap:9px;font-size:17px}.form-section h3>span{display:grid;place-items:center;width:29px;height:29px;background:var(--green);color:#fff;border-radius:9px}.form-section h3 em{font-style:normal;font-size:12px;color:var(--muted);margin-right:auto}.appointment-section{background:#f4f9f7;border-color:#c9ddd7}.notify-check{background:#fff;border:1px solid var(--line);padding:13px;border-radius:13px}.notify-check input{width:21px;height:21px;accent-color:var(--green)}.notify-check span{display:grid;gap:3px}.notify-check small{color:var(--muted);font-weight:400}.sticky-save{position:sticky;bottom:-24px;background:#fff;padding:12px 0 0;z-index:3}.sticky-save .btn{width:100%;min-height:52px;font-size:17px}.edit-action{background:#fff4d8!important;color:#76530a!important}.action-wa{background:#e3f8e9!important;color:#19733b!important}.setting-title{display:flex;gap:12px;align-items:flex-start}.setting-title>span{font-size:28px}.setting-title h2{margin:0 0 5px}.setting-title p{margin:0 0 18px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-grid .settings{max-width:none;margin:0}.settings-save{grid-column:1/-1}.settings-save .btn{width:100%;min-height:52px}
@media(max-width:900px){body{padding-bottom:78px}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;right:0;left:0;height:72px;padding:7px max(8px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -10px 35px rgba(18,59,55,.11);z-index:14}.mobile-nav a:not(.mobile-add){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#778783;font-size:12px}.mobile-nav a span{font-size:21px;line-height:1}.mobile-nav a b{font-weight:700}.mobile-nav a.active{color:var(--green)}.mobile-nav .mobile-add{width:52px;height:52px;margin:-20px auto 0;border-radius:17px;background:var(--gold);color:var(--green);font-size:32px;display:grid;place-items:center;box-shadow:0 8px 20px #9a741b4d;border:4px solid #fff}.mobile-action{display:block;margin-bottom:14px}.big-action{width:100%;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;text-align:right;column-gap:12px;padding:15px}.big-action>span{grid-row:1/3;font-size:35px}.big-action b{font-size:17px}.big-action small{font-weight:400;color:#dbeae7}.desktop-add{display:none}.settings-grid{grid-template-columns:1fr}.client-dialog{height:100dvh;max-height:100dvh;width:100%;max-width:none;border-radius:0;padding:16px;margin:0}.client-dialog .dialog-head{position:sticky;top:-16px;background:#fff;padding:14px 0;border-bottom:1px solid var(--line);z-index:4}.clients-panel table{min-width:0}.clients-panel thead{display:none}.clients-panel tbody,.clients-panel tr,.clients-panel td{display:block}.clients-panel tr{border:1px solid var(--line);border-radius:16px;padding:13px;margin-bottom:10px;background:#fff}.clients-panel td{border:0;padding:5px}.clients-panel td:first-child strong{font-size:18px}.clients-panel .actions{padding-top:8px}.clients-panel .actions a{flex:1;text-align:center;min-height:42px;display:grid;place-items:center}}
.danger-action{background:#fde7e7!important;color:#a52e2e!important}