:root{--blue:#3864e9;--violet:#7358ed;--ink:#171925;--muted:#6c7080;--line:#e6e8f2;--soft:#f6f7fb;--shadow:0 10px 35px rgba(29,40,88,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eef0f7;color:var(--ink);font-family:Inter,Arial,sans-serif}.screen{display:none;min-height:100vh;background:#fff}.screen.active{display:block}button,input,textarea{font:inherit}button,a{transition:.2s ease}button{cursor:pointer}.auth-screen.active{display:grid;grid-template-columns:minmax(420px,48%) 1fr;overflow:hidden}.auth-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:54px 8vw;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--ink)}.brand-mark{width:72px;height:72px;border-radius:20px;background:linear-gradient(145deg,var(--blue),var(--violet));color:#fff;display:grid;place-items:center;font-size:40px;position:relative;box-shadow:0 10px 25px rgba(73,83,225,.25)}.brand-mark i{font-style:normal;position:absolute;font-size:21px;bottom:11px}.brand small,.brand strong{display:block}.brand small{font-size:22px;letter-spacing:5px}.brand strong{font-size:42px;line-height:1;color:#5250e7;letter-spacing:2px}.tagline{max-width:390px;text-align:center;line-height:1.7;color:var(--muted);margin:28px 0 38px}.auth-card{width:min(100%,460px);padding:30px;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);background:rgba(255,255,255,.94)}.auth-card h1{text-align:center;font-size:18px;margin:0 0 24px}.input-wrap{height:58px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;padding:0 16px;gap:14px;margin:12px 0}.input-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(56,100,233,.1)}.input-wrap input{border:0;outline:0;width:100%;color:var(--ink)}.input-wrap>span{color:#646978;font-size:20px}.password-key{font-family:"Segoe UI Symbol","Apple Symbols",sans-serif;color:#646978!important}.peek{border:0;background:none;color:#73778a}.primary{width:100%;border:0;border-radius:12px;height:54px;background:linear-gradient(110deg,var(--blue),var(--violet));color:#fff;font-weight:700;box-shadow:0 8px 20px rgba(70,86,227,.22)}.primary:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(70,86,227,.3)}.primary span{float:right;margin-right:10px}.auth-card>p{text-align:center;font-size:13px;color:var(--muted);margin:25px 0 0}.link-button{border:0;background:none;color:var(--blue);font-weight:700}.auth-visual{background:linear-gradient(145deg,#385ee7,#8059ef);position:relative;overflow:hidden}.auth-visual:before{content:"";position:absolute;width:650px;height:650px;border:120px solid rgba(255,255,255,.08);border-radius:50%;top:-150px;right:-160px}.auth-visual:after{content:"Seu negócio,\A sempre conectado.";white-space:pre;position:absolute;color:#fff;font-size:clamp(38px,5vw,76px);font-weight:800;line-height:1.05;left:12%;top:35%;max-width:700px}.auth-visual span{position:absolute;background:rgba(255,255,255,.12);width:160px;height:160px;border-radius:40px;transform:rotate(28deg);bottom:13%;left:18%}.editor-screen{max-width:780px;margin:auto;box-shadow:var(--shadow)}.editor-header{height:150px;background:linear-gradient(120deg,var(--blue),var(--violet));color:#fff;display:grid;grid-template-columns:50px 1fr 50px;align-items:center;text-align:center;padding:0 24px}.editor-header h1{margin:0;font-size:22px}.editor-header p{margin:6px 0 0;opacity:.8;font-size:13px}.icon-button{background:none;border:0;color:#fff;font-size:38px}.settings{margin-top:-24px;background:#fff;border-radius:24px 24px 0 0;padding:32px}.form-section{margin-bottom:28px}.form-section h2{font-size:15px;margin:0 0 16px}.upload-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:16px}.upload{height:175px;border:1.5px dashed #d8dbe8;border-radius:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;cursor:pointer}.upload:hover{border-color:var(--blue);background:#f9faff}.upload input{display:none}.upload>span{width:90%;height:88px;border-radius:12px;background:#f0f1f6;display:grid;place-items:center;font-size:47px;color:#d7d9e6;background-position:center;background-size:cover}.upload b{font-size:12px;margin-top:8px}.upload small{font-size:10px;color:var(--muted);margin-top:4px}.fields .field-row{display:grid;grid-template-columns:180px 1fr;align-items:start;gap:18px;margin:12px 0}.field-name{display:flex;align-items:center;gap:12px;font-size:12px;padding-top:13px}.field-name i,.action i,.info-card>i{font-style:normal;width:20px;color:#3f5fdc;font-weight:800;font-size:18px}.fields input,.fields textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;outline:0;resize:vertical}.fields input:focus,.fields textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(56,100,233,.08)}.wa{color:#2fb863!important}.insta{color:#da4383!important}.yt{color:#ee2029!important}.fb{color:#3678ec!important}.pix{color:#27a79c!important}.hint{font-size:11px;color:var(--muted);margin-top:-10px}.services-editor{display:flex;gap:8px}.mini-service,.add-service{width:102px;height:86px;border-radius:10px;border:0;background:#eee;background-size:cover;background-position:center;position:relative;overflow:hidden}.mini-service span{position:absolute;inset:auto 0 0;background:rgba(0,0,0,.65);color:#fff;font-size:9px;padding:5px}.add-service{border:1.5px dashed #cfd2df;background:#fff;font-size:28px}.save{margin-top:5px}.public-screen{max-width:680px;margin:auto;box-shadow:var(--shadow)}.hero{height:310px;background:linear-gradient(120deg,rgba(5,9,20,.05),rgba(5,9,20,.45)),url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="900" height="500"%3E%3Crect fill="%23181618" width="900" height="500"/%3E%3Cg fill="none" stroke="%23b78647" stroke-width="15" opacity=".45"%3E%3Ccircle cx="180" cy="360" r="120"/%3E%3Ccircle cx="690" cy="280" r="180"/%3E%3Cpath d="M0 250 Q260 80 500 240 T900 160"/%3E%3C/g%3E%3Cpath d="M450 0 C410 100 500 150 450 290 C430 350 470 390 500 450" stroke="%23e0a531" stroke-width="50" fill="none"/%3E%3C/svg%3E');background-size:cover;background-position:center;position:relative;border-radius:0 0 24px 24px}.share{position:absolute;right:24px;top:24px;width:45px;height:45px;border-radius:50%;border:0;background:#fff;font-size:22px}.business-card{text-align:center;margin-top:-70px;position:relative;padding:0 22px}.logo{margin:auto;width:150px;height:150px;border-radius:50%;background:#fff;border:1px solid #ddd;box-shadow:0 6px 18px rgba(0,0,0,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b52231;overflow:hidden;background-size:cover;background-position:center}.logo span{font-weight:900;font-size:44px;font-style:italic;color:#e7a816}.logo b{font-size:24px;margin-top:-12px}.logo small{font-size:8px;color:#222;font-weight:800}.business-card h1{font-size:28px;margin:20px 0 4px}.business-card h2{font-size:20px;font-weight:500;color:#424555;margin:0}.business-card>p{color:var(--muted);margin:10px}.rating span{display:block;color:#ffc52a;font-size:27px;letter-spacing:3px}.rating small{font-size:13px;color:#454958}.public-content{padding:30px 24px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action{min-height:72px;border:1px solid #dfe2ef;border-radius:12px;display:flex;align-items:center;gap:15px;padding:16px;color:#3452c7;background:#fff;text-decoration:none;text-align:left}.action:hover{border-color:#6478dc;transform:translateY(-2px);box-shadow:0 6px 16px rgba(50,68,150,.1)}.action i{font-size:25px}.action b{font-size:14px}.action small{display:block;font-weight:400;margin-top:3px}.info-card{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;margin-top:16px;padding:18px;text-decoration:none;color:var(--ink);box-shadow:0 3px 10px rgba(20,30,70,.04)}.info-card p,.info-card span{font-size:13px;line-height:1.55;margin:0}.info-card>b{margin-left:auto;color:var(--blue);font-size:30px}.services{margin-top:36px}.services h2{font-size:20px}.service-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.service-row article{text-align:center;font-size:11px}.service-photo{aspect-ratio:1;border-radius:11px;background-size:cover;background-position:center;margin-bottom:9px}.oil{background-image:linear-gradient(145deg,#070708,#30343a 55%,#d99b3e)}.filter{background-image:radial-gradient(circle at center,#15191d 0 20%,#78808a 21% 29%,#111 30% 52%,#43464a 53%)}.air{background-image:repeating-linear-gradient(110deg,#c8c2ad 0 7px,#47423a 8px 12px)}.check{background-image:linear-gradient(35deg,#111 30%,#555 31% 50%,#d89d3c 51% 57%,#191919 58%)}footer{background:linear-gradient(120deg,var(--blue),var(--violet));color:#fff;text-align:center;padding:28px;position:relative}footer span,footer strong{display:block;font-size:12px;margin:6px}.edit-floating{position:absolute;right:14px;top:18px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);border-radius:8px;color:#fff;padding:8px 10px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,100px);background:#171925;color:#fff;border-radius:10px;padding:12px 18px;opacity:0;transition:.3s;z-index:5}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:800px){.auth-screen.active{display:block}.auth-content{min-height:100vh;padding:60px 24px}.auth-visual{display:none}.brand-mark{width:58px;height:58px}.brand small{font-size:17px}.brand strong{font-size:34px}.tagline{margin:24px 0}.editor-screen,.public-screen{max-width:none}.fields .field-row{grid-template-columns:1fr;gap:6px}.field-name{padding-top:0}.editor-header{height:130px}.settings{padding:25px 18px}.upload-grid{grid-template-columns:1fr 1.35fr}.hero{height:230px}.business-card{margin-top:-58px}.logo{width:120px;height:120px}.public-content{padding:24px 15px}.action{padding:13px 10px;gap:8px}.service-row{overflow-x:auto;grid-template-columns:repeat(4,110px);padding-bottom:8px}.edit-floating{position:static;margin-top:10px}}
@media(max-width:390px){.auth-card{padding:22px 17px}.action-grid{grid-template-columns:1fr}.upload-grid{grid-template-columns:1fr}.upload{height:150px}.services-editor{overflow-x:auto}}
.theme-settings{border-top:1px solid var(--line);padding-top:25px}.theme-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.theme-heading h2{margin-bottom:12px}.theme-heading output{font-size:12px;font-weight:700;color:#596070;background:var(--soft);border-radius:8px;padding:8px 10px}.color-picker-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.custom-color{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer}.custom-color input{width:32px;height:32px;padding:0;border:0;border-radius:7px;background:none;cursor:pointer}.custom-color input::-webkit-color-swatch-wrapper{padding:0}.custom-color input::-webkit-color-swatch{border:0;border-radius:7px}.color-presets{display:flex;gap:9px}.color-presets button{width:32px;height:32px;border:3px solid #fff;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #d9dce7}.color-presets button.selected{box-shadow:0 0 0 2px var(--swatch);transform:scale(.88)}.theme-preview{--preview-color:#3864e9;height:76px;margin-top:16px;border-radius:12px;background:linear-gradient(125deg,var(--preview-color),color-mix(in srgb,var(--preview-color),white 28%));display:flex;align-items:center;padding:16px;gap:8px;color:#fff;overflow:hidden}.theme-preview>span{width:24px;height:24px;border:2px solid rgba(255,255,255,.8);border-radius:50%}.theme-preview>span+span{width:42px;border-radius:7px}.theme-preview b{font-size:12px;margin-left:4px}.theme-preview button{margin-left:auto;border:1px solid rgba(255,255,255,.65);color:var(--preview-color);background:#fff;border-radius:7px;padding:7px 13px;font-size:11px;font-weight:700}.public-screen{--public-color:#3864e9}.public-screen .action{color:var(--public-color)}.public-screen .action:hover{border-color:var(--public-color)}.public-screen .info-card>b,.public-screen .info-card>i{color:var(--public-color)}.public-screen footer{background:linear-gradient(120deg,var(--public-color),color-mix(in srgb,var(--public-color),white 24%))}
@media(max-width:500px){.theme-heading{align-items:center}.color-picker-row{align-items:flex-start;flex-direction:column}.theme-preview b{display:none}}
.public-screen .action>i:not(.wa):not(.insta):not(.yt):not(.fb):not(.pix){color:var(--public-color)}
[hidden]{display:none!important}.hero{background-image:linear-gradient(135deg,#1f2937,#596579)}.service-photo:not([style]){background:linear-gradient(135deg,#eef0f5,#dfe3eb)}.primary:disabled{opacity:.65;cursor:wait;transform:none}
.brand small{font-size:11px;letter-spacing:2px;font-weight:700;color:#53596b}.link-button{min-height:44px;padding:8px 10px;touch-action:manipulation}.remove-service{position:absolute;z-index:2;right:5px;top:5px;width:24px;height:24px;border:0;border-radius:50%;background:rgba(17,20,30,.8);color:#fff;font-size:17px;line-height:1}.service-modal{width:min(92vw,480px);border:0;border-radius:22px;padding:0;box-shadow:0 24px 80px rgba(15,20,45,.28)}.service-modal::backdrop{background:rgba(18,23,38,.62);backdrop-filter:blur(4px)}.service-modal form{padding:25px}.modal-header{display:flex;align-items:start;justify-content:space-between;margin-bottom:22px}.modal-header small{color:var(--blue);font-weight:700}.modal-header h2{margin:4px 0 0;font-size:21px}.modal-close{width:38px;height:38px;border:0;border-radius:50%;background:var(--soft);font-size:25px;color:#5f6575}.modal-field{display:grid;gap:8px;font-size:12px;font-weight:700}.modal-field input{height:48px;border:1px solid var(--line);border-radius:10px;padding:0 13px;outline:0}.modal-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(56,100,233,.1)}.service-image-picker{display:block;margin-top:16px;cursor:pointer}.service-image-picker input{display:none}.service-image-picker span{height:190px;border:1.5px dashed #cfd3e2;border-radius:14px;background:#f8f9fc;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#52586a}.service-image-picker b{font-size:32px;color:var(--blue)}.service-image-picker strong{font-size:13px;margin:5px}.service-image-picker small{font-size:10px;color:#838899}.compression-note{font-size:10px;color:#777d8e;margin:10px 0 20px}.modal-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px}.modal-actions .primary{height:48px}.secondary{height:48px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#555b6c;font-weight:700}@media(max-width:500px){.service-modal{width:calc(100vw - 24px);max-height:90vh}.service-modal form{padding:20px}.service-image-picker span{height:160px}}

.profile-form-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:12px;margin-top:5px}.profile-form-actions .save{margin:0}.preview-profile{height:54px}.message-modal{width:min(90vw,420px);border:0;border-radius:22px;padding:0;box-shadow:0 24px 80px rgba(15,20,45,.3)}.message-modal::backdrop{background:rgba(18,23,38,.62);backdrop-filter:blur(4px)}.message-modal-content{padding:30px;text-align:center}.message-modal-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:#fff1f0;color:#d9473f;font-size:26px;font-weight:800}.message-modal[data-type="success"] .message-modal-icon{background:#e9f8f1;color:#159568}.message-modal[data-type="info"] .message-modal-icon{background:#edf2ff;color:var(--blue)}.message-modal h2{margin:0 0 10px;font-size:21px}.message-modal p{margin:0 0 24px;color:var(--muted);line-height:1.55;white-space:pre-line}.message-modal .primary{height:48px}@media(max-width:500px){.profile-form-actions{grid-template-columns:1fr}.profile-form-actions .preview-profile{order:2}}

.fields .field-row{grid-template-columns:180px 1fr auto}.visibility-toggle{align-self:center;display:inline-flex;cursor:pointer}.visibility-toggle input{position:absolute;opacity:0;pointer-events:none}.visibility-toggle>span{width:42px;height:24px;border-radius:999px;background:#c9cedb;position:relative;transition:.2s}.visibility-toggle>span:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(20,25,45,.25);transition:.2s}.visibility-toggle input:checked+span{background:var(--blue)}.visibility-toggle input:checked+span:after{transform:translateX(18px)}.visibility-toggle input:focus-visible+span{outline:3px solid rgba(56,100,233,.2);outline-offset:2px}@media(max-width:800px){.fields .field-row{grid-template-columns:1fr auto}.fields .field-name{grid-column:1/-1}.fields input,.fields textarea{grid-column:1}.fields .visibility-toggle{grid-column:2;grid-row:2}}

.field-internal-note{align-self:center;color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}.field-row-internal .field-internal-note{padding:0 4px}@media(max-width:800px){.field-row-internal .field-internal-note{grid-column:2;grid-row:2}}

@media(max-width:800px){html,body,main{width:100%;max-width:100%;overflow-x:hidden}.editor-screen.active,.public-screen.active{width:100%;max-width:100vw;margin:0}.settings{width:100%;min-width:0}.fields .field-row,.fields input,.fields textarea{min-width:0}}