:root{--navy:#081321;--navy2:#10273c;--mint:#35d6b3;--ink:#192b40;--muted:#718198;--line:#e3eaf2;--bg:#f5f7fb;--white:#fff;--shadow:0 8px 28px #122b4308}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}
.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:linear-gradient(180deg,#091522,#0b1b2c);color:#dce7f1;padding:26px 17px;display:flex;flex-direction:column;z-index:20}.logo{display:block;font-size:32px;line-height:1;font-weight:900;letter-spacing:-2.4px;color:white;padding:0 14px 32px}.logo>span{color:var(--mint)}.logo small{display:block;font-size:9px;letter-spacing:3px;text-align:center;color:#a7bdcf;margin-top:7px;font-weight:700}.side-label{font-size:9px;letter-spacing:1.7px;color:#758ba0;font-weight:800;padding:0 13px 12px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:10px;color:#a9bbcc;font-weight:650;margin:3px 0;transition:.18s}.nav-item span{width:20px;text-align:center;font-size:18px}.nav-item:hover,.nav-item.active{background:#17354a;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--mint)}.nav-item i{font-style:normal;margin-left:auto;background:#214b5a;color:#8ef1d7;border-radius:20px;font-size:10px;padding:2px 7px}.side-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;border-top:1px solid #203448;padding:18px 7px 0}.avatar{width:36px;height:36px;border-radius:11px;background:#174b4c;color:#9ff4dd;display:grid;place-items:center;font-weight:800}.user-info{min-width:0;flex:1}.user-info strong,.user-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info strong{font-size:12px}.user-info small{font-size:10px;color:#8ea3b7;margin-top:3px}.logout{color:#9eb2c4;font-size:18px}.main{margin-left:248px;max-width:1700px;padding:35px clamp(22px,3vw,48px) 20px}.mobile-header{display:none}.topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#7c8ea3;font-weight:850;margin-bottom:8px}.topline h1{font-size:clamp(26px,2.5vw,34px);letter-spacing:-1.2px;line-height:1.15;margin:0}.subtitle{margin:9px 0 0;color:var(--muted);font-size:12px}.dot-sep{color:var(--mint);padding:0 5px}.top-actions{display:flex;align-items:center;gap:15px}.live-dot{font-size:11px;color:#41856f}.live-dot:before{content:"";display:inline-block;width:7px;height:7px;background:#3bc99b;border-radius:50%;margin-right:7px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 14px;border:0;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap;transition:transform .15s,filter .15s}.btn:hover{filter:brightness(.98);transform:translateY(-1px)}.btn.primary{background:var(--navy);color:#fff;box-shadow:0 5px 12px #08132115}.btn.primary:hover{background:#142b40}.btn.secondary{background:#edf2f7;color:#334b64}.btn.whatsapp{background:#e4f7ed;color:#18784a}.btn.full{width:100%}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card{display:flex;align-items:center;gap:13px;background:white;border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:var(--shadow);min-width:0}.stat-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;font-size:20px}.stat-icon.mint{background:#e4f8f2;color:#188b73}.stat-icon.amber{background:#fff3dc;color:#a7751d}.stat-icon.violet{background:#f0eaff;color:#7c60bf}.stat-icon.blue{background:#e6f1ff;color:#3e7cbd}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:11px}.stat-card strong{display:block;font-size:25px;line-height:1.2;letter-spacing:-.8px;margin:4px 0}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:18px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:21px;box-shadow:var(--shadow);min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-title h2{font-size:16px;letter-spacing:-.3px;margin:0}.panel-title p{color:var(--muted);font-size:11px;margin:5px 0 0}.count{background:#edf8f5;color:#27856f;font-size:10px;font-weight:800;border-radius:30px;padding:6px 9px;white-space:nowrap}.date-filter{display:flex;gap:6px;align-items:center}.date-filter input{width:auto;max-width:145px}.date-filter .btn{padding:9px 12px}.day-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;border-block:1px solid #edf0f5;padding:12px 0;margin-bottom:9px;font-size:11px}.day-strip a{color:#597087}.day-strip strong{font-size:12px}.appointment-card{display:grid;grid-template-columns:58px 4px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #edf0f5}.appointment-card:last-child{border-bottom:0}.appt-time{font-size:16px;font-weight:850;letter-spacing:-.4px}.appt-time small{display:block;font-size:10px;color:#93a0b0;font-weight:600;letter-spacing:0;margin-top:3px}.appt-color{align-self:stretch;border-radius:8px;background:var(--pro,var(--mint));min-height:42px}.appt-info{min-width:0}.appt-info>strong{font-size:13px}.appt-info p{font-size:11px;color:var(--muted);margin:4px 0 7px;overflow-wrap:anywhere}.appt-info p span{padding:0 3px;color:#c3ccd5}.appt-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#8190a2;font-size:10px}.status{font-size:9px;font-weight:850;padding:4px 7px;border-radius:6px;background:#fff2d9;color:#936b19}.status.confirmado{background:#e5f1ff;color:#326db0}.status.atendido{background:#e5f7ed;color:#22794d}.status.cancelado,.status.ausente{background:#ffebed;color:#a23c4a}.appt-actions{display:flex;align-items:center;gap:7px}.icon-btn{width:33px;height:33px;border-radius:9px;background:#e3f7ed;color:#19814e;display:grid;place-items:center;font-size:17px}.appt-actions select{width:112px;padding:7px 6px;font-size:10px;border-radius:8px}.stack-form,.login-card form{display:grid;gap:13px}label{display:grid;gap:6px;color:#52647a;font-size:11px;font-weight:750}input,select,textarea{width:100%;min-width:0;border:1px solid #dce5ee;border-radius:9px;background:#fff;padding:11px 12px;color:var(--ink);outline:none;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#38c9a8;box-shadow:0 0 0 3px #35d6b31a}textarea{min-height:72px;resize:vertical}.form-row,.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-icon{display:grid;place-items:center;width:31px;height:31px;background:#e4f8f2;color:#14876e;border-radius:10px;font-size:18px}.form-hint{font-size:10px;color:#8997a8;text-align:center;margin:0}.empty-state{text-align:center;padding:46px 15px}.empty-icon{width:55px;height:55px;display:grid;place-items:center;margin:auto;background:#edf8f5;color:#208b73;border-radius:16px;font-size:24px}.empty-state h3{font-size:15px;margin:15px 0 5px}.empty-state p{color:var(--muted);font-size:12px;margin:0 0 16px}.toast,.alert{padding:12px 14px;border-radius:10px;font-size:12px;margin-bottom:15px}.toast.success{background:#e7f8ef;color:#1b754c}.toast.danger,.alert{background:#fff0f1;color:#a22c3c}.app-footer{display:flex;justify-content:space-between;gap:12px;color:#8a98a9;font-size:10px;padding:27px 4px 8px}.app-footer>span:first-child{font-weight:850;letter-spacing:1px;color:#536a80}.brand-dot{color:#29b99b}.professional-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.pro-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px;box-shadow:var(--shadow)}.pro-symbol{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--pro) 18%,white);color:var(--pro);font-size:18px;font-weight:850}.pro-card h3{font-size:14px;margin:14px 0 4px}.pro-card p{font-size:11px;color:var(--muted);margin:0 0 12px}.pro-status{font-size:10px;color:#21865c}.inline-add{margin-top:20px;border-top:1px solid var(--line);padding-top:17px}.inline-add summary{cursor:pointer;font-weight:800;color:#2d5068;font-size:12px;margin-bottom:15px}.search{margin-bottom:14px;max-width:440px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;min-width:600px}th{text-align:left;background:#f8fafc;color:#77879a;font-size:10px;text-transform:uppercase;letter-spacing:.6px}th,td{padding:12px;border-bottom:1px solid #edf1f5}td{color:#4b5f74}.person{display:flex;align-items:center;gap:9px}.person-avatar{width:30px;height:30px;border-radius:10px;background:#e6f7f2;color:#25856e;display:grid;place-items:center;font-weight:800}.reminder-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #edf0f5}.reminder-row:last-child{border-bottom:0}.date-badge{width:47px;flex:0 0 47px;border-radius:11px;background:#edf8f5;color:#23836e;text-align:center;padding:6px}.date-badge strong,.date-badge small{display:block}.date-badge strong{font-size:18px;line-height:1.2}.date-badge small{font-size:9px;font-weight:850}.reminder-info{flex:1;min-width:0}.reminder-info strong{font-size:12px}.reminder-info p{font-size:11px;color:var(--muted);margin:4px 0 0}.reminder-actions{display:flex;gap:7px;flex-wrap:wrap}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 50% 10%,#123a50,#07111e 55%)}.login-card{width:min(430px,100%);background:#fff;border-radius:22px;padding:35px;box-shadow:0 30px 100px #0005}.login-card .logo{color:var(--navy);padding:0;width:max-content;margin:0 auto 33px}.login-card .logo small{color:#7f92a6}.login-card .eyebrow{text-align:center}.login-card h1{text-align:center;font-size:28px;letter-spacing:-1px;margin:10px 0}.login-card>p{text-align:center;color:var(--muted);font-size:12px;margin:0 0 25px}.login-foot{text-align:center;border-top:1px solid var(--line);padding-top:18px;margin-top:20px;color:#8593a5;font-size:10px}
@media(max-width:1200px){.sidebar{width:215px}.main{margin-left:215px;padding-inline:24px}.content-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.9fr)}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.professional-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:14px}}
@media(max-width:900px){.sidebar{display:none}.mobile-header{display:flex;align-items:center;justify-content:space-between;background:#091522;padding:15px 19px;color:#fff}.mobile-header .logo{font-size:26px;padding:0}.mobile-header .logo small{font-size:8px;margin-top:5px}.mobile-user{font-size:11px;color:#a9c1d2}.main{margin:0;padding:24px 18px 92px}.topline{align-items:flex-start}.top-actions{flex-direction:column;align-items:flex-end;gap:8px}.live-dot{font-size:10px}.content-grid{grid-template-columns:1fr}.new-panel{grid-row:1}.mobile-nav{position:fixed;z-index:50;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);padding:8px 8px max(8px,env(safe-area-inset-bottom));box-shadow:0 -8px 28px #152e420d}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#7c8da1;font-size:10px;padding:4px}.mobile-nav a span{font-size:19px}.mobile-nav a.active{color:#16866f;font-weight:850}.app-footer{padding-bottom:8px}}
@media(min-width:901px){.mobile-nav{display:none}}
@media(max-width:600px){.main{padding:22px 12px 94px}.topline{gap:10px;margin-bottom:19px}.topline h1{font-size:25px}.topline .subtitle{font-size:11px}.top-actions .live-dot{display:none}.top-actions .btn{padding:10px;font-size:10px}.stats{gap:8px}.stat-card{padding:12px 10px;gap:8px;align-items:flex-start}.stat-icon{width:32px;height:32px;flex-basis:32px;border-radius:10px;font-size:16px}.stat-card span{font-size:10px}.stat-card strong{font-size:22px}.stat-card small{font-size:9px}.panel{padding:15px;border-radius:14px}.panel-title{align-items:flex-start}.panel-title h2{font-size:15px}.panel-title p{max-width:240px}.appointment-card{grid-template-columns:48px 3px minmax(0,1fr);gap:9px;padding:13px 0}.appt-actions{grid-column:3;justify-content:flex-start}.appt-actions select{width:125px}.appt-time{font-size:15px}.appt-info>strong{font-size:12px}.appt-info p{font-size:10px}.day-strip{font-size:10px}.date-filter input{max-width:125px;padding:9px 7px}.date-filter .btn{padding:8px}.form-row,.form-grid{grid-template-columns:1fr}.professional-grid{grid-template-columns:1fr 1fr;gap:9px}.pro-card{padding:14px}.pro-card h3{font-size:12px}.pro-card p{font-size:10px}.reminder-row{align-items:flex-start;flex-wrap:wrap;gap:10px}.reminder-info{width:calc(100% - 60px);flex:auto}.reminder-actions{width:100%;padding-left:57px}.app-footer{flex-wrap:wrap;font-size:9px}.app-footer span:nth-child(2){display:none}.login-card{padding:28px 22px}.login-card h1{font-size:25px}}

.demo-credentials{display:grid;gap:5px;background:#eaf8f4;border:1px solid #cdeee4;color:#246b5b;padding:13px 15px;border-radius:12px;margin:0 0 20px;font-size:12px}.demo-credentials small{color:#668b82;font-size:10px;margin-top:3px}.date-filter select{width:auto;max-width:190px}.new-page{max-width:900px}.new-form .wide{grid-column:1/-1}.full{width:100%}.quick{margin-top:10px}
@media(max-width:600px){.date-filter{display:grid;grid-template-columns:1fr 1fr;width:100%}.date-filter input,.date-filter select{width:100%;max-width:none;min-width:0}.date-filter .btn{grid-column:1/-1}.new-form .wide{grid-column:auto}}