*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Arial,sans-serif;color:#f4fbff;min-height:100vh;background:radial-gradient(circle at 60% 0,#082c63 0,#03162f 30%,#010817 72%);font-size:18px}.topbar{height:150px;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #078dff;background:linear-gradient(135deg,#03152f,#020a1b);box-shadow:0 4px 24px #007cff66}.brand{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-weight:900;text-shadow:0 0 14px #00bfff}.brand img{max-width:260px;max-height:112px}.brand-main{font-size:30px;font-style:italic}.brand-sub{font-size:14px;color:#37d9ff;letter-spacing:1px}.welcome{padding:17px 24px;border:1px solid #159dff;border-radius:18px;background:#041431;box-shadow:inset 0 0 18px #006eff44,0 0 15px #006eff33;font-size:18px}.layout{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:calc(100vh - 150px)}.side{padding:20px 16px;border-right:1px solid #168ee6;background:#020b1ce8}.nav{display:flex;flex-direction:column;gap:15px}.nav .btn{min-height:130px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;border:1px solid #32caff;border-radius:20px;padding:14px 8px;color:#fff;font-weight:900;font-size:17px;text-decoration:none;background:linear-gradient(145deg,#0c3c8f,#061637 65%);box-shadow:inset 0 0 22px #006cff55,0 7px 0 #02122c,0 0 18px #00aaff66;text-shadow:0 2px 3px #000}.nav .btn.active{background:linear-gradient(145deg,#20cfff,#076be0 55%,#052d86);box-shadow:inset 0 0 25px #9ffcff88,0 7px 0 #00397c,0 0 26px #00d9ff}.nav .btn.danger{background:linear-gradient(145deg,#c20c3b,#510019);border-color:#ff4770;box-shadow:inset 0 0 20px #ff174455,0 7px 0 #36000f,0 0 18px #ff174466}.ico{font-size:40px;line-height:1;color:#58dcff;text-shadow:0 0 15px #00bfff}.danger .ico{color:#ff5f7d}.main{padding:34px 30px 70px;min-width:0}.title{font-size:34px;font-weight:900;text-shadow:0 0 15px #00bfff;margin:0 0 20px}.panel{margin-top:18px;padding:26px;border:1px solid #159dff;border-radius:24px;background:linear-gradient(145deg,#031a38dd,#020c1ddd);box-shadow:inset 0 0 30px #006cff22,0 0 24px #0077ff44}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.field{margin:15px 0}.field label{display:block;font-weight:900;margin-bottom:9px;color:#dff8ff}.field input,.field select{width:100%;min-height:58px;padding:14px 16px;border-radius:15px;border:1px solid #159dff;background:#020b19;color:#fff;outline:none;font-size:18px;box-shadow:inset 0 0 15px #006cff33}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #4dd7ff;border-radius:15px;padding:14px 20px;color:#fff;font-weight:900;text-decoration:none;cursor:pointer;background:linear-gradient(#18bfff,#0062cc 55%,#003a86);box-shadow:0 6px 0 #002d68,0 0 18px #00aaff88;text-shadow:0 2px 3px #00152d}.btn.danger{background:linear-gradient(#ff4968,#a6002e);box-shadow:0 6px 0 #5c0019,0 0 15px #ff174466}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.table{width:100%;border-collapse:collapse;margin-top:18px}.table th,.table td{border-bottom:1px solid #14578a;padding:12px;text-align:left}.muted{color:#9bc9e9}.ok{padding:12px;border:1px solid #16d7ff;background:#063d55;border-radius:12px;margin:10px 0}
@media(max-width:900px){.topbar{height:120px;padding:14px 16px}.brand img{max-width:190px;max-height:85px}.brand-main{font-size:22px}.brand-sub{font-size:11px}.welcome{font-size:14px;padding:12px}.layout{grid-template-columns:132px minmax(0,1fr);min-height:calc(100vh - 120px)}.side{padding:14px 8px}.nav{gap:11px}.nav .btn{min-height:105px;border-radius:17px;font-size:13px;padding:9px 4px;line-height:1.12}.ico{font-size:31px}.main{padding:24px 14px 50px}.title{font-size:28px}.panel{padding:18px 14px;border-radius:20px}.grid,.grid4{grid-template-columns:1fr}.field{margin:17px 0}.field label{font-size:17px}.field input,.field select{min-height:56px;font-size:17px}.actions{display:grid;grid-template-columns:1fr;gap:12px}.actions .btn{width:100%;min-height:55px}.table{display:block;overflow-x:auto;font-size:15px}.muted{font-size:15px;line-height:1.5}}
@media(max-width:480px){.topbar{height:105px;padding:10px}.brand{max-width:150px}.brand-main{font-size:19px}.brand-sub{font-size:9px}.welcome{font-size:12px;padding:10px 8px}.layout{grid-template-columns:112px minmax(0,1fr);min-height:calc(100vh - 105px)}.side{padding:10px 6px}.nav .btn{min-height:92px;font-size:11px;border-radius:14px}.ico{font-size:27px}.main{padding:20px 10px 45px}.title{font-size:25px}.panel{padding:16px 10px}.field label{font-size:16px}.field input,.field select{font-size:16px;padding:13px 11px}.btn{font-size:15px;padding:13px 10px}}

