*{box-sizing:border-box}body{margin:0;background:#09090b;color:#f4f4f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.app{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}aside{background:#0e0e11;border-right:1px solid #27272a;padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:12px;padding:0 8px 26px}.logo .mark{width:44px;height:44px;border-radius:12px;background:#d71920;display:grid;place-items:center;font-weight:900;box-shadow:0 0 30px #d7192055}.logo span{display:block;color:#ef4444;font-size:12px;letter-spacing:2px}.logo b{letter-spacing:1px}nav{display:flex;flex-direction:column;gap:6px;padding-right:3px;overflow:visible}nav button,.asideBottom button{background:transparent;border:0;color:#b9b9c0;padding:11px 12px;border-radius:10px;display:flex;gap:10px;align-items:center;cursor:pointer;text-align:left}nav button:hover,nav button.active{background:#d71920;color:#fff}.asideBottom{margin-top:auto;border-top:1px solid #27272a;padding-top:14px}.asideBottom span{display:block;color:#777;font-size:12px;padding:8px 12px}main{padding:28px 32px;overflow:hidden}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{margin:0;font-size:28px}header p{margin:6px 0 0;color:#929299}.cards{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;margin-bottom:18px}.card,.panel{background:#111114;border:1px solid #27272a;border-radius:16px}.card{padding:18px}.card span{color:#97979f;font-size:13px}.card strong{display:block;font-size:24px;margin-top:9px}.panel{padding:20px;margin-bottom:20px;box-shadow:0 10px 30px #0004}.panelHead{display:flex;justify-content:space-between;align-items:center;gap:16px}.panel h3{margin:0 0 16px}.primary,.secondary,.whatsapp{border:0;color:#fff;border-radius:10px;padding:10px 14px;font-weight:700;display:inline-flex;gap:7px;align-items:center;cursor:pointer}.primary{background:#d71920}.primary:hover{background:#ef2330}.secondary{background:#27272a}.whatsapp{background:#147a3f;padding:7px 10px}.primary:disabled{opacity:.55;cursor:not-allowed}.formGrid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin:8px 0 18px}.formGrid.two{grid-template-columns:repeat(2,minmax(180px,280px))}.formGrid input,.formGrid select,.dateInput,.login input,.formGrid label{background:#0a0a0d;color:#fff;border:1px solid #34343a;border-radius:10px;padding:11px 12px;outline:none}.formGrid label{display:flex;gap:10px;align-items:center;color:#aaa}.formGrid label input{border:0;padding:0;flex:1}.formGrid input:focus,.formGrid select:focus,.dateInput:focus,.login input:focus{border-color:#d71920;box-shadow:0 0 0 3px #d7192022}.tableWrap{overflow:auto;border:1px solid #26262b;border-radius:12px}table{width:100%;border-collapse:collapse;min-width:820px}th,td{padding:12px 14px;border-bottom:1px solid #242429;text-align:left;font-size:14px;vertical-align:middle}th{color:#a1a1aa;background:#0c0c0f;position:sticky;top:0}tbody tr:hover{background:#151519}.hint{color:#888;font-size:13px}.file{display:flex;gap:8px;align-items:center;background:#1a1a1e;border:1px dashed #555;border-radius:10px;padding:10px 12px;color:#ccc;cursor:pointer}.file input{display:none}.roleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.roleGrid div{border:1px solid #2e2e34;border-radius:12px;padding:16px;background:#0c0c0f}.roleGrid b{color:#ef4444}.roleGrid p{color:#aaa;margin-bottom:0}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at center,#2a080b 0,#08080a 50%)}.login form{width:min(410px,92vw);background:#111114;border:1px solid #2b2b30;border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:12px}.brand{display:flex;gap:10px;align-items:center;color:#ef4444;font-weight:900;font-size:20px}.login h2{margin:14px 0}.login button{background:#d71920;color:#fff;border:0;padding:12px;border-radius:10px;font-weight:800}.login small{color:#777;line-height:1.4}.error{background:#3a0c10;border:1px solid #7f1d1d;padding:10px;border-radius:9px;color:#fecaca}.actions{display:flex;gap:6px}.actions button,.modalHead button{border:1px solid #34343a;background:#18181b;color:#ddd;border-radius:8px;padding:7px;cursor:pointer;display:grid;place-items:center}.actions .danger{color:#ff6b6b}.linkBtn{background:none;color:#ef4444;border:0;cursor:pointer;margin:-7px 0 12px;padding:0}.status{display:inline-block;border:1px solid #3f3f46;background:#18181b;padding:4px 8px;border-radius:999px;font-size:12px;text-transform:capitalize}.status.concluido,.status.confirmado,.status.gerente{border-color:#166534;color:#86efac}.status.cancelado{border-color:#7f1d1d;color:#fca5a5}.status.agendado,.status.administrativo{border-color:#854d0e;color:#fde68a}.status.em_atendimento,.status.em_andamento{border-color:#1e40af;color:#93c5fd}.modalBack{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;display:grid;place-items:center;padding:22px;z-index:50}.modal{background:#111114;border:1px solid #333;border-radius:18px;width:min(980px,96vw);max-height:90vh;overflow:auto;padding:22px}.modalHead{display:flex;justify-content:space-between;align-items:center}.modalHead h3{margin:0 0 18px}.detailGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.detailGrid div,.cashSummary div{background:#0b0b0e;border:1px solid #2c2c31;border-radius:12px;padding:14px}.detailGrid b,.detailGrid span{display:block}.detailGrid span{color:#aaa;margin-top:5px}.serviceDetail{border-top:1px solid #2b2b30;padding:16px 0}.serviceDetail span{display:block;color:#888;font-size:13px;margin-top:4px}.serviceDetail p{color:#bbb}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.gallery img{width:100%;height:120px;object-fit:cover;border-radius:10px;border:1px solid #333}.cashSummary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:10px 0 18px}.cashSummary span,.cashSummary strong{display:block}.cashSummary span{font-size:12px;color:#929299}.cashSummary strong{font-size:20px;margin-top:6px}.inline,.reportBtns{display:flex;gap:8px;align-items:center}aside{max-height:100vh;overflow-y:auto!important;overflow-x:hidden}aside nav{overflow:visible!important;max-height:none!important}@media(max-width:1200px){.cards,.formGrid{grid-template-columns:repeat(2,1fr)}.app{grid-template-columns:220px 1fr}.roleGrid{grid-template-columns:1fr}.detailGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app{display:block}aside{height:auto;position:relative}.logo{padding-bottom:10px}nav{display:grid;grid-template-columns:1fr 1fr;max-height:none}.asideBottom{display:none}main{padding:18px}.cards,.formGrid,.formGrid.two,.detailGrid{grid-template-columns:1fr}.panelHead{align-items:flex-start;flex-direction:column}.inline,.reportBtns{flex-wrap:wrap}}.methodChips{display:flex;flex-wrap:wrap;gap:8px}.methodChips span{display:flex;align-items:center;gap:6px;background:#18181b;border:1px solid #34343a;border-radius:999px;padding:7px 10px}.methodChips button{background:none;border:0;color:#f87171;display:grid;place-items:center;cursor:pointer;padding:0}.loginIntro{margin:-4px 0 6px;color:#a1a1aa}.configCard,.splashCard{width:min(520px,92vw);background:#111114;border:1px solid #2b2b30;border-radius:18px;padding:28px}.configCard p,.splashCard p{color:#a1a1aa;line-height:1.55}.configCard code{background:#09090b;border:1px solid #2b2b30;border-radius:6px;padding:2px 6px;color:#fca5a5}.spinner{width:36px;height:36px;border:3px solid #3f3f46;border-top-color:#ef4444;border-radius:50%;animation:spin .8s linear infinite;margin:28px auto 12px}@keyframes spin{to{transform:rotate(360deg)}}.grauCarLogo{width:180px;max-width:90%;height:auto;object-fit:contain;display:block;margin:0 auto}.logo{display:flex;align-items:center;justify-content:center;padding:18px 10px}.history-form,.service-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.history-form select,.history-form input,.service-form select,.service-form input{width:100%;min-height:48px;height:48px}.services-checklist{max-height:180px;overflow-y:auto;padding:8px;border-radius:12px}.services-checklist label{min-height:38px;display:flex;align-items:center;gap:8px;padding:6px 8px}.history-form>*,.service-form>*{min-height:0}@media(max-width:700px){.history-form,.service-form{grid-template-columns:1fr}}.history-form>select,.service-form>select,.history-form>input,.service-form>input{height:48px!important;min-height:48px!important;align-self:start}.services-checklist{height:auto!important;max-height:220px!important;overflow-y:auto!important;align-self:start}.multi-services{width:100%;align-self:start}.multi-services-title{width:100%;height:48px;min-height:48px;padding:0 16px;border:1px solid #3b4357;border-radius:12px;background:#151b2b;color:#f4f4f5;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:600;box-sizing:border-box}.multi-services-title:hover{border-color:#ef2b2d}.multi-services-title:after{content:"⌄";font-size:18px;margin-left:10px}.multi-services[open] .multi-services-title:after{content:"⌃"}.multi-services .services-checklist{margin-top:8px;width:100%;max-height:220px!important;overflow-y:auto!important;padding:8px;border:1px solid #3b4357;border-radius:12px;background:#151b2b;box-sizing:border-box}.multi-services{width:100%;position:relative;align-self:start;min-height:48px;z-index:20}.services-dropdown{width:100%;position:relative}.services-dropdown summary{width:100%;height:48px;min-height:48px;padding:0 12px;border:1px solid #34343a;border-radius:10px;background:#0a0a0d;color:#fff;display:flex;align-items:center;cursor:pointer;list-style:none;box-sizing:border-box;font:inherit;font-weight:400}.services-dropdown summary::-webkit-details-marker{display:none}.services-dropdown summary:after{content:"⌄";margin-left:auto;font-size:18px;line-height:1;transition:transform .15s ease}.services-dropdown[open] summary{border-color:#d71920;box-shadow:0 0 0 3px #d7192022}.services-dropdown[open] summary:after{transform:rotate(180deg)}.services-dropdown-list{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:1000;max-height:220px;overflow-y:auto;padding:6px;margin:0;border:1px solid #34343a;border-radius:10px;background:#0a0a0d;box-shadow:0 14px 30px #0000008c}.services-dropdown-list .service-check{width:100%;min-height:40px;display:flex;align-items:center;gap:10px;padding:8px 10px;margin:0;border:0;border-radius:7px;background:transparent;color:#fff;cursor:pointer}.services-dropdown-list .service-check:hover{background:#18181b}.services-dropdown-list .service-check input[type=checkbox]{width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px;accent-color:#d71920}.searchBox{display:flex;align-items:center;gap:9px;background:#0a0a0d;border:1px solid #34343a;border-radius:10px;padding:0 12px;margin:8px 0 16px;max-width:620px}.searchBox:focus-within{border-color:#d71920;box-shadow:0 0 0 3px #d7192022}.searchBox input{flex:1;background:transparent;border:0;color:#fff;outline:none;padding:12px 2px;font:inherit}.searchBox button{border:0;background:transparent;color:#aaa;cursor:pointer;display:grid;place-items:center}.filterGrid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto;gap:10px}.filterGrid input{background:#0a0a0d;color:#fff;border:1px solid #34343a;border-radius:10px;padding:11px 12px;outline:none}.filterGrid input:focus{border-color:#d71920;box-shadow:0 0 0 3px #d7192022}.serviceTags{display:flex;gap:6px;flex-wrap:wrap}.serviceTags span{background:#241012;border:1px solid #5c2024;color:#fecaca;border-radius:999px;padding:4px 8px;font-size:12px}@media(max-width:900px){.filterGrid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.filterGrid{grid-template-columns:1fr}}.historyFilters{grid-template-columns:minmax(320px,1fr) 180px auto;align-items:center}.historyFilters .searchBox{width:100%;max-width:none;margin:0;min-width:0}.historyFilters .historyDateFilter{width:180px;min-width:180px;height:44px;margin:0}.historyFilters .historyClearBtn{width:auto;min-width:105px;height:44px;justify-content:center;white-space:nowrap}@media(max-width:900px){.historyFilters{grid-template-columns:minmax(0,1fr) 180px auto}}@media(max-width:700px){.historyFilters{grid-template-columns:1fr}.historyFilters .historyDateFilter,.historyFilters .historyClearBtn{width:100%;min-width:0}}.categoryCreate{display:flex;gap:10px;align-items:center;margin:8px 0 14px;max-width:520px}.categoryCreate input{width:100%;min-height:44px;background:#0a0a0d;color:#fff;border:1px solid #34343a;border-radius:10px;padding:11px 12px;outline:none}.categoryCreate input:focus{border-color:#d71920;box-shadow:0 0 0 3px #d7192022}.categoryChips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.categoryChips span{display:inline-flex;align-items:center;gap:7px;background:#18181b;border:1px solid #34343a;border-radius:999px;padding:8px 11px;font-weight:700}.categoryChips button{border:0;background:transparent;color:#f87171;display:grid;place-items:center;padding:0;cursor:pointer}.fieldHint{min-height:48px;display:flex;align-items:center;padding:8px 11px;border:1px solid #854d0e;border-radius:10px;background:#2a1d08;color:#fde68a;font-size:12px}.serviceTags a{color:#fecaca;text-decoration:none;background:#241012;border:1px solid #5c2024;border-radius:999px;padding:4px 8px;font-size:12px}.serviceTags a:hover{text-decoration:underline}.serviceTags span:has(a){display:inline-flex;align-items:center;gap:5px}.serviceTags span button{border:0;background:transparent;color:#fca5a5;padding:0;display:grid;place-items:center;cursor:pointer}.fileLink{display:flex;min-height:70px;align-items:center;justify-content:center;padding:10px;border:1px solid #34343a;border-radius:10px;color:#fecaca;background:#18181b;text-align:center;word-break:break-word}.publicSite{min-height:100vh;background:#09090b;color:#f4f4f5}.publicHeader{max-width:1180px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #27272a}.publicBrand{display:flex;align-items:center;gap:12px}.publicBrand img{width:58px;height:58px;object-fit:contain;border-radius:12px}.publicBrand b,.publicBrand span{display:block}.publicBrand b{font-size:16px;letter-spacing:.08em}.publicBrand span{font-size:12px;color:#a1a1aa;margin-top:3px}.publicSystemLink{color:#f4f4f5;text-decoration:none;border:1px solid #3f3f46;border-radius:10px;padding:10px 14px;font-weight:700}.publicSystemLink:hover{border-color:#d71920;color:#fff}.publicMain{max-width:1180px;margin:0 auto;padding:54px 24px 70px}.publicHero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:56px;align-items:center;min-height:520px}.publicEyebrow,.publicSectionTitle>span,.publicContact>div>span{color:#ef4444;font-size:12px;font-weight:900;letter-spacing:.18em}.publicHero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;max-width:800px;margin:16px 0 20px}.publicHero p{font-size:18px;line-height:1.7;color:#b4b4bd;max-width:700px}.publicHeroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.publicPrimary,.publicSecondary{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:11px;text-decoration:none;font-weight:800}.publicPrimary{background:#d71920;color:#fff}.publicPrimary:hover{background:#ef2330}.publicSecondary{border:1px solid #3f3f46;color:#fff}.publicHeroLogo{background:radial-gradient(circle,#2a0a0d 0,#111114 58%,#0b0b0d);border:1px solid #2f2f34;border-radius:28px;min-height:390px;display:grid;place-items:center;padding:38px;box-shadow:0 25px 80px #0008}.publicHeroLogo img{width:min(100%,330px);height:auto;object-fit:contain}.publicSection{padding:76px 0;border-top:1px solid #27272a}.publicSectionTitle h2,.publicContact h2{font-size:36px;margin:10px 0 28px}.publicAboutGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.publicAboutGrid article{background:#111114;border:1px solid #2b2b30;border-radius:18px;padding:26px}.publicAboutGrid svg{color:#ef4444}.publicAboutGrid h3{font-size:20px;margin:18px 0 8px}.publicAboutGrid p{color:#a1a1aa;line-height:1.65;margin:0}.publicContact{display:grid;grid-template-columns:1fr minmax(280px,420px);gap:30px;align-items:center;padding:70px 0;border-top:1px solid #27272a}.publicContact p{color:#a1a1aa}.publicContactCard{background:#111114;border:1px solid #2b2b30;border-radius:18px;padding:24px}.publicContactCard b,.publicContactCard a{display:block}.publicContactCard b{color:#a1a1aa;font-size:13px;margin-bottom:8px}.publicContactCard a{font-size:25px;color:#fff;text-decoration:none;font-weight:900}.publicContactCard a:hover{color:#ef4444}.publicFooter{max-width:1180px;margin:0 auto;border-top:1px solid #27272a;padding:24px;display:flex;justify-content:space-between;gap:20px;color:#71717a;font-size:13px}.publicFooter>div{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.publicFooter b{color:#d4d4d8}.publicFooter a{color:#a1a1aa;text-decoration:none}.publicFooter a:hover{color:#fff}.privacyMain{max-width:850px;margin:0 auto;padding:72px 24px 90px}.privacyMain h1{font-size:46px;margin:14px 0 28px}.privacyMain h2{font-size:22px;margin:34px 0 10px}.privacyMain p{color:#b4b4bd;line-height:1.8}.privacyMain a{color:#ef4444}@media(max-width:800px){.publicHeader{padding:15px 18px}.publicBrand img{width:48px;height:48px}.publicBrand span{display:none}.publicSystemLink{padding:9px 11px;font-size:13px}.publicMain{padding:36px 18px 50px}.publicHero{grid-template-columns:1fr;gap:28px;min-height:0}.publicHero h1{font-size:44px}.publicHeroLogo{min-height:280px;order:-1}.publicHeroLogo img{max-height:230px}.publicAboutGrid,.publicContact{grid-template-columns:1fr}.publicSection,.publicContact{padding:54px 0}.publicFooter{padding:22px 18px;flex-direction:column}.privacyMain{padding:50px 18px 70px}.privacyMain h1{font-size:38px}}
