
:root{--blue:#7018f0;--ink:#2c1742;--muted:#7d668c;--line:#ece4f2;--bg:#f8f3fb;--nav:#220c43;--green:#15785c;--red:#b43b55;--radius:18px;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a.button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:wait;opacity:.6}a{color:var(--blue)}button{font-weight:700;border:0}button:focus-visible,a:focus-visible{outline:3px solid #a66cff}button svg{width:19px;height:19px;flex:none;vertical-align:middle}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;padding:30px 18px 20px;background:var(--nav);color:white;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:11px;padding:0 10px}.brand-mark{width:40px;height:40px;border-radius:12px;background:var(--blue);display:grid;place-items:center;box-shadow:0 6px 18px #1f0b2c77}.brand-mark svg{width:26px;height:26px}.brand strong{font-size:25px;letter-spacing:-1px}.brand small{display:block;color:#c2a8d4;font-size:12px;font-weight:700;letter-spacing:1.5px;margin-top:4px}.menu{display:grid;gap:7px}.menu button{display:flex;align-items:center;gap:12px;padding:14px 15px;border-radius:12px;background:transparent;color:#d2bbe1;text-align:left;font-size:15px}.menu button.active{background:var(--blue);color:white;box-shadow:0 6px 18px #260b3855}.menu button:hover{background:#3c225c}.menu button.active:hover{background:#7018f0}.nav-label{font-size:11px;letter-spacing:1.6px;color:#9f81b3;padding:0 15px 10px;font-weight:800}.sidebar-foot{margin-top:auto;border-top:1px solid #ffffff18;padding:20px 12px 0;color:#ceb9dc;font-size:13px;line-height:1.6}.sidebar-foot strong{display:block;color:white;font-size:14px}.owner-pill{display:flex;align-items:center;gap:9px;color:#b9e8d8;margin-top:12px}.dot{width:7px;height:7px;border-radius:99px;background:#45c79e;display:inline-block}.workspace{min-width:0}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:20px 38px;gap:20px}.breadcrumb{font-size:14px;color:var(--muted)}.breadcrumb strong{color:var(--ink);margin-left:9px}.top-actions{display:flex;gap:12px;align-items:center}.private{display:flex;align-items:center;gap:7px;border-radius:99px;padding:8px 12px;background:#ecf7f3;color:#216d55;font-size:12px;font-weight:700}.avatar{width:37px;height:37px;background:#f6e8ff;color:#9a36dd;display:grid;place-items:center;border-radius:50%;font-size:13px;font-weight:800}.refresh{padding:9px 12px;border-radius:10px;background:#f6f0fa;color:#4f3361;font-size:13px}.main{max-width:1510px;margin:auto;padding:33px 38px 48px}.page-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:1.4px;font-weight:800;color:#806493;text-transform:uppercase}h1{font-size:30px;letter-spacing:-.9px;margin:7px 0 8px;line-height:1.2}h2{font-size:20px;letter-spacing:-.4px;margin:0 0 8px}h3{font-size:16px;margin:0 0 8px}p{line-height:1.6;margin:0 0 12px}.sub{font-size:14px;color:var(--muted);line-height:1.6}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;min-height:44px;padding:11px 16px;text-decoration:none;font-weight:700;font-size:14px;background:var(--blue);color:white;box-shadow:0 3px 0 #4e0cb4}.button.secondary{background:white;color:#4f3361;border-color:#e6d9ee;box-shadow:none}.button.ghost{background:#f8eeff;color:var(--blue);box-shadow:none}.button.small{font-size:12px;padding:8px 11px;min-height:36px;border-radius:9px;box-shadow:none}.hero{border-radius:20px;padding:28px 32px;background:linear-gradient(112deg,#4000a0,#7018f0);position:relative;overflow:hidden;color:white;display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:24px;box-shadow:0 12px 25px #7018f019}.hero:after{content:"";position:absolute;width:300px;height:300px;right:-50px;top:-130px;border:40px solid #ffffff0b;border-radius:50%;pointer-events:none}.hero .eyebrow{color:#eacbff}.hero h2{font-size:27px;letter-spacing:-.7px;margin:8px 0}.hero p{max-width:550px;color:#f3e1ff;font-size:14px;margin:0}.hero-date{flex-shrink:0;border-left:1px solid #ffffff35;padding-left:28px;z-index:1}.hero-date strong{display:block;font-size:34px;letter-spacing:-1.4px}.hero-date span{font-size:13px;color:#f1dcff}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.kpi{background:white;border:1px solid var(--line);padding:21px;border-radius:16px}.kpi-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;color:#6b527b;font-weight:700}.kpi-icon{width:32px;height:32px;background:#f8eeff;color:var(--blue);display:grid;place-items:center;border-radius:9px}.kpi-icon svg{width:18px;height:18px}.kpi strong{display:block;font-size:29px;letter-spacing:-1px;margin:15px 0 7px;overflow-wrap:anywhere}.kpi small{color:var(--muted);font-size:12px;line-height:1.5}.kpi.mint .kpi-icon{background:#e4f5ed;color:#258260}.kpi.rose .kpi-icon{background:#fcecf0;color:#bf4865}.kpi.gold .kpi-icon{background:#fff4d7;color:#92701a}.columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px;margin-bottom:24px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:24px}.card.nopad{padding:0;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.card-head .sub{font-size:12px}.link-btn{background:transparent;color:var(--blue);padding:6px 0;font-size:13px}.empty{padding:34px 18px;text-align:center;color:var(--muted);font-size:14px;line-height:1.7}.empty-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#f6f0fa;color:#9f84b1;margin:0 auto 13px}.empty-icon svg{width:24px;height:24px}.empty strong{display:block;color:var(--ink);font-size:16px;margin-bottom:5px}.empty .button{margin-top:15px}.client-line{display:flex;align-items:center;gap:13px;padding:16px 0;border-top:1px solid #f3edf7}.client-icon{width:42px;height:42px;display:grid;place-items:center;background:#f9eaf0;color:#974c69;border-radius:12px;font-size:16px;font-weight:800;flex:none}.client-icon.lash{background:#f0eaff;color:#7251b2}.client-icon.barbearia{background:#e5f3ed;color:#397963}.client-info{min-width:0;flex:1}.client-info strong{display:block;font-size:14px;margin-bottom:5px}.client-info span{font-size:12px;color:var(--muted)}.badge{font-size:11px;font-weight:800;padding:6px 9px;border-radius:7px;display:inline-block;white-space:nowrap;line-height:1.3;background:#f4edf8;color:#7a628a}.badge.active,.badge.paid,.badge.resolved{background:#e6f5ee;color:#1c7758}.badge.onboarding,.badge.pending,.badge.open{background:#fff5dd;color:#8c6c20}.badge.paused,.badge.progress{background:#f8edff;color:#8d56b1}.badge.cancelled,.badge.void,.badge.late,.badge.high{background:#fcebf0;color:#ae435e}.alert-card{background:#fff8e9;border:1px solid #f0dfb4;border-radius:13px;padding:17px;margin-bottom:12px}.alert-card strong{font-size:14px;display:block;margin-bottom:7px}.alert-card p{font-size:13px;color:#7e6e4e;margin:0}.mini-row{padding:13px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px}.mini-row span{color:var(--muted)}.notice-note{border-radius:13px;background:#f8f1fd;padding:18px;font-size:13px;color:#6e5380;line-height:1.7}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.search{flex:1;min-width:180px}.search input{width:100%}.toolbar input,.toolbar select{border:1px solid #e7dcef;background:#fff;border-radius:10px;min-height:43px;padding:10px 13px;color:#4f3560;font-size:14px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;min-width:640px}th{text-align:left;background:#fcf8fe;color:#856e94;font-size:11px;text-transform:uppercase;letter-spacing:.6px;padding:15px 20px;font-weight:800;white-space:nowrap}td{padding:17px 20px;border-top:1px solid #f2edf6;vertical-align:middle;line-height:1.6}td strong{font-size:14px}td small{display:block;color:var(--muted);font-size:12px}.row-actions{display:flex;gap:7px;justify-content:flex-end}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.plan-card{position:relative;padding:24px;background:white;border:1px solid var(--line);border-radius:17px}.plan-price{font-size:30px;font-weight:800;letter-spacing:-1px;margin:22px 0 6px}.plan-price small{font-size:13px;color:var(--muted);font-weight:500;letter-spacing:0}.plan-card p{font-size:14px;color:var(--muted);min-height:50px;margin:17px 0}.tabs{display:flex;gap:7px;margin-bottom:20px;flex-wrap:wrap}.tabs button{background:#f1e8f7;color:#6a537a;border-radius:9px;padding:10px 14px;font-size:13px}.tabs button.active{background:var(--nav);color:white}.msg-card{padding:22px;border-bottom:1px solid var(--line)}.msg-card:last-child{border:0}.msg-head{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:9px}.msg-card h3{font-size:15px;margin:8px 0}.msg-card p{font-size:14px;white-space:pre-wrap;color:#6e587d}.msg-card small{color:#897199;font-size:12px}.read-pill{color:#1d7a5b;background:#e4f6ed;padding:5px 9px;border-radius:8px;font-size:11px;font-weight:800;white-space:nowrap}.activity{display:flex;gap:12px;padding:12px 0}.activity .timeline{width:8px;height:8px;border-radius:50%;background:#c891ec;margin-top:6px;flex:none}.activity p{font-size:13px;margin:0}.activity small{font-size:11px;color:var(--muted)}.connection{display:flex;align-items:center;gap:7px;font-size:12px;color:#755c85;margin-top:20px}.connection.error{color:#b03d54}.connection.error .dot{background:#d65d6c}.error-banner{padding:15px 18px;border:1px solid #ecc3ca;background:#fff1f3;border-radius:12px;color:#a53b53;font-size:14px;margin-bottom:22px}.loading{padding:60px;text-align:center;color:var(--muted)}.loading:before{content:"";display:block;margin:0 auto 20px;width:26px;height:26px;border:3px solid #ebdbf6;border-top-color:var(--blue);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{width:min(690px,calc(100vw - 28px));max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--line);border-radius:21px;color:var(--ink);box-shadow:0 28px 100px #2d143d44;overflow:auto}dialog::backdrop{background:#2c123e88;backdrop-filter:blur(4px)}.dialog-head{padding:24px 27px 18px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);gap:15px}.dialog-head h2{font-size:22px;margin:5px 0}.close{min-width:36px;height:36px;border-radius:10px;background:#f5f0f9;color:#6c537c;font-size:22px}.dialog-body{padding:23px 27px 27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;color:#5c436c;min-width:0}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;border:1px solid #e4d6ed;border-radius:10px;background:#fff;color:var(--ink);padding:12px 13px;font-size:15px;min-height:45px;font-weight:400;min-width:0}.field textarea{resize:vertical;line-height:1.6;min-height:95px}.field small{font-size:11px;font-weight:400;line-height:1.6;color:var(--muted)}.form-foot{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-top:24px}.form-foot .button{min-height:46px}.form-error{color:#af3753;line-height:1.6;font-size:14px;margin-top:16px}.form-hint{background:#f7eefd;border-radius:10px;padding:13px 15px;font-size:13px;color:#705483;line-height:1.7;margin-bottom:20px}.notice-preview{padding:18px;border-radius:13px;background:#f8f1fd;margin-top:18px;white-space:pre-wrap;font-size:14px;line-height:1.8}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#2c1742;color:white;border-radius:13px;padding:14px 20px;box-shadow:0 8px 30px #2c153b33;font-size:14px;z-index:100;max-width:calc(100vw - 30px);text-align:center}.toast[hidden]{display:none}.footnote{font-size:12px;color:#8c769a;line-height:1.7;margin-top:20px}.signout{color:#c3a9d4;font-size:12px;display:inline-block;margin-top:15px}.mobile-brand{display:none}.mobile-signout{display:none}.not-set{color:#8b6d26;font-size:12px}button.icon-button{background:transparent;color:#9780a6;padding:7px}.status-dot{display:inline-flex;gap:8px;align-items:center}.filter-count{font-size:13px;color:var(--muted);margin-left:auto}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.detail-stats div{padding:15px;background:#f8f3fc;border-radius:12px;font-size:12px;color:var(--muted)}.detail-stats strong{display:block;font-size:18px;color:var(--ink);margin-top:7px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1120px){.layout{grid-template-columns:215px minmax(0,1fr)}.main{padding:28px 25px}.topbar{padding:20px 25px}.columns{grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr)}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.layout{display:block}.sidebar{height:auto;position:relative;padding:20px 16px;gap:20px}.sidebar .brand{padding:0 5px}.sidebar-foot,.nav-label{display:none}.menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:7px}.menu button{padding:11px 12px;font-size:13px;gap:8px;min-height:44px}.mobile-signout{display:inline-flex;font-size:12px;color:#7b638b;text-decoration:none;padding:8px}.menu button svg{width:16px;height:16px}.topbar{height:auto;padding:15px 18px}.topbar .breadcrumb{font-size:12px}.private{display:none}.top-actions{gap:9px}.main{padding:24px 17px 36px}.page-title{align-items:start;flex-wrap:wrap;gap:14px}h1{font-size:27px}.page-title .button{min-height:42px}.hero{padding:24px;gap:14px}.hero h2{font-size:23px}.hero-date{display:none}.hero p{font-size:13px}.kpis{gap:11px}.kpi{padding:17px}.kpi strong{font-size:24px}.kpi-head{font-size:12px;gap:7px}.kpi-icon{width:27px;height:27px}.columns,.plan-grid{grid-template-columns:1fr}.card{padding:20px}.table-wrap td,.table-wrap th{padding:14px 16px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.dialog-head{padding:20px}.dialog-body{padding:20px}.toolbar{gap:9px}.toolbar .search{flex-basis:100%}.toolbar input,.toolbar select{font-size:16px}.field input,.field textarea,.field select{font-size:16px}.filter-count{margin-left:0}.form-foot{flex-direction:column-reverse;align-items:stretch}.form-foot .button{width:100%}.msg-head{align-items:start}.msg-card{padding:19px}.hero .eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}
.brand{flex-direction:column;gap:12px;padding:0 4px}.brand-logo{display:block;width:166px;height:166px;max-width:100%;object-fit:contain;background:white;border-radius:16px}.brand small{margin:0;color:#eacbff;font-size:11px;letter-spacing:1.7px}@media(max-width:760px){.sidebar .brand{flex-direction:row;gap:20px;padding:0 5px}.brand-logo{width:112px;height:112px;flex:none}.brand small{font-size:12px}}

[hidden]{display:none!important}.auth-gate{min-height:100dvh;display:grid;place-items:center;padding:32px 18px;background:radial-gradient(ellipse at 20% 0%,#eee0ff,transparent 65%),#f8f3fb}.auth-card{width:100%;max-width:450px;padding:32px 34px;border:1px solid #e6d9ee;border-radius:24px;background:#fff;box-shadow:0 18px 65px #4000a017}.auth-logo{display:block;width:160px;height:160px;object-fit:contain;margin:0 auto 22px}.auth-card>.eyebrow{text-align:center;color:#5a16b5}.auth-card h1{font-size:28px;text-align:center;margin:12px 0}.auth-intro{font-size:15px;color:#6f577f;text-align:center;margin:0 0 25px}.auth-card .field{margin:17px 0 8px;font-size:14px}.auth-card .field input{font-weight:600}.auth-card input[readonly]{background:#f8f3fb;color:#4a2a60}.password-field{display:flex;gap:8px;align-items:stretch;border:1px solid #e4d6ed;border-radius:10px;overflow:hidden}.password-field:focus-within{outline:3px solid #a66cff;outline-offset:2px}.password-field input{min-width:0;width:100%;border:0;background:white;padding:13px;font-size:16px;color:#2c1742;outline:none}.password-field button{background:#f7efff;color:#5512b3;font-size:13px;padding:10px 12px;flex:none}.auth-hint{font-size:12px;color:#7d668c;margin:9px 0 0}.auth-error{font-size:14px;color:#a72e4d;margin:13px 0;line-height:1.5}.auth-error:empty{display:none}.auth-card form>.button{width:100%;margin-top:20px;min-height:49px;font-size:16px}.auth-private{font-size:12px;color:#7d668c;text-align:center;margin:24px 0 0}@media(max-width:480px){.auth-card{padding:25px 22px}.auth-card h1{font-size:26px}.auth-logo{width:140px;height:140px}.auth-card input{font-size:16px}}

.ops-confirm{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.6;margin:20px 0}.ops-confirm input{width:20px;height:20px;flex:none;accent-color:#7018f0}.ops-thread{display:grid;gap:14px;margin-bottom:22px}.ops-message{padding:16px 18px;background:#f7effd;border-radius:14px;border:1px solid #eadcf4}.ops-message.admin{background:#f0e4ff;border-color:#d9baf6;margin-left:24px}.ops-message p{white-space:pre-wrap;font-size:15px;margin:8px 0}.ops-message small{color:#7d668c;font-size:12px}.ops-event{border-top:1px solid #ece4f2;padding:15px 0;font-size:13px;overflow-wrap:anywhere}#operation-error,#support-error{color:#ad3054;line-height:1.6}.row-actions{flex-wrap:wrap}.card summary{cursor:pointer;font-weight:700;line-height:1.6}details.card[open]>summary{margin-bottom:20px}