/* V6 - MENU LATERAL MOBILE FIXO/ESCADINHA */
@media (max-width:900px){
 body{overflow-x:hidden!important;font-size:16px!important}
 .topbar{position:relative!important;width:100%!important;height:112px!important;padding:10px 12px!important;display:flex!important;flex-direction:row!important;overflow:hidden!important}
 .brand{width:48%!important;min-width:0!important;align-items:flex-start!important}
 .brand img{max-width:100%!important;max-height:86px!important;object-fit:contain!important}
 .welcome{max-width:48%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 .layout{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;width:100%!important;max-width:100vw!important;min-height:calc(100vh - 112px)!important;align-items:start!important}
 .side{display:block!important;position:relative!important;left:0!important;top:0!important;width:118px!important;min-width:118px!important;max-width:118px!important;padding:12px 7px!important;overflow:visible!important;border-right:1px solid #168ee6!important}
 .nav{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;width:104px!important;gap:10px!important;margin:0!important;padding:0!important;overflow:visible!important}
 .nav .btn{display:flex!important;float:none!important;width:104px!important;min-width:104px!important;max-width:104px!important;min-height:88px!important;margin:0!important;padding:8px 3px!important;flex:0 0 auto!important;flex-direction:column!important;white-space:normal!important;font-size:11px!important;line-height:1.08!important;border-radius:14px!important}
 .nav .ico{font-size:28px!important}
 .main{display:block!important;width:auto!important;min-width:0!important;max-width:calc(100vw - 118px)!important;padding:20px 10px 45px!important;overflow:hidden!important}
 .title{font-size:25px!important;overflow-wrap:anywhere!important}
 .panel{width:100%!important;max-width:100%!important;padding:15px 10px!important;overflow:hidden!important}
 .grid,.grid4{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 .field input,.field select{max-width:100%!important;min-width:0!important}
 .actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
 .actions .btn{width:100%!important;min-width:0!important}
}
@media (max-width:480px){
 .layout{grid-template-columns:106px minmax(0,1fr)!important}
 .side{width:106px!important;min-width:106px!important;max-width:106px!important;padding:10px 5px!important}
 .nav{width:96px!important;gap:9px!important}
 .nav .btn{width:96px!important;min-width:96px!important;max-width:96px!important;min-height:84px!important;font-size:10.5px!important}
 .main{max-width:calc(100vw - 106px)!important;padding:18px 8px 40px!important}
}

/* V7 - LOGIN CENTRALIZADO / RESPONSIVO */
body.login{min-height:100vh;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px 16px!important;overflow-x:hidden!important;background:radial-gradient(circle at 50% 0,#0a3977 0,#031b3a 34%,#010817 78%)!important}
body.login .card{width:min(92vw,520px)!important;margin:0 auto!important;padding:28px 24px 32px!important;border:1px solid #25c9ff!important;border-radius:26px!important;background:linear-gradient(145deg,#031b3aee,#020b1ddd)!important;box-shadow:inset 0 0 32px #007cff33,0 0 28px #00aaff66!important}
body.login .logo{width:100%!important;min-height:150px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 0 24px!important;padding:12px!important;border:1px solid #159dff!important;border-radius:20px!important;background:#020c1d!important;box-shadow:inset 0 0 24px #006cff33!important;overflow:hidden!important}
body.login .logo img{display:block!important;max-width:92%!important;max-height:135px!important;width:auto!important;height:auto!important;object-fit:contain!important}
body.login .placeholder{text-align:center!important;font-size:24px!important;font-weight:900!important;color:#eafaff!important;text-shadow:0 0 14px #00bfff!important}
body.login .field{margin:18px 0!important}
body.login .field label{font-size:19px!important;margin-bottom:10px!important}
body.login .field input{width:100%!important;min-height:60px!important;font-size:18px!important;border-radius:16px!important}
body.login .btn{width:100%!important;min-height:62px!important;margin-top:8px!important;font-size:19px!important;border-radius:17px!important}
@media(max-width:480px){body.login{padding:18px 14px!important}body.login .card{width:100%!important;padding:22px 16px 26px!important;border-radius:22px!important}body.login .logo{min-height:125px!important;margin-bottom:20px!important}body.login .logo img{max-height:112px!important}body.login .placeholder{font-size:20px!important}body.login .field label{font-size:18px!important}body.login .field input{min-height:58px!important;font-size:17px!important}body.login .btn{min-height:60px!important;font-size:18px!important}}