*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--petroleo:#2C3E50;--petroleo-dark:#1E2B38;--petroleo-light:#3D556E;--petroleo-50:#EDF0F3;--vinho:#5C1A1B;--ouro:#D4AF37;--ouro-dark:#B0892C;--ouro-50:#FAF4E0;--gelo:#F4F7F6;--gelo-dark:#E8EDEC;--verde:#1D9E75;--verde-50:#E1F5EE;--ambar:#C9821A;--ambar-50:#FBF0DC;--text:#1E2B38;--text-sec:#5A6878;--text-muted:#8A94A1;--border:rgba(44,62,80,.1);--font-serif:"Playfair Display",Georgia,serif;--font-sans:"Inter",system-ui,sans-serif;--radius:14px;--shadow:0 1px 3px rgba(44,62,80,.06)}body{font-family:var(--font-sans);background:var(--gelo);color:var(--text);-webkit-font-smoothing:antialiased}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:linear-gradient(135deg,var(--petroleo),var(--petroleo-dark));color:#fff;display:flex;flex-direction:column;justify-content:center;padding:4rem;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(212,175,55,.15),transparent 70%)}.login-brand .logo{font-family:var(--font-serif);font-size:32px;font-weight:600;margin-bottom:1.5rem}.login-brand .logo span{color:var(--ouro)}.login-brand h2{font-family:var(--font-serif);font-size:28px;font-weight:500;line-height:1.3;max-width:380px}.login-brand p{color:#f4f7f6b3;margin-top:1rem;max-width:360px;font-size:15px}.login-form-side{display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{width:100%;max-width:380px}.login-card h1{font-family:var(--font-serif);font-size:26px;color:var(--petroleo);margin-bottom:.5rem}.login-card .sub{color:var(--text-sec);font-size:14px;margin-bottom:2rem}.field{margin-bottom:1.15rem}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-family:var(--font-sans);font-size:14px}.field input:focus{outline:none;border-color:var(--ouro);box-shadow:0 0 0 3px var(--ouro-50)}.btn-full{width:100%;padding:13px;background:var(--ouro);color:var(--petroleo-dark);border:none;border-radius:10px;font-family:var(--font-sans);font-size:14px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:background .15s}.btn-full:hover{background:var(--ouro-dark)}.btn-full:disabled{opacity:.6;cursor:default}.err{background:#fcebeb;color:#a32d2d;padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:1rem}.field-erro input,.field-erro select{border-color:#c0392b!important;box-shadow:0 0 0 3px #c0392b1f}.field-erro-msg{display:block;color:#c0392b;font-size:12px;margin-top:5px}.shell{display:grid;grid-template-columns:256px 1fr;min-height:100vh}.sidebar{background:var(--petroleo);color:#fff;padding:1.75rem 1.25rem;display:flex;flex-direction:column}.brand{font-family:var(--font-serif);font-size:24px;font-weight:600;padding:0 .5rem 1.75rem}.brand span{color:var(--ouro)}.nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;font-size:14px;font-weight:500;color:#f4f7f6b8;text-decoration:none;transition:all .15s}.nav a:hover{background:#ffffff0f;color:#fff}.nav a.active{background:var(--petroleo-light);color:#fff}.sidebar-foot{margin-top:auto;padding:1rem;background:#0000002e;border-radius:12px;border:1px solid rgba(212,175,55,.25);font-size:12px}.sidebar-foot .row{display:flex;align-items:center;gap:8px;color:#f4f7f6cc;margin-bottom:6px}.sidebar-foot .row:last-child{margin-bottom:0}.dot{width:7px;height:7px;border-radius:50%}.dot.ok{background:var(--verde)}.dot.warn{background:var(--ouro)}.logout-btn{margin-top:1rem;width:100%;background:none;border:1px solid rgba(255,255,255,.2);color:#f4f7f6cc;padding:9px;border-radius:9px;font-size:13px;cursor:pointer;font-family:var(--font-sans)}.logout-btn:hover{background:#ffffff14}.main{display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2.5rem;border-bottom:1px solid var(--border)}.topbar h1{font-family:var(--font-serif);font-size:24px;color:var(--petroleo)}.topbar .sub{font-size:13px;color:var(--text-muted)}.content{padding:2rem 2.5rem;max-width:1100px}.hero-cta{background:linear-gradient(120deg,var(--petroleo),var(--petroleo-dark));border-radius:18px;padding:2rem 2.25rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1.75rem}.hero-cta h2{font-family:var(--font-serif);font-size:26px;color:#fff;margin-bottom:6px}.hero-cta p{font-size:14px;color:#f4f7f6bf;max-width:380px}.btn-emitir{background:var(--ouro);color:var(--petroleo-dark);border:none;padding:15px 26px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}.btn-emitir:hover{background:var(--ouro-dark)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.75rem}.stat{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem 1.5rem;box-shadow:var(--shadow)}.stat .label{font-size:13px;color:var(--text-sec);margin-bottom:.6rem}.stat .value{font-family:var(--font-serif);font-size:30px;font-weight:600;color:var(--petroleo)}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:1.25rem 1.5rem 1rem}.panel-head h3{font-family:var(--font-serif);font-size:18px;color:var(--petroleo)}.obg-item{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.obg-item .t{font-size:14px;font-weight:600}.obg-item .s{font-size:12px;color:var(--text-muted)}.pill{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;background:var(--ambar-50);color:var(--ambar)}.loading{padding:4rem;text-align:center;color:var(--text-muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e2b3880;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:100}.modal{background:#fff;border-radius:18px;width:100%;max-width:520px}.modal-head{padding:1.5rem 1.75rem;border-bottom:1px solid var(--border)}.modal-head h2{font-family:var(--font-serif);font-size:22px;color:var(--petroleo)}.modal-body{padding:1.5rem 1.75rem}.modal-foot{padding:1.25rem 1.75rem;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end}.btn{padding:12px 22px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;font-family:var(--font-sans)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-sec)}.btn-gold{background:var(--ouro);color:var(--petroleo-dark)}.field textarea{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:10px;font-family:var(--font-sans);font-size:14px;resize:vertical;min-height:70px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:880px){.login-wrap{grid-template-columns:1fr}.login-brand{display:none}.shell{grid-template-columns:1fr}.sidebar{display:none}.stats{grid-template-columns:1fr}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.summary-cell{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.35rem;box-shadow:var(--shadow)}.summary-cell .sl{font-size:12px;color:var(--text-sec);margin-bottom:6px}.summary-cell .sv{font-family:var(--font-serif);font-size:24px;font-weight:600;color:var(--petroleo)}.summary-cell .sv small{font-family:var(--font-sans);font-size:13px;color:var(--text-muted);font-weight:500}.filters{display:flex;gap:10px;margin-bottom:1.25rem;flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:200px}.search-box input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:10px;font-family:var(--font-sans);font-size:14px}.search-box input:focus{outline:none;border-color:var(--ouro);box-shadow:0 0 0 3px var(--ouro-50)}.chip{padding:9px 16px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:13px;font-weight:600;color:var(--text-sec);cursor:pointer;font-family:var(--font-sans)}.chip.active{background:var(--petroleo);color:#fff;border-color:var(--petroleo)}.table{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.thead,.trow{display:grid;grid-template-columns:60px 1.6fr 1fr .9fr 110px 90px;gap:12px;padding:.9rem 1.5rem;align-items:center}.thead{background:var(--gelo);font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-weight:600}.trow{border-top:1px solid var(--border)}.trow:hover{background:var(--gelo)}.td-num{font-family:var(--font-serif);font-size:14px;color:var(--text-muted)}.td-serv .nm{font-size:14px;font-weight:600}.td-serv .dt{font-size:12px;color:var(--text-muted)}.td-tom{font-size:13px;color:var(--text-sec)}.td-val{font-size:14px;font-weight:600;color:var(--petroleo)}.td-act{display:flex;gap:6px}.act-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:#fff;cursor:pointer;color:var(--petroleo);font-size:11px;font-weight:600}.act-btn:hover{background:var(--petroleo);color:#fff}.pill.emitida{background:var(--verde-50);color:var(--verde)}.pill.processando,.pill.pendente{background:var(--ambar-50);color:var(--ambar)}.tax-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:1rem;margin-bottom:1.5rem}.das-card{background:linear-gradient(125deg,var(--petroleo),var(--petroleo-dark));border-radius:18px;padding:1.75rem;color:#fff}.das-card .label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--ouro);font-weight:600}.das-card .val{font-family:var(--font-serif);font-size:42px;font-weight:600;margin:6px 0 2px}.das-card .comp{font-size:13px;color:#f4f7f699}.das-card .due{font-size:13px;color:#f4f7f6b3;margin-top:1.25rem}.tax-side{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.tax-side h4{font-family:var(--font-serif);font-size:16px;color:var(--petroleo);margin-bottom:1rem}.mini-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}.mini-row:last-child{border-bottom:none}.mini-row .mk{color:var(--text-sec)}.mini-row .mv{font-weight:600}.doc-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--border)}.doc-row:first-of-type{border-top:none}.doc-left{display:flex;align-items:center;gap:12px}.doc-tag{font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px;background:var(--petroleo-50);color:var(--petroleo)}@media (max-width:880px){.summary-strip,.tax-grid{grid-template-columns:1fr}.thead{display:none}.trow{grid-template-columns:1fr 1fr}}.upload-box{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:#fff;border:1px dashed var(--ouro);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}.upload-text{display:flex;flex-direction:column;gap:4px}.upload-text strong{font-size:15px;color:var(--petroleo)}.upload-text span{font-size:13px;color:var(--text-sec);max-width:480px}.upload-box .btn{white-space:nowrap}.ok-msg{background:var(--verde-50);color:var(--verde);padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:1rem}@media (max-width:880px){.upload-box{flex-direction:column;align-items:stretch}.upload-box .btn{width:100%}}.brand-tag{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ouro);padding:0 .5rem 1.25rem;margin-top:-1.25rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1.25rem}.form-grid .field{margin-bottom:0}.form-grid select,.form-grid input{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:10px;font-family:var(--font-sans);font-size:14px;background:#fff}.form-grid select:focus,.form-grid input:focus{outline:none;border-color:var(--ouro);box-shadow:0 0 0 3px var(--ouro-50)}.mini-select{padding:8px 10px;border:1px solid var(--border);border-radius:9px;font-family:var(--font-sans);font-size:13px;background:#fff;color:var(--text-primary);cursor:pointer}.btn-sm{padding:8px 14px;font-size:13px}.obg-item.linkable{text-decoration:none;color:inherit;cursor:pointer}.obg-item.linkable:hover{background:var(--gelo)}.panel h3{font-family:var(--font-serif);font-size:18px;color:var(--petroleo)}@media (max-width:880px){.form-grid{grid-template-columns:1fr}}