:root{--brand:#1458d4;--brand-dark:#0b2e72;--accent:#16a36a;--ink:#172033;--muted:#667085;--surface:#fff;--bg:#f4f7fb;--line:#e4e9f2;--radius:18px;--shadow:0 10px 30px rgba(20,48,92,.09)}
*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);min-height:100vh;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px}main{flex:1}.app-main{padding-top:2rem}.skip-link{position:fixed;left:1rem;top:-5rem;background:#fff;padding:.8rem 1rem;z-index:2000}.skip-link:focus{top:1rem}.app-navbar{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 3px 16px rgba(25,40,70,.05);min-height:72px;backdrop-filter:blur(12px)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--brand),#3285ff)}.navbar-brand{color:var(--brand-dark)!important}.nav-link{font-weight:600;color:#475467!important;border-radius:10px;padding:.65rem .8rem!important}.nav-link:hover,.nav-link:focus{background:#edf4ff;color:var(--brand)!important}.navbar .btn-primary{color:#fff!important}.navbar .btn-primary:hover,.navbar .btn-primary:focus{color:#fff!important}.hero-section{position:relative;overflow:hidden;background:linear-gradient(125deg,#09275f,#1458d4 58%,#2283ef);color:#fff;padding:clamp(2rem,6vw,5rem);border-radius:28px;box-shadow:0 22px 55px rgba(14,65,154,.25)}.hero-section:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-100px;top:-150px;background:rgba(255,255,255,.09)}.hero-section h1{line-height:1.06;letter-spacing:-.035em;margin:.9rem 0 1rem}.hero-section h1 span{color:#8ee7bd}.hero-section .lead{max-width:680px;color:#e8efff}.eyebrow{display:inline-flex;gap:.45rem;align-items:center;padding:.5rem .8rem;border-radius:999px;background:rgba(255,255,255,.13);font-weight:700}.hero-guide{position:relative;z-index:1;background:#fff;color:var(--ink);padding:1.5rem;border-radius:20px;box-shadow:var(--shadow)}.hero-guide>strong{display:block;font-size:1.15rem;margin-bottom:1rem}.hero-guide>div{display:flex;align-items:center;gap:.8rem;padding:.65rem 0}.hero-guide b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf2ff;color:var(--brand)}.btn{border-radius:12px;font-weight:700;min-height:44px;padding:.6rem 1rem}.btn-primary{background:var(--brand);border-color:var(--brand)}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 18px rgba(20,48,92,.055);transition:.2s}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.card-frete{border-left:5px solid var(--brand)}.stats-card{text-align:left;padding:.4rem}.stats-card .card-body{display:grid;grid-template-columns:auto 1fr;column-gap:1rem;align-items:center}.stats-card .icon{grid-row:1/3;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#edf4ff;font-size:1.5rem}.stats-card.text-white .icon{background:rgba(255,255,255,.18);color:#fff}.stats-card.text-dark .icon{background:rgba(255,255,255,.32);color:inherit}.stats-card .number{font-size:1.4rem;font-weight:800;margin:0}.stats-card .label{color:var(--muted);margin:0}.section-kicker{color:var(--brand);font-size:.8rem;text-transform:uppercase;font-weight:800;letter-spacing:.1em}.section-title{font-weight:800;letter-spacing:-.02em;margin:.15rem 0}.form-control,.form-select{min-height:48px;border-radius:12px;border-color:#ccd4e0;font-size:1rem}.form-control:focus,.form-select:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(20,88,212,.12)}label.form-label{font-weight:700}.mobile-action-bar{display:none}
@media(max-width:767px){body{padding-bottom:76px}.app-main{padding-top:1rem}.hero-section{border-radius:20px;padding:1.5rem}.hero-section h1{font-size:2.15rem}.hero-guide{margin-top:.5rem}.stats-card .number{font-size:1.35rem}.mobile-action-bar{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;z-index:1100;background:#fff;border-top:1px solid var(--line);padding:.45rem .25rem max(.45rem,env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(20,48,92,.1)}.mobile-action-bar a{display:flex;flex-direction:column;align-items:center;gap:.1rem;color:#536174;text-decoration:none;font-size:.72rem;font-weight:700}.mobile-action-bar i{font-size:1.25rem;color:var(--brand)}footer{display:none}.row>[class*=col-]{margin-bottom:.8rem}}
.assistant-banner{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.4rem;border-radius:18px;text-decoration:none;color:#fff;background:linear-gradient(120deg,#5935b8,#7c55dc);box-shadow:0 12px 30px rgba(89,53,184,.2)}.assistant-banner>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.16);font-size:1.4rem}.assistant-banner p{margin:.2rem 0 0;color:#eee8ff}.assistant-banner>i{margin-left:auto}.assistant-answer{display:flex;gap:1rem;padding:1rem;border-radius:14px;background:#f2edff;color:#3d2678}.assistant-answer>i{font-size:1.5rem}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.app-footer,.app-footer .text-muted,.app-footer a{color:#fff!important}.app-footer a:hover,.app-footer a:focus{color:#fff!important;text-decoration:underline!important}
.welcome-panel{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.metric-card{height:100%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.2rem;display:grid;grid-template-columns:auto 1fr;gap:.1rem .8rem;align-items:center}.metric-card>i{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#edf4ff;color:var(--brand);font-size:1.25rem}.metric-card strong{font-size:1.5rem;line-height:1}.metric-card span{font-size:.85rem;color:var(--muted)}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.action-card{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.25rem;text-decoration:none;color:var(--ink);box-shadow:0 3px 12px rgba(20,48,92,.04)}.action-card:hover{border-color:#b8cef6;box-shadow:var(--shadow)}.action-card>span{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:15px;background:#edf4ff;color:var(--brand);font-size:1.4rem}.action-card strong{font-size:1.08rem}.action-card p{margin:.2rem 0 0;color:var(--muted);font-size:.9rem}.action-card .arrow{margin-left:auto;color:#98a2b3}@media(max-width:767px){.welcome-panel{align-items:stretch;flex-direction:column}.welcome-panel .btn{width:100%}.action-grid{grid-template-columns:1fr}.action-card{padding:1rem}.metric-card{padding:.9rem}}
.help-hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;padding:clamp(1.5rem,4vw,3rem);border-radius:24px;color:#fff;background:linear-gradient(125deg,#09275f,#1458d4 62%,#2283ef);box-shadow:0 18px 42px rgba(14,65,154,.2)}.help-hero .section-kicker{color:#9dc4ff}.help-hero p{margin:0;color:#e8efff}.help-search{position:relative}.help-search>i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#667085;z-index:2}.help-search .form-control{padding-left:2.8rem;background:#fff}.help-category-nav{display:flex;gap:.65rem;overflow-x:auto;padding:.2rem 0 .6rem}.help-category-nav a{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;padding:.65rem .85rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:700;text-decoration:none}.help-category-nav a:hover{border-color:#a9c4f4;color:var(--brand)}.help-category{scroll-margin-top:90px}.help-category-heading{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.help-category-heading>span{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;background:#eaf2ff;color:var(--brand);font-size:1.3rem}.help-category .accordion-item{border:1px solid var(--line);overflow:hidden}.help-category .accordion-item:first-child{border-radius:14px 14px 0 0}.help-category .accordion-item:last-child{border-radius:0 0 14px 14px}.help-category .accordion-button{font-weight:700}.help-category .accordion-button:not(.collapsed){color:var(--brand-dark);background:#edf4ff;box-shadow:none}.help-cta{display:flex;align-items:center;gap:1rem;padding:1.4rem;border-radius:18px;background:linear-gradient(120deg,#5935b8,#7c55dc);color:#fff}.help-cta>i{font-size:1.7rem}.help-cta .btn{margin-left:auto;white-space:nowrap}@media(max-width:767px){.help-hero{grid-template-columns:1fr;gap:1.2rem}.help-category-nav{margin-left:-.75rem;margin-right:-.75rem;padding-left:.75rem}.help-cta{align-items:flex-start;flex-wrap:wrap}.help-cta .btn{width:100%;margin-left:0}}

.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.wizard-step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.35rem}.wizard-step b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#edf4ff;color:var(--brand)}.wizard-step.done{border-color:#a7f3d0;background:#f0fdf4}.wizard-step.done b{background:#16a36a;color:#fff}.wizard-step span{font-size:.86rem;color:var(--muted)}.route-map{position:relative;display:grid;grid-template-columns:120px 1fr 120px;align-items:center;gap:1rem;min-height:120px;padding:1rem;border-radius:16px;background:linear-gradient(135deg,#eef6ff,#f8fbff);border:1px solid var(--line)}.route-point{background:#fff;border:1px solid var(--line);border-radius:14px;padding:.8rem;text-align:center;box-shadow:0 4px 12px rgba(20,48,92,.05)}.route-point b{display:block;color:var(--brand);font-size:1.2rem}.route-point span{font-size:.82rem;color:var(--muted)}.route-line{height:6px;background:#c7d7f5;border-radius:999px;position:relative}.route-line:before,.route-line:after{content:'';position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--brand);transform:translateY(-50%)}.route-line:before{left:0}.route-line:after{right:0}.route-line i{position:absolute;top:50%;width:22px;height:22px;border-radius:50%;background:#16a36a;border:3px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.18);transform:translate(-50%,-50%)}.tracking-timeline{display:grid;gap:1rem;border-left:3px solid #dbe7fb;padding-left:1rem}.tracking-timeline>div{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.8rem}.tracking-timeline>div:before{content:'';position:absolute;left:-1.45rem;top:1rem;width:.8rem;height:.8rem;border-radius:50%;background:var(--brand)}.tracking-timeline time{display:block;font-size:.78rem;color:var(--muted);margin-bottom:.3rem}.onboarding-step{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem;text-decoration:none;color:var(--ink);height:100%;box-shadow:0 3px 12px rgba(20,48,92,.04)}.onboarding-step>span{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#edf4ff;color:var(--brand);font-size:1.4rem;flex:0 0 50px}.onboarding-step.done{border-color:#a7f3d0;background:#f8fffb}.onboarding-step p{margin:.15rem 0 0;color:var(--muted);font-size:.9rem}@media(max-width:767px){.wizard-steps{grid-template-columns:1fr}.route-map{grid-template-columns:1fr}.route-line{height:70px;width:6px;margin:auto}.route-line:before,.route-line:after{left:50%;right:auto;transform:translate(-50%,-50%)}.route-line:before{top:0}.route-line:after{top:100%}.route-line i{left:50%!important}}