:root{--bg:#07131a;--panel:#0d1d26;--panel2:#10242e;--line:#1c3440;--text:#eff8f7;--muted:#8ca3aa;--accent:#21d4b2;--accent2:#69e4c9;--danger:#ff6b70;--warning:#f6ba4a;--shadow:0 12px 32px rgba(0,0,0,.2)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;font-size:14px}.hidden{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(480px,48%) 1fr}.auth-panel{padding:clamp(32px,6vw,96px);max-width:680px;margin:auto}.brand-mark{width:39px;height:39px;border-radius:11px;background:linear-gradient(135deg,#25d7b8,#129b92);display:grid;place-items:center;color:#031514;font-family:Manrope;font-weight:800;font-size:13px;box-shadow:0 8px 25px #14bba344}.eyebrow{margin:22px 0 7px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.13em}.auth-panel h1{margin:0;font:800 clamp(33px,4vw,54px)/1.08 Manrope}.auth-panel h1 span{color:var(--accent)}.auth-copy{color:var(--muted);font-size:16px;line-height:1.65;max-width:420px}.login-card{width:min(100%,410px);padding:25px;margin-top:34px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);border-radius:18px;box-shadow:var(--shadow)}h2{font:700 25px Manrope;margin:0}.login-card h2{font-size:20px;margin-bottom:17px}label{display:grid;gap:7px;font-size:12px;font-weight:700;color:var(--muted);margin:13px 0}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:9px;color:var(--text);background:var(--bg);padding:11px 12px;outline:0}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #21d4b21c}.primary{border:0;border-radius:9px;background:var(--accent);color:#04221e;padding:11px 15px;font-weight:800;display:inline-flex;gap:10px;align-items:center;justify-content:center}.primary:hover{filter:brightness(1.08)}.full{width:100%;margin-top:8px}.login-help,.test-access{font-size:12px;color:var(--muted);line-height:1.5}.test-access{margin-top:20px}.form-error{min-height:15px;color:var(--danger);font-size:12px;margin:0}.auth-art{overflow:hidden;position:relative;background:radial-gradient(circle at 65% 30%,#1e817573,transparent 27%),linear-gradient(145deg,#0d2a32,#061018)}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:450px;height:450px;top:-170px;right:-90px;background:#21d4b22b}.orb-two{width:340px;height:340px;bottom:-160px;left:-100px;background:#218fd42b}.preview-dashboard{position:absolute;width:min(620px,75%);height:370px;right:9%;top:24%;border:1px solid #3b667080;border-radius:19px;background:#0a1922e8;padding:32px;transform:rotate(-5deg);box-shadow:0 30px 70px #0008}.fake-title{width:35%;height:15px;background:#dff7f136;border-radius:10px}.fake-bars{height:160px;margin:40px 0 20px;display:flex;align-items:end;gap:16px;border-bottom:1px solid #7da39c22}.fake-bars i{width:13%;background:linear-gradient(#31e0c7,#168a83);border-radius:7px 7px 0 0}.fake-bars i:nth-child(1){height:30%}.fake-bars i:nth-child(2){height:48%}.fake-bars i:nth-child(3){height:37%}.fake-bars i:nth-child(4){height:70%}.fake-bars i:nth-child(5){height:90%}.fake-row{height:40px;background:#dff7f10c;border-radius:8px;margin:9px 0}.fake-row.short{width:70%}.preview-card{z-index:2;position:absolute;right:13%;top:16%;display:flex;gap:11px;align-items:center;padding:15px 20px;border:1px solid #52d7c950;background:#102c31ee;border-radius:13px;box-shadow:var(--shadow)}.preview-card b,.preview-card small{display:block}.preview-card small{font-size:11px;color:var(--muted);margin-top:4px}.mini-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#21d4b226;color:var(--accent)}
.app{min-height:100vh;display:flex}.sidebar{position:fixed;z-index:5;top:0;bottom:0;width:248px;padding:23px 14px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:10px;padding:0 8px 28px}.side-brand b,.side-brand small{display:block}.side-brand b{font:700 12px Manrope}.side-brand small{font-size:11px;color:var(--accent)}#mainNav{display:grid;gap:5px}.nav-link{background:transparent;color:var(--muted);border:0;width:100%;text-align:left;padding:11px 12px;border-radius:8px;display:flex;align-items:center;gap:11px;font-weight:600}.nav-link span{font-size:17px;width:19px;text-align:center}.nav-link:hover,.nav-link.active{color:var(--text);background:#16303a}.nav-link.active{box-shadow:inset 3px 0 var(--accent)}.nav-link em{margin-left:auto;font-style:normal;color:var(--accent);font-size:10px}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.content{width:calc(100% - 248px);margin-left:248px;padding:28px clamp(20px,4vw,62px) 60px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.topbar .eyebrow{margin:0 0 4px}.top-actions{display:flex;gap:10px;align-items:center}.avatar{width:39px;height:39px;border:0;border-radius:50%;background:#2a786c;color:#e9fffb;font-weight:800}.mobile-bar{display:none}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:23px}.stat-card,.panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;box-shadow:var(--shadow)}.stat-card{padding:17px;min-height:112px}.stat-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.stat-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#21d4b219;color:var(--accent)}.stat-card strong{display:block;font:800 28px Manrope;margin-top:11px}.stat-card small{color:var(--muted)}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.panel-head h3{font:700 15px Manrope;margin:0}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.secondary,.icon-button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:8px;padding:9px 11px;font-weight:700}.secondary:hover,.icon-button:hover{border-color:var(--accent)}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:640px}.data-table th{text-align:left;color:var(--muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:0 10px 10px}.data-table td{padding:13px 10px;border-top:1px solid var(--line);vertical-align:middle}.item-main{font-weight:700}.item-sub{display:block;color:var(--muted);font-size:11px;margin-top:3px}.badge{font-size:11px;font-weight:700;display:inline-flex;gap:5px;align-items:center;padding:5px 8px;border-radius:20px;background:#21d4b21b;color:var(--accent2);white-space:nowrap}.badge.warning{background:#f6ba4a1c;color:#ffd47c}.badge.danger{background:#ff6b701c;color:#ff969a}.badge.muted{background:#94a8ad1a;color:#b3c5c8}.priority{color:#ffcf72;font-weight:700;font-size:12px}.row-actions{display:flex;gap:5px}.row-actions button{font-size:11px;padding:7px 8px}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}.filters input,.filters select{width:auto;min-width:140px;padding:9px}.empty{padding:36px 15px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--text);font:700 16px Manrope;margin-bottom:5px}.split{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.quick-list{display:grid;gap:9px}.quick-item{padding:11px;border:1px solid var(--line);border-radius:9px;display:flex;justify-content:space-between;gap:15px}.quick-item b,.quick-item span{display:block}.quick-item span{font-size:11px;color:var(--muted);margin-top:3px}.alert{padding:12px;border:1px solid #f6ba4a35;background:#f6ba4a0c;border-radius:9px;color:#ffd47c;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 17px}.form-grid .wide{grid-column:1/-1}textarea{min-height:91px;resize:vertical}.check-row{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;margin:13px 0}.check-row input{width:auto;accent-color:var(--accent)}.file-input{border:1px dashed var(--line);padding:12px;border-radius:9px;color:var(--muted)}.file-list{font-size:12px;color:var(--muted);margin-top:7px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#0008}.modal{background:var(--panel);border:1px solid var(--line);border-radius:15px;width:min(680px,100%);max-height:90vh;overflow:auto;box-shadow:0 28px 90px #000b}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:21px 22px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font:700 19px Manrope}.modal-body{padding:20px 22px}.modal-close{background:transparent;border:0;color:var(--muted);font-size:23px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.detail-box{padding:10px;border-radius:8px;background:var(--bg)}.detail-box small,.detail-box b{display:block}.detail-box small{color:var(--muted);font-size:10px;margin-bottom:4px}.timeline{border-left:1px solid var(--line);margin-left:6px;padding-left:18px}.timeline-item{position:relative;margin:0 0 17px}.timeline-item:before{content:"";position:absolute;left:-23px;top:3px;width:9px;height:9px;background:var(--accent);border-radius:50%}.timeline-item b{font-size:12px}.timeline-item small{display:block;margin-top:4px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.config-card{padding:18px;border:1px solid var(--line);background:var(--panel);border-radius:12px}.config-card h3{font:700 15px Manrope;margin:0 0 6px}.config-card p{font-size:12px;color:var(--muted);line-height:1.5;margin:0 0 15px}.permission-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.permission-list label{margin:0;display:flex;align-items:center;gap:7px;padding:8px;border:1px solid var(--line);border-radius:7px;font-size:12px;color:var(--text);font-weight:500}.permission-list input{width:auto;accent-color:var(--accent)}.toast{position:fixed;right:22px;bottom:22px;background:#173e39;color:#e9fffb;border:1px solid #2b9a8b;padding:12px 16px;border-radius:10px;z-index:40;box-shadow:var(--shadow)}
body.light{--bg:#f4f8f8;--panel:#fff;--panel2:#edf5f4;--line:#d8e5e3;--text:#132421;--muted:#69807c;--shadow:0 10px 25px rgba(15,58,54,.07)}body.light .auth-art{background:radial-gradient(circle at 65% 30%,#31c7b745,transparent 27%),linear-gradient(145deg,#e4f7f4,#eaf0f3)}body.light .preview-dashboard{background:#f8ffffe8}body.light .sidebar{background:#fff}body.light .fake-title{background:#15484140}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-art{display:none}.auth-panel{width:100%;max-width:600px;padding:45px 26px}.content{width:100%;margin-left:0;padding:76px 20px 40px}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-bar{display:flex;position:fixed;z-index:4;top:0;left:0;right:0;height:57px;background:var(--panel);border-bottom:1px solid var(--line);align-items:center;justify-content:space-between;padding:0 15px}.mobile-bar button{border:0;background:transparent;color:var(--text);font-size:20px}.mobile-bar b{font:700 12px Manrope}.topbar{margin-bottom:20px}}
@media(max-width:620px){.cards{grid-template-columns:1fr 1fr;gap:10px}.stat-card{min-height:98px;padding:13px}.stat-card strong{font-size:23px}.top-actions .primary{font-size:12px;padding:9px}.topbar h2{font-size:20px}.avatar{display:none}.form-grid,.detail-grid,.settings-grid,.permission-list{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.panel{padding:15px}.panel-head{align-items:flex-start}.filters input,.filters select{width:100%}.auth-panel h1{font-size:37px}}
.cards{grid-template-columns:repeat(5,1fr)}.stat-button{border:1px solid var(--line);width:100%;text-align:left;color:var(--text);cursor:pointer}.stat-button:hover{border-color:var(--accent);transform:translateY(-1px)}.quick-item{background:var(--panel2);color:var(--text);text-align:left}.quick-item:hover{border-color:var(--accent)}.urgent-item{border-color:#ff6b7060;background:#ff6b7014}.urgent-item:hover{border-color:var(--danger)}.urgent-icon{width:30px;height:30px;border-radius:8px;background:#ff6b7022;color:#ff969a;display:grid;place-items:center}.urgent-item .urgent-status{color:#ff969a;font-weight:800;font-size:11px;letter-spacing:.04em}.date-field{display:flex;gap:7px;align-items:center}.date-field input{min-width:0}.date-clear{flex:0 0 auto;padding:10px 11px;color:var(--muted)}
.nav-caption{margin:18px 12px 5px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.12em}.date-field input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:1;cursor:pointer}body.light .date-field input[type="date"]::-webkit-calendar-picker-indicator{filter:none}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}}
.auth-shell{min-height:100vh;grid-template-columns:minmax(510px,44%) 1fr;background:#123f70}.auth-panel{width:100%;max-width:none;margin:0;padding:clamp(44px,6vw,96px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#123f70 0%,#164a80 100%);box-shadow:18px 0 50px #061b3426;z-index:1}.corporate-header{display:flex;align-items:center;gap:13px;margin:0 0 31px}.corporate-symbol{width:56px;height:56px;display:grid;place-items:center;padding:7px;background:#0e3764;border:1px solid #f7ca17;overflow:visible}.corporate-symbol svg{display:block;width:100%;height:100%}.corporate-name{display:grid;color:#fff;font:800 25px/1 Manrope;letter-spacing:.015em}.corporate-name b{font-weight:800}.corporate-name small{margin-top:5px;color:#ffcf1a;font:600 11px/1 "DM Sans";letter-spacing:.01em}.auth-panel .eyebrow{margin:0 0 12px;color:#ffcf1a;font-size:10px;letter-spacing:.15em}.auth-panel h1{max-width:460px;font-size:clamp(38px,4vw,59px);letter-spacing:-.035em}.auth-panel h1 span{color:#ffcf1a}.auth-panel .auth-copy{max-width:410px;margin:16px 0 0;font-size:16px;line-height:1.65;color:#e2edf7}.auth-panel .login-card{width:min(100%,430px);margin-top:33px;padding:27px 26px;border:0;border-radius:15px;background:#f6f9fd;box-shadow:0 18px 35px #06254744}.auth-panel .login-card h2{color:#123f70;font-size:21px}.auth-panel .login-card label{margin:14px 0;color:#41678c}.auth-panel .login-card input{padding:12px;border-color:#bbcee1;border-radius:9px}.auth-panel .login-card input:focus{border-color:#174a7e;box-shadow:0 0 0 3px #fbcf2436}.auth-panel .login-card .primary{margin-top:10px;min-height:46px;background:#ffcb17;color:#123f70;border-radius:9px}.auth-panel .login-help{margin-bottom:0;text-align:center}.auth-panel .test-access{color:#b9d1e5;margin-top:20px}.auth-art{display:block;position:relative;background-image:linear-gradient(90deg,rgba(18,63,112,.15),rgba(3,17,32,.13)),url("hero-laminacao.png");background-size:cover;background-position:center}.auth-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(4,21,37,.48))}.auth-art .preview-dashboard,.auth-art .preview-card{display:none}
@media(max-width:1000px){.auth-shell{display:block;background:#123f70}.auth-art{display:none}.auth-panel{min-height:100vh;padding:44px 54px;justify-content:flex-start}.corporate-header{margin-bottom:28px}}@media(max-width:620px){.auth-panel{padding:28px 28px 42px}.corporate-header{gap:10px;margin-bottom:26px}.corporate-symbol{width:48px;height:48px;padding:6px}.corporate-name{font-size:21px}.corporate-name small{font-size:10px}.auth-panel h1{font-size:42px;line-height:1.1}.auth-panel .auth-copy{font-size:15px}.auth-panel .login-card{margin-top:28px;padding:23px 20px}.auth-panel .test-access{font-size:11px}}
.corporate-logo{display:flex;align-items:center;gap:10px;color:#fff;font:800 20px Manrope;letter-spacing:.02em}.corporate-mark{width:37px;height:37px;display:grid;place-items:center;background:#ffcd16;color:#164575;font:800 20px Manrope}.auth-shell{background:#123f70}.auth-panel{position:relative;background:#0d3968;color:#fff}.auth-panel .eyebrow{color:#ffce18}.auth-panel h1 span{color:#ffce18}.auth-panel .auth-copy{color:#d6e4f1}.auth-panel .login-card{background:#f8fbff;border-color:#b9cde0;color:#163e6b}.auth-panel .login-card label{color:#47698c}.auth-panel .login-card input{background:#fff;border-color:#c3d4e4;color:#153c67}.auth-panel .login-help,.auth-panel .test-access{color:#557393}.auth-panel .primary{background:#ffcd16;color:#153f70}.auth-art{background-image:linear-gradient(90deg,rgba(11,48,85,.28),rgba(6,24,45,.06)),url("hero-laminacao.png");background-size:cover;background-position:center}.auth-art .preview-dashboard,.auth-art .preview-card{display:none}
.corporate-header{display:flex;align-items:center;gap:11px;margin-bottom:24px}.corporate-symbol{width:46px;height:46px;overflow:hidden;display:block;position:relative;background:#fff}.corporate-symbol img{position:absolute;width:137px;max-width:none;height:auto;left:-45px;top:-16px}.corporate-name{display:grid;color:#fff;font:800 20px/1 Manrope;letter-spacing:.02em}.corporate-name small{margin-top:5px;color:#ffd430;font:600 9px/1.2 "DM Sans";letter-spacing:.03em}.auth-shell{background:#123f70}.auth-panel{position:relative;background:#0d3968;color:#fff}.auth-panel .eyebrow{color:#ffce18}.auth-panel h1 span{color:#ffce18}.auth-panel .auth-copy{color:#d6e4f1}.auth-panel .login-card{background:#f8fbff;border-color:#b9cde0;color:#163e6b}.auth-panel .login-card label{color:#47698c}.auth-panel .login-card input{background:#fff;border-color:#c3d4e4;color:#153c67}.auth-panel .login-help,.auth-panel .test-access{color:#557393}.auth-panel .primary{background:#ffcd16;color:#153f70}.auth-art{background-image:linear-gradient(90deg,rgba(11,48,85,.28),rgba(6,24,45,.06)),url("hero-laminacao.png");background-size:cover;background-position:center}.auth-art .preview-dashboard,.auth-art .preview-card{display:none}
body.gerdau{--bg:#e6eff7;--panel:#ffffff;--panel2:#edf4fa;--line:#c8dae9;--text:#123e6d;--muted:#64809d;--accent:#f9c916;--accent2:#1d4c80;--danger:#cf3e4b;--warning:#d58d18;--shadow:0 12px 30px rgba(24,67,111,.12)}body.gerdau .sidebar{background:#164779;border-color:#285d91}body.gerdau .side-brand b,body.gerdau .nav-link{color:#dbeaf7}body.gerdau .side-brand small,body.gerdau .nav-caption{color:#ffdc49}body.gerdau .nav-link:hover,body.gerdau .nav-link.active{color:#fff;background:#245a8f}body.gerdau .nav-link.active{box-shadow:inset 3px 0 #ffcd16}body.gerdau .side-bottom{border-color:#2b6194}body.gerdau .primary{background:#ffcd16;color:#123e6d}body.gerdau .primary:hover{filter:brightness(.98)}body.gerdau .stat-icon{background:#f9c9162e;color:#123e6d}body.gerdau .badge{background:#dcecf9;color:#184b7e}body.gerdau .topbar .eyebrow{color:#476f98}body.gerdau .panel,body.gerdau .stat-card{box-shadow:0 8px 22px rgba(23,67,108,.08)}body.gerdau .mobile-bar{background:#164779;color:#fff;border-color:#285d91}body.gerdau .mobile-bar button,body.gerdau .mobile-bar b{color:#fff}body.gerdau .toast{background:#174779;border-color:#356b9f;color:#fff}
