:root{--forest:#123f36;--forest2:#1d5b4d;--mint:#c8f26b;--cream:#f6f5ef;--ink:#17211e;--muted:#687570;--line:#e5e8e4;--white:#fff;--danger:#c64b4b;--shadow:0 12px 32px rgba(20,48,41,.09)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--cream);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:var(--forest);color:white;padding:28px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:25px;font-weight:800;letter-spacing:-1px;padding:0 10px 28px}.brand span{color:var(--mint)}.profile{background:rgba(255,255,255,.08);border-radius:16px;padding:14px;margin-bottom:22px}.profile strong,.profile small{display:block}.profile small{opacity:.68;margin-top:3px}.nav{display:grid;gap:7px}.nav button{border:0;background:transparent;color:#d7e4df;text-align:left;padding:12px 14px;border-radius:11px}.nav button.active,.nav button:hover{background:var(--mint);color:var(--forest);font-weight:700}.sidebar-footer{margin-top:auto;font-size:12px;opacity:.55;padding:10px}.main{padding:32px 38px 90px;max-width:1400px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.topbar h1{font-size:30px;margin:0;letter-spacing:-1.2px}.topbar p{margin:5px 0 0;color:var(--muted)}.btn{border:0;border-radius:11px;padding:11px 16px;font-weight:700;background:var(--forest);color:white}.btn.accent{background:var(--mint);color:var(--forest)}.btn.ghost{background:white;color:var(--forest);border:1px solid var(--line)}.grid{display:grid;gap:18px}.stats{grid-template-columns:repeat(4,1fr);margin-bottom:22px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.stat small{color:var(--muted)}.stat strong{display:block;font-size:27px;margin-top:10px}.stat .trend{font-size:12px;color:var(--forest2);margin-top:5px}.columns{grid-template-columns:1.4fr .8fr}.card h2{font-size:18px;margin:0 0 18px}.appointment{display:grid;grid-template-columns:64px 1fr auto;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);gap:14px}.appointment:last-child{border:0}.time{font-weight:800;color:var(--forest)}.appointment small{display:block;color:var(--muted);margin-top:4px}.pill{background:#edf5f1;color:var(--forest2);padding:6px 9px;border-radius:999px;font-size:12px;font-weight:700}.pill.wait{background:#fff1d8;color:#8a631d}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick button{background:#f5f7f5;border:1px solid var(--line);border-radius:13px;padding:16px;text-align:left;font-weight:700;color:var(--forest)}.linkbox{background:var(--forest);color:white;border-radius:18px;padding:20px;margin-top:18px}.linkbox small{opacity:.65}.linkbox strong{display:block;margin:7px 0 16px;word-break:break-all}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.week{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.day{background:white;border:1px solid var(--line);border-radius:15px;padding:13px;min-height:340px}.day.today{border:2px solid var(--forest)}.day-head{text-align:center;padding-bottom:12px;border-bottom:1px solid var(--line)}.day-head strong{display:block;font-size:20px}.slot{background:#edf5f1;border-left:3px solid var(--forest2);border-radius:8px;padding:9px;margin-top:10px;font-size:12px}.slot b,.slot span{display:block}.slot span{color:var(--muted);margin-top:3px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:15px 12px;border-bottom:1px solid var(--line)}.table th{font-size:12px;text-transform:uppercase;color:var(--muted)}.money{font-weight:800}.debt{color:var(--danger)}.pix-layout{grid-template-columns:1fr 1fr;max-width:900px}.field{margin-bottom:15px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px;background:white}.qr{width:210px;height:210px;margin:15px auto;background:repeating-conic-gradient(#10211c 0 25%,#fff 0 50%) 0/17px 17px;border:14px solid white;box-shadow:0 0 0 1px var(--line)}.center{text-align:center}.notice{background:#fff8df;color:#705a20;border-radius:11px;padding:11px;font-size:12px}.mobile-nav{display:none}.modal{position:fixed;inset:0;background:rgba(9,25,21,.55);display:grid;place-items:center;padding:20px;z-index:10}.modal-card{background:white;border-radius:20px;padding:24px;max-width:480px;width:100%;max-height:90vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-head h2{margin:0}.close{border:0;background:#eef1ef;border-radius:50%;width:34px;height:34px}.actions{display:flex;gap:10px;justify-content:flex-end}.empty{padding:45px;text-align:center;color:var(--muted)}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:22px 16px 88px}.stats{grid-template-columns:1fr 1fr}.columns,.pix-layout{grid-template-columns:1fr}.week{display:flex;overflow:auto}.day{min-width:230px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);z-index:5;justify-content:space-around;padding:8px 4px}.mobile-nav button{border:0;background:white;font-size:11px;color:var(--muted);padding:8px}.mobile-nav button.active{color:var(--forest);font-weight:800}.topbar{align-items:flex-start}.topbar h1{font-size:25px}.topbar .btn{padding:10px}.table-wrap{overflow:auto}}@media(max-width:520px){.stats{grid-template-columns:1fr}.quick{grid-template-columns:1fr}}
.reminder-row{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.reminder-row:last-child{border:0}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#edf5f1;color:var(--forest);font-weight:800}.reminder-actions{display:flex;gap:8px;flex-wrap:wrap}.btn.small{padding:8px 11px;font-size:12px}.settings-grid{grid-template-columns:1fr 1fr}.toggle-line{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.toggle-line small,.channel small{display:block;color:var(--muted);margin-top:4px}.switch{width:44px;height:25px;border-radius:99px;background:var(--forest);position:relative}.switch:after{content:"";position:absolute;width:19px;height:19px;right:3px;top:3px;background:white;border-radius:50%}.channel{border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:12px}.channel small{margin:5px 0 12px}.premium{border-color:#efd58d;background:#fffaf0}.toast{position:fixed;right:20px;bottom:22px;background:var(--forest);color:white;border-radius:12px;padding:14px 18px;box-shadow:var(--shadow);z-index:20}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.reminder-row{grid-template-columns:46px 1fr}.reminder-actions{grid-column:2}}
@media(max-width:900px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.main{padding-bottom:28px}.mobile-nav{height:calc(64px + env(safe-area-inset-bottom));padding:6px 4px env(safe-area-inset-bottom);box-shadow:0 -8px 24px rgba(20,48,41,.08)}.mobile-nav>.nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;width:100%;align-items:center}.mobile-nav .nav button{display:block!important;min-width:0;padding:9px 2px;border-radius:9px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:1.15}.mobile-nav .nav button:nth-child(3),.mobile-nav .nav button:nth-child(5){display:none!important}.mobile-nav .nav button.active{background:#edf5f1;color:var(--forest)}.topbar{gap:10px}.topbar>div{min-width:0}.topbar p{font-size:12px}.topbar .btn{white-space:nowrap;font-size:12px}}
@media(max-width:900px){html,body{min-height:100%;overflow-x:hidden}.mobile-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:9999!important;transform:translateZ(0);background:#fff}.week{display:block;overflow:visible}.day{min-width:0;min-height:0;padding:12px}.day:not(:first-child){display:none}.day-head{display:flex;align-items:center;justify-content:center;gap:7px;padding-bottom:9px}.day-head small,.day-head strong{display:inline;font-size:14px}.slot{padding:11px;margin-top:8px}.section-head{margin-bottom:10px}.section-head .btn{font-size:11px;padding:8px 10px}}
.public-profile{text-align:center;padding:8px}.public-profile p{color:var(--muted)}.public-icon{font-size:42px}.public-service{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.public-service:last-child{border:0}.public-service small{display:block;color:var(--muted);margin-top:4px}.public-service .btn{white-space:nowrap}.public-preview>*{min-width:0}.public-link-card .linkbox{max-width:100%}
@media(max-width:620px){.main{width:100%;max-width:100%;overflow:hidden}.card{min-width:0;max-width:100%;padding:16px}.table-wrap{overflow:visible;background:transparent;border:0;box-shadow:none;padding:0}.table,.table tbody{display:block;width:100%}.table thead{display:none}.table tr{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:9px 13px;margin-bottom:10px;box-shadow:var(--shadow)}.table td{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;width:100%;padding:8px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.table td:last-child{border:0}.table td:before{font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:800}.table td:nth-child(1):before{content:"Cliente"}.table td:nth-child(2):before{content:"Contato"}.table td:nth-child(3):before{content:"Visitas"}.table td:nth-child(4):before{content:"Última visita"}.table td:nth-child(5):before{content:"Situação"}.public-preview{display:block;width:100%}.public-preview>.card{width:100%;margin-bottom:12px}.public-service{grid-template-columns:minmax(0,1fr) auto}.public-service .btn{padding:8px 9px;font-size:11px}.public-profile{padding:2px}.public-icon{font-size:34px}.public-link-card p{font-size:13px;line-height:1.45}.public-link-card .linkbox{padding:15px}.public-link-card .linkbox strong{font-size:12px;overflow-wrap:anywhere;word-break:break-word}.topbar h1{font-size:22px;overflow-wrap:anywhere}}
.time small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.appointment-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.mini-action,.calendar-add{border:1px solid var(--line);background:var(--white);color:var(--forest);border-radius:9px;padding:7px 9px;font-size:11px;font-weight:800}.mini-action.whatsapp{color:#176b3a;background:#e9f8ef;border-color:#c9ead5}.move-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:-4px 0 16px}.move-shortcuts button{border:1px solid var(--line);background:var(--white);border-radius:9px;padding:9px;color:var(--forest);font-weight:800}.alert-list{display:grid;gap:8px}.alert-item{display:grid;grid-template-columns:9px 1fr;gap:11px;width:100%;text-align:left;border:1px solid var(--line);border-radius:13px;padding:13px;background:var(--white);color:var(--ink)}.alert-item>span{width:8px;height:8px;border-radius:50%;background:transparent;margin-top:5px}.alert-item.unread{background:#f1f8f5;border-color:#c8ded5}.alert-item.unread>span{background:var(--forest)}.alert-item p{margin:5px 0;color:var(--muted)}.alert-item small{color:var(--muted)}.pix-manager{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:18px;max-width:920px}.pix-receive{display:flex;flex-direction:column;justify-content:center;text-align:center;background:linear-gradient(145deg,var(--forest),var(--forest2));color:white}.pix-receive h2{margin:10px 0}.pix-receive>strong{font-size:20px;overflow-wrap:anywhere;padding:20px;background:rgba(255,255,255,.1);border-radius:14px}.pix-receive>small{opacity:.72}.pix-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.pix-actions .ghost{background:white}
body[data-theme="dark"]{--cream:#0e1513;--ink:#eef5f2;--muted:#9eada7;--line:#2b3935;--white:#17211e;--forest2:#57a28d;--shadow:0 12px 32px rgba(0,0,0,.28);background:#0e1513;color:var(--ink);color-scheme:dark}body[data-theme="dark"] .card,body[data-theme="dark"] .modal-card,body[data-theme="dark"] input,body[data-theme="dark"] select,body[data-theme="dark"] .btn.ghost,body[data-theme="dark"] .mobile-nav,body[data-theme="dark"] .mobile-nav button,body[data-theme="dark"] .quick-new button,body[data-theme="dark"] .agenda-tool,body[data-theme="dark"] .mini-action,body[data-theme="dark"] .calendar-add{background:#17211e;color:var(--ink);border-color:#2b3935}body[data-theme="dark"] .sidebar{background:#09100e}body[data-theme="dark"] .mobile-nav button.active,body[data-theme="dark"] .pill,body[data-theme="dark"] .alert-item.unread{background:#24352f;color:#d9eee7}body[data-theme="dark"] .pix-receive{background:linear-gradient(145deg,#152e27,#1d4b3f)}body[data-theme="dark"] .mini-action.whatsapp{background:#153526;color:#87e4ac;border-color:#24563a}body[data-theme="dark"] .close{background:#26332f;color:white}
@media(max-width:720px){.pix-manager{grid-template-columns:1fr}.appointment{grid-template-columns:58px minmax(0,1fr)}.appointment-actions{grid-column:1/-1;justify-content:flex-start;padding-left:72px}.move-shortcuts{grid-template-columns:1fr 1fr}}