*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Roboto,Arial,sans-serif;min-height:100vh;background:#F4F6FA;color:#0B1F3A}a{color:inherit;text-decoration:none}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#1433A8 0,#0A1A6B 35%,#050B1F 75%);color:#fff;position:relative;overflow:hidden;padding:20px}.login-bg:before{content:"";position:absolute;inset:-50%;background-image:linear-gradient(rgba(0,229,255,.12) 1px,transparent 0),linear-gradient(90deg,rgba(0,229,255,.12) 1px,transparent 0);background-size:48px 48px;transform:perspective(500px) rotateX(60deg);animation:gridmove 8s linear infinite;pointer-events:none}@keyframes gridmove{0%{background-position:0 0}to{background-position:0 48px}}.login-card{position:relative;z-index:1;width:380px;max-width:100%;padding:40px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(0,229,255,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 40px rgba(0,229,255,.25)}.login-card h2{margin:24px 0 16px;font-size:18px}.brand-svg{max-width:360px;margin:0 auto 6px;filter:drop-shadow(0 0 10px rgba(0,229,255,.35))}.brand-svg,svg[aria-label^=Viacon]{display:block;width:100%;height:auto}.brand-side{max-width:190px;margin:0 0 4px;filter:none}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:12px;color:#8fa3c0;text-transform:uppercase;letter-spacing:.5px}.field input,.field select,.field textarea{font:inherit;padding:10px 12px;border-radius:8px;border:1px solid #2b3f63;background:#0d1a33;color:#fff}.btn{font:inherit;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:600}.btn-gold{width:100%;background:linear-gradient(90deg,#FFD700,#C9A227);color:#050B1F}.err{color:#ff7b7b;margin-top:10px;min-height:18px}.aviso,.err{font-size:13px}.aviso{background:rgba(255,215,0,.12);border-left:4px solid #ffd700;color:#fff;padding:10px 12px;border-radius:8px;margin-bottom:12px}.hint{font-size:12px;color:#8fa3c0;margin-top:14px}.shell{display:flex;min-height:100vh}aside{width:230px;flex-shrink:0;padding:22px 16px;display:flex;flex-direction:column;gap:6px}main{flex:1 1;padding:26px 30px;min-width:0}.nav-item{padding:11px 14px;border-radius:8px;font-size:14px}.nav-item.disabled{opacity:.5}.muted{opacity:.7;font-size:13px}.h1{font-size:24px;margin-bottom:6px}.card{border-radius:14px;padding:22px;margin-bottom:18px}.gerente aside{background:linear-gradient(180deg,#0B2A5C,#071633);color:#dfe6f2}.gerente .card{background:#fff;box-shadow:0 2px 10px rgba(11,31,58,.06);border-top:3px solid #1433a8}.vendedor{background:radial-gradient(circle at top,#0f2a5c 0,#050B1F 60%);color:#e6f7ff;min-height:100vh}.vendedor aside{background:rgba(5,11,31,.8);border-right:1px solid rgba(0,229,255,.25)}.vendedor .card{background:linear-gradient(160deg,rgba(12,30,72,.85),rgba(5,11,31,.85));border:1px solid rgba(0,229,255,.35);box-shadow:0 0 22px rgba(0,229,255,.12)}.vendedor .h1{color:#00E5FF;text-shadow:0 0 10px rgba(0,229,255,.6)}.neon{color:#00E5FF;text-shadow:0 0 8px rgba(0,229,255,.7)}.gold{color:#FFD700}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:12px;flex-wrap:wrap}.topbar h1{font-size:24px;margin-bottom:4px}.grid-kpi{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:14px;gap:14px}.grid-kpi,.row{display:grid;margin-bottom:18px}.row{grid-gap:18px;gap:18px;grid-template-columns:1.4fr 1fr}@media (max-width:1100px){.row{grid-template-columns:1fr}}.h2{font-size:16px;margin-bottom:12px;font-weight:700}.full{grid-column:1/-1}.empty{text-align:center;padding:30px;opacity:.7}.kpi .l{font-size:12px;text-transform:uppercase;letter-spacing:.5px;opacity:.75}.kpi .v{font-size:24px;font-weight:700;margin-top:4px}.nav-item.active{background:rgba(201,162,39,.18);color:#C9A227}.nav-item.disabled{opacity:.45;cursor:not-allowed}a.nav-item{display:block}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:10px 8px;text-align:left;border-bottom:1px solid rgba(128,128,128,.2);vertical-align:middle}th{text-transform:uppercase;letter-spacing:.4px;opacity:.75}.badge,th{font-size:12px}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-weight:600;white-space:nowrap}.b-pend{background:#fff4d6;color:#8a6100}.b-ok{background:#dff5e7;color:#1d7a43}.b-no{background:#fde2e0;color:#a3291e}.btn:disabled{opacity:.6;cursor:wait}.btn-navy{background:#0B1F3A;color:#fff}.btn-ok{background:#1f9d55;color:#fff}.btn-no{background:#c0392b;color:#fff}.btn-ghost{background:transparent;border:1px solid #c9d3e3;color:inherit}.btn-sm{padding:6px 10px;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 14px;gap:0 14px}@media (max-width:700px){.form-grid{grid-template-columns:1fr}}.form-grid input,.form-grid select,.form-grid textarea{font:inherit}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{background:#fff;border-radius:14px;padding:24px;width:min(720px,100%);max-height:90vh;overflow:auto}.gerente .topbar h1,.modal{color:#0B1F3A}.gerente .kpi{border-left:4px solid #c9a227;background:linear-gradient(135deg,#fff,#eef3ff)}.gerente .kpi .v{color:#0B1F3A}.gerente .podium1{background:linear-gradient(90deg,#fff6d6,#fff)}.gerente .modal{background:#fff;color:#0B1F3A}.vendedor .kpi .v,.vendedor .topbar h1{color:#00E5FF;text-shadow:0 0 10px rgba(0,229,255,.6)}.vendedor .kpi .l{color:#9fb7d9}.vendedor .neon{color:#00E5FF;text-shadow:0 0 8px rgba(0,229,255,.7)}.vendedor .gold{color:#FFD700}.vendedor th{color:#9fb7d9}.vendedor td{border-bottom-color:rgba(0,229,255,.15)}.vendedor input,.vendedor select,.vendedor textarea{background:#0a1a3d;color:#fff;border:1px solid rgba(0,229,255,.35)}.vendedor .btn-gold{box-shadow:0 0 14px rgba(255,215,0,.4)}.vendedor .modal{background:#0a1a3d;color:#e6f7ff}.vendedor .modal input,.vendedor .modal select,.vendedor .modal textarea{background:#06122e;color:#fff}.vendedor .muted{color:#9fb7d9}.vendedor .aviso{color:#fff}.gerente-sidebar{width:250px;padding:24px 16px;background:linear-gradient(180deg,#101f3d,#07152d);border-right:1px solid rgba(255,255,255,.06)}.gerente-sidebar .brand-side{margin-bottom:28px}.sidebar-section-label{color:#8297b8;font-size:10px;font-weight:700;letter-spacing:1.5px;padding:0 12px;margin-bottom:12px}.menu-navegacao{display:flex;flex-direction:column;gap:6px}.gerente .menu-navegacao .nav-item{gap:12px;min-height:46px;padding:10px 12px;border:1px solid transparent;border-radius:10px;color:#b5c4dc;font-size:13px;font-weight:500}.gerente .menu-navegacao .nav-item,.nav-item-icon{display:flex;align-items:center;transition:all .2s ease}.nav-item-icon{justify-content:center;width:22px;color:#91a8ca}.nav-item-label{flex:1 1}.nav-item-arrow{opacity:0;color:#fff;transition:all .2s ease}.gerente .menu-navegacao .nav-item:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(3px)}.gerente .menu-navegacao .nav-item:hover .nav-item-icon{color:#fff}.gerente .menu-navegacao .nav-item:hover .nav-item-arrow{opacity:.7}.gerente .menu-navegacao .nav-item.active{background:linear-gradient(100deg,#174a91,#12366b);color:#fff;border-color:rgba(111,169,255,.25);box-shadow:0 4px 14px rgba(0,0,0,.15)}.gerente .menu-navegacao .nav-item.active .nav-item-icon{color:#7db8ff}.gerente .menu-navegacao .nav-item.active .nav-item-arrow{opacity:1;color:#7db8ff}.sidebar-bottom{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}.gerente-sidebar .sidebar-logout{display:block;padding:12px;color:#aabbd4;border-radius:9px;transition:all .2s ease}.gerente-sidebar .sidebar-logout:hover{background:rgba(255,80,80,.1);color:#ff9292}.sidebar-user{gap:11px;padding:14px 5px 4px}.sidebar-user,.sidebar-user-avatar{display:flex;align-items:center;color:#fff}.sidebar-user-avatar{width:36px;height:36px;border-radius:50%;justify-content:center;background:linear-gradient(135deg,#2464b5,#0d3470);font-weight:700;border:1px solid rgba(255,255,255,.2)}.sidebar-user strong{display:block;font-size:12px}.sidebar-user small{display:block;margin-top:3px;font-size:10px;color:#8297b8}.gerente{min-height:100vh;background:radial-gradient(circle at 80% 0,#17376a 0,transparent 35%),linear-gradient(145deg,#071326,#0b1830 55%,#101f3b);color:#eaf2ff}.gerente>main{background:transparent;color:#eaf2ff;min-width:0}.gerente aside{background:linear-gradient(180deg,#101f3d,#07152d);border-right:1px solid rgba(117,176,255,.15);color:#dfeaff}.gerente .topbar h1,.gerente h1,.gerente h2,.gerente h3{color:#eaf2ff}.gerente .muted,.gerente .texto-secundario{color:#91a7c8}.gerente .card,.gerente .kpi{background:rgba(20,43,77,.82);color:#eaf2ff;border:1px solid rgba(117,176,255,.2);border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.15)}.gerente .kpi{border-left:3px solid #43bfff}.gerente .kpi .v{color:#43bfff}.gerente .kpi .l{color:#91a7c8}.gerente table{color:#eaf2ff}.gerente th{color:#91bce9;border-bottom-color:rgba(117,176,255,.2)}.gerente td{color:#dce9fa;border-bottom-color:rgba(117,176,255,.12)}.gerente input,.gerente select,.gerente textarea{background:#0b1b33;color:#fff;border:1px solid #34547d;border-radius:8px}.gerente input::placeholder,.gerente textarea::placeholder{color:#8297b8}.gerente .btn-navy{background:linear-gradient(100deg,#168cff,#42c8f5);color:#fff}.gerente .btn-ghost{background:rgba(11,27,51,.7);border:1px solid #34547d}.gerente .nav-item.active{background:linear-gradient(100deg,#174a91,#12366b);color:#fff}.gerente .empty{color:#91a7c8}.gerente .modal{background:#0b1b33;color:#eaf2ff;border:1px solid rgba(117,176,255,.2)}.gerente .modal input,.gerente .modal select,.gerente .modal textarea{background:#071326;color:#fff;border-color:#34547d}@media (max-width:700px){.gerente>main{padding:16px}.gerente .card{padding:15px}}.gerente a.btn,.gerente button,.gerente input[type=button],.gerente input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(110deg,#147fe5,#27b8ed);color:#fff;border:1px solid rgba(105,195,255,.35);border-radius:9px;padding:10px 16px;font-weight:800;font-size:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(20,140,255,.15)}.gerente a.btn:hover,.gerente button:hover,.gerente input[type=button]:hover,.gerente input[type=submit]:hover{background:linear-gradient(110deg,#249cff,#45d0ff);transform:translateY(-2px);box-shadow:0 7px 18px rgba(20,140,255,.3)}.gerente a.btn:active,.gerente button:active{transform:scale(.97)}.gerente button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.gerente a:not(.nav-item):not(.btn){color:#65c9ff;transition:color .2s ease}.gerente a:not(.nav-item):not(.btn):hover{color:#a5e5ff}.gerente .btn-ghost{background:rgba(18,48,83,.8);border:1px solid #41658f;color:#dce9fa}.gerente .btn-ghost:hover{background:#1c4775;color:#fff}.gerente a:focus-visible,.gerente button:focus-visible,.gerente input:focus-visible,.gerente select:focus-visible{outline:2px solid #43bfff;outline-offset:3px}.gerente input,.gerente select,.gerente textarea{transition:border-color .2s ease,box-shadow .2s ease}.gerente input:focus,.gerente select:focus,.gerente textarea:focus{border-color:#43bfff;box-shadow:0 0 0 3px rgba(67,191,255,.12)}a.btn,button,input[type=button],input[type=submit]{font-family:inherit;font-size:13px;font-weight:600;border-radius:9px;padding:10px 17px;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}a.btn:hover,button:hover:not(:disabled),input[type=button]:hover,input[type=submit]:hover{transform:translateY(-1px)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.gerente a.btn,.gerente button:not(.btn-ok):not(.btn-no):not(.btn-gold){background:linear-gradient(135deg,#1769c2,#2498e8);color:#fff;border:1px solid rgba(115,190,255,.25);box-shadow:0 3px 10px rgba(20,105,194,.15)}.gerente a.btn:hover,.gerente button:not(:disabled):not(.btn-ok):not(.btn-no):not(.btn-gold):hover{background:linear-gradient(135deg,#2384e8,#35b4f2);box-shadow:0 5px 14px rgba(20,105,194,.25)}.vendedor a.btn,.vendedor button:not(.btn-gold):not(.btn-ok):not(.btn-no){background:linear-gradient(135deg,#087dbb,#00a9d6);color:#fff;border:1px solid rgba(0,229,255,.25);box-shadow:0 3px 12px rgba(0,169,214,.16)}.vendedor a.btn:hover,.vendedor button:not(:disabled):not(.btn-gold):not(.btn-ok):not(.btn-no):hover{background:linear-gradient(135deg,#099bdc,#16c5e8);box-shadow:0 5px 16px rgba(0,169,214,.28)}.btn-ghost,.btn-secondary{background:transparent!important;color:inherit!important;border:1px solid #7890ad!important;box-shadow:none!important}.btn-ghost:hover,.btn-secondary:hover{background:rgba(120,160,210,.12)!important}.btn-ok{background:#168653!important;border:1px solid #168653!important}.btn-no,.btn-ok{color:#fff!important}.btn-no{background:#bd4141!important;border:1px solid #bd4141!important}a:focus-visible,button:focus-visible{outline:2px solid #38bdf8;outline-offset:3px}.vendedor-premium{min-height:100vh;background:radial-gradient(ellipse at 15% 0,rgba(0,145,255,.18),transparent 38%),radial-gradient(ellipse at 90% 90%,rgba(0,229,255,.09),transparent 35%),linear-gradient(145deg,#050b1f,#071633 55%,#061126);color:#e8f6ff}.vendedor-premium .vendedor-sidebar{width:255px;min-height:100vh;flex-shrink:0;display:flex;flex-direction:column;padding:25px 16px 18px;background:linear-gradient(180deg,rgba(4,13,35,.98),rgba(3,9,25,.98));border-right:1px solid rgba(0,229,255,.22);box-shadow:8px 0 35px rgba(0,0,0,.2)}.vendedor-premium .brand-side{margin-bottom:28px;filter:drop-shadow(0 0 12px rgba(0,229,255,.22))}.vendedor-sidebar-label{color:#5c91b9;font-size:10px;font-weight:800;letter-spacing:1.8px;padding:0 12px;margin-bottom:14px}.vendedor-premium .menu-navegacao{display:flex;flex-direction:column;gap:8px}.vendedor-premium .menu-navegacao .nav-item{display:flex;align-items:center;gap:12px;min-height:47px;padding:11px 13px;border:1px solid transparent;border-radius:11px;color:#9bb5d3;font-size:13px;font-weight:600;transition:all .22s ease;cursor:pointer}.vendedor-premium .menu-navegacao .nav-item:hover{color:#fff;background:rgba(0,195,255,.09);border-color:rgba(0,229,255,.2);box-shadow:0 0 18px rgba(0,229,255,.09);transform:translateX(4px)}.vendedor-premium .menu-navegacao .nav-item.active{color:#fff;background:linear-gradient(100deg,rgba(0,145,255,.25),rgba(0,229,255,.09));border-color:rgba(0,229,255,.42);box-shadow:inset 3px 0 0 #00e5ff,0 0 20px rgba(0,195,255,.12)}.vendedor-premium .nav-item-icon{color:#00cfff;transition:all .2s ease}.vendedor-premium .menu-navegacao .nav-item.active .nav-item-icon,.vendedor-premium .menu-navegacao .nav-item:hover .nav-item-icon{color:#00e5ff;filter:drop-shadow(0 0 6px rgba(0,229,255,.7))}.vendedor-premium .vendedor-sidebar-bottom{margin-top:auto;padding-top:18px;border-top:1px solid rgba(0,229,255,.16)}.vendedor-premium .vendedor-user{display:flex;align-items:center;gap:11px;padding:10px 4px 16px}.vendedor-premium .vendedor-avatar{width:39px;height:39px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#087dbb,#00cfff);color:#fff;font-weight:800;box-shadow:0 0 15px rgba(0,229,255,.3)}.vendedor-premium .vendedor-user-info strong{display:block;color:#fff;font-size:12px}.vendedor-premium .vendedor-user-info span{display:block;color:#6f9abb;font-size:10px;margin-top:4px}.vendedor-premium .vendedor-logout{display:block;padding:11px 12px;border-radius:9px;color:#8ba6c4;font-size:12px;transition:all .2s ease}.vendedor-premium .vendedor-logout:hover{color:#ff9292;background:rgba(255,80,80,.09)}.vendedor-premium .vendedor-main{flex:1 1;min-width:0;padding:28px 30px}.vendedor-premium .card{border:1px solid rgba(0,229,255,.2);background:linear-gradient(145deg,rgba(13,34,75,.92),rgba(5,15,38,.96));box-shadow:0 8px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .25s ease,box-shadow .25s ease}.vendedor-premium .card:hover{border-color:rgba(0,229,255,.32)}.vendedor-premium .topbar h1{color:#fff;text-shadow:0 0 18px rgba(0,229,255,.3)}.vendedor-premium .kpi .v,.vendedor-premium .neon{color:#00e5ff;text-shadow:0 0 14px rgba(0,229,255,.4)}.vendedor-premium button{border-radius:9px;letter-spacing:.1px}.vendedor-premium button:not(:disabled):hover{filter:brightness(1.12)}.vendedor-premium input,.vendedor-premium select,.vendedor-premium textarea{border-radius:9px;background:#071a38;border-color:rgba(0,229,255,.28);color:#fff}.vendedor-premium input:focus,.vendedor-premium select:focus,.vendedor-premium textarea:focus{outline:none;border-color:#00e5ff;box-shadow:0 0 0 3px rgba(0,229,255,.12)}@media (max-width:800px){.vendedor-premium .vendedor-sidebar{width:190px;padding:18px 10px}.vendedor-premium .vendedor-main{padding:18px 14px}}