:root{--navy:#071828;--navy2:#0b2337;--ink:#172536;--muted:#687789;--line:#dde5eb;--soft:#f3f7f9;--cyan:#12bdd0;--cyan2:#19d2df;--green:#22a873;--amber:#e9a52f;--red:#d45c63;--white:#fff;--shadow:0 12px 35px rgba(7,24,40,.09)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#edf3f6}button,select,input,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:white}.login-brand{position:relative;overflow:hidden;padding:9vh 8vw;color:white;background:radial-gradient(circle at 78% 15%,rgba(18,189,208,.34),transparent 28%),linear-gradient(140deg,#071828 0%,#0c2a41 62%,#0b4a5c 100%);display:flex;flex-direction:column;justify-content:center}.login-brand:after{content:"4U";position:absolute;right:-5%;bottom:-15%;font-weight:900;font-size:34vw;color:rgba(255,255,255,.035);letter-spacing:-.12em}.brand-mark{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--cyan2),#0b8dab);color:white;font-size:24px;font-weight:900;letter-spacing:-2px;box-shadow:0 9px 25px rgba(18,189,208,.26)}.brand-mark.large{width:72px;height:72px;border-radius:19px;font-size:34px;margin-bottom:60px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#478094}.eyebrow.light{color:#63e4ec}.login-brand h1{font-size:clamp(42px,5vw,78px);line-height:.98;letter-spacing:-.055em;margin:15px 0 25px;max-width:720px}.login-brand>p{max-width:590px;color:#b9ceda;font-size:18px;line-height:1.65}.login-flow{display:flex;align-items:center;gap:10px;margin-top:55px;font-size:12px;font-weight:700;color:#c2d7e1}.login-flow i{height:1px;width:34px;background:#3d7788}.login-panel{padding:7vw;display:grid;place-items:center}.login-card{max-width:510px;width:100%}.demo-pill{display:inline-flex;background:#e9fafd;color:#078a9b;padding:7px 11px;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:.12em}.login-card h2{font-size:36px;letter-spacing:-.04em;margin:20px 0 8px}.login-card>p{color:var(--muted);line-height:1.55;margin-bottom:32px}.profile-grid{display:grid;gap:12px}.profile-card{width:100%;display:grid;grid-template-columns:48px 1fr 20px;gap:14px;align-items:center;text-align:left;background:white;border:1px solid var(--line);padding:16px;border-radius:16px;transition:.2s}.profile-card:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:var(--shadow)}.profile-icon,.avatar{display:grid;place-items:center;background:#e8f8fa;color:#078a9b;border-radius:12px;width:45px;height:45px;font-size:12px}.profile-card span{display:grid;gap:4px}.profile-card strong{font-size:15px}.profile-card small{color:var(--muted)}.profile-card em{font-style:normal;color:var(--cyan);font-size:20px}.link-button{border:0;background:none;color:#078a9b;font-weight:750;margin:20px auto;display:block}.security-note{border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:12px;line-height:1.5}.security-note span{color:var(--green);margin-right:5px}
.app-shell{display:grid;grid-template-columns:242px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--navy);color:#bcd0dc;padding:22px 15px;display:flex;flex-direction:column;z-index:20}.side-head{display:flex;align-items:center;gap:12px;padding:0 8px 22px;color:white;font-weight:800}.side-head .brand-mark{width:42px;height:42px;font-size:20px}.org-compact{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:13px;padding:11px;margin-bottom:18px}.org-compact .avatar{flex:0 0 36px;width:36px;height:36px;border-radius:10px}.org-compact div:last-child{display:grid;gap:2px;min-width:0}.org-compact small{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#6f8b9b}.org-compact strong{font-size:11px;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav{display:grid;gap:4px}.nav-label{font-size:9px;letter-spacing:.14em;color:#617b8b;margin:18px 12px 7px;font-weight:800}.nav-item{border:0;background:transparent;color:#92adbc;text-align:left;padding:11px 12px;border-radius:10px;font-size:13px;font-weight:650;display:flex;align-items:center;gap:11px}.nav-item:hover{background:rgba(255,255,255,.05);color:white}.nav-item.active{background:linear-gradient(90deg,rgba(18,189,208,.18),rgba(18,189,208,.05));color:#4bd7e2}.nav-icon{width:23px;color:#4c7486;font-weight:900}.nav-item.active .nav-icon{color:#30cddd}.nav-badge{margin-left:auto;background:var(--cyan);color:#05212a;padding:2px 6px;border-radius:99px;font-size:9px}.side-foot{margin-top:auto}.guide-button{width:100%;border:1px solid rgba(65,212,224,.25);background:rgba(18,189,208,.08);color:#5cdae4;padding:11px;border-radius:10px;font-weight:750;font-size:12px}.version{text-align:center;font-size:9px;color:#526c7b;margin-top:14px}.main{min-width:0}.topbar{height:83px;background:white;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.topbar h2{font-size:20px;margin:5px 0 0;letter-spacing:-.02em}.top-actions{display:flex;align-items:center;gap:12px}.icon-button{position:relative;width:38px;height:38px;border:1px solid var(--line);background:white;border-radius:10px;color:#6d8090}.icon-button span{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--red);color:white;font-size:9px}.role-switch{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;padding:6px 9px 6px 12px}.role-switch span{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:700}.role-switch select{border:0;background:white;font-weight:750;color:var(--ink);outline:0}.user-chip{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--ink)}.user-chip span{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:var(--navy);color:white;font-size:11px}.user-chip b{font-size:12px}.mobile-menu{display:none;border:0;background:none;font-size:22px}.view{padding:27px;max-width:1640px;margin:auto}.hero-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.hero-row h1{font-size:30px;letter-spacing:-.04em;margin:0 0 7px}.hero-row p{margin:0;color:var(--muted);font-size:14px}.primary,.secondary,.danger,.ghost{border:0;border-radius:10px;padding:11px 16px;font-weight:750;font-size:12px}.primary{background:linear-gradient(135deg,#13bfd1,#0b9fb8);color:white;box-shadow:0 6px 17px rgba(18,189,208,.25)}.secondary{background:var(--navy);color:white}.ghost{background:white;border:1px solid var(--line);color:var(--ink)}.danger{background:#fff0f0;color:#b53e47}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:21px}.stat-card,.panel{background:white;border:1px solid #e2e9ee;border-radius:16px;box-shadow:0 3px 12px rgba(7,24,40,.035)}.stat-card{padding:19px}.stat-head{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:700}.stat-symbol{width:31px;height:31px;border-radius:9px;background:#edf9fb;color:#0796a7;display:grid;place-items:center;font-size:11px;font-weight:900}.stat-value{font-size:27px;font-weight:850;letter-spacing:-.04em;margin:12px 0 5px}.trend{font-size:10px;color:var(--green);font-weight:700}.trend.neutral{color:var(--muted)}.grid-2{display:grid;grid-template-columns:1.5fr .9fr;gap:18px}.panel{overflow:hidden}.panel-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head h3{font-size:15px;margin:0}.panel-head small{color:var(--muted)}.panel-body{padding:18px 20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#758696;font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:11px;border-bottom:1px solid var(--line)}td{padding:14px 11px;border-bottom:1px solid #edf1f4;white-space:nowrap}tr:last-child td{border-bottom:0}.click-row{cursor:pointer}.click-row:hover{background:#f8fbfc}.status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:99px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.blue{background:#e8f8fb;color:#078fa2}.green{background:#e9f8f1;color:#168459}.amber{background:#fff5df;color:#ae7413}.gray{background:#eff2f4;color:#667887}.red{background:#fff0f1;color:#b3434b}.workflow{display:grid;gap:0}.flow-step{display:grid;grid-template-columns:28px 1fr;gap:12px;position:relative;padding-bottom:19px}.flow-step:not(:last-child):after{content:"";position:absolute;left:13px;top:27px;height:calc(100% - 12px);border-left:1px dashed #c7d4da}.step-dot{width:27px;height:27px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:white;font-size:10px;font-weight:800;z-index:1}.flow-step.done .step-dot{background:var(--green);border-color:var(--green);color:white}.flow-step.current .step-dot{background:var(--cyan);border-color:var(--cyan);color:white;box-shadow:0 0 0 5px rgba(18,189,208,.12)}.flow-step strong{font-size:12px}.flow-step small{display:block;margin-top:4px;color:var(--muted);line-height:1.4}.alert-card{display:flex;gap:12px;padding:13px;border-radius:12px;background:#f6fafb;margin-bottom:10px}.alert-card b{font-size:11px}.alert-card p{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.4}.dot-icon{width:29px;height:29px;flex:0 0 29px;border-radius:9px;background:#e3f7f9;color:#078fa2;display:grid;place-items:center;font-size:10px;font-weight:900}.searchbar{display:flex;gap:10px;margin-bottom:16px}.searchbar input,.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;outline:0;background:white}.searchbar input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(18,189,208,.09)}.filter{border:1px solid var(--line);border-radius:10px;padding:0 12px;background:white}.detail-head{background:linear-gradient(120deg,#081b2d,#0d344c);color:white;border-radius:17px;padding:22px;margin-bottom:18px;display:flex;justify-content:space-between;gap:20px}.detail-head h1{font-size:23px;margin:6px 0}.detail-head p{margin:0;color:#a8c3d1;font-size:12px}.detail-meta{display:flex;gap:25px;align-items:center}.detail-meta span{display:grid;gap:4px}.detail-meta small{font-size:9px;color:#7092a4;text-transform:uppercase}.detail-meta b{font-size:13px}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:18px}.tab{border:0;background:transparent;padding:12px 14px;font-size:11px;font-weight:750;color:var(--muted);border-bottom:2px solid transparent}.tab.active{color:#078fa2;border-color:var(--cyan)}.item-card{border:1px solid var(--line);border-radius:13px;padding:15px;margin-bottom:10px}.item-top{display:flex;justify-content:space-between;gap:10px}.item-top h4{margin:0 0 5px;font-size:13px}.item-top p{margin:0;color:var(--muted);font-size:10px}.quote-list{display:grid;gap:8px;margin-top:13px}.quote{display:grid;grid-template-columns:1fr 100px 95px 90px 32px;gap:8px;align-items:center;padding:10px;background:#f7fafb;border-radius:10px;font-size:10px}.quote.best{background:#eaf9f7;border:1px solid #bce8df}.quote strong{font-size:11px}.radio{width:20px;height:20px}.rating{color:#f0a823;letter-spacing:1px}.action-bar{position:sticky;bottom:18px;background:white;border:1px solid var(--line);box-shadow:0 12px 35px rgba(7,24,40,.15);border-radius:14px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}.action-bar p{font-size:11px;color:var(--muted);margin:0}.action-bar strong{color:var(--ink)}.bid-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#f6fafb;padding:13px;border-radius:12px;margin:15px 0}.bid-summary span{display:grid;gap:3px;font-size:9px;color:var(--muted);text-transform:uppercase}.bid-summary b{font-size:14px;color:var(--ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:750;color:#5f7180}.modal-backdrop{position:fixed;inset:0;background:rgba(4,14,24,.68);display:grid;place-items:center;padding:20px;z-index:100;backdrop-filter:blur(4px)}.modal-card{position:relative;background:white;border-radius:20px;width:min(690px,96vw);max-height:92vh;overflow:auto;padding:28px;box-shadow:0 25px 80px rgba(0,0,0,.25)}.modal-card h2{margin:0 0 7px;font-size:24px;letter-spacing:-.03em}.modal-card>div>p{color:var(--muted);font-size:13px;line-height:1.5}.modal-close{position:absolute;right:16px;top:14px;border:0;background:#f0f4f6;border-radius:50%;width:31px;height:31px;font-size:19px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.toast{position:fixed;right:24px;bottom:24px;background:#09263a;color:white;padding:14px 18px;border-radius:12px;box-shadow:var(--shadow);font-size:12px;font-weight:700;z-index:200;transform:translateY(100px);opacity:0;transition:.25s}.toast.show{transform:translateY(0);opacity:1}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.score-item{background:#f5f9fa;border-radius:12px;padding:13px;text-align:center}.score-item b{display:block;font-size:20px;margin-bottom:4px}.score-item small{color:var(--muted)}.stars{display:flex;gap:6px;font-size:26px;color:#d8e0e5}.stars button{border:0;background:none;color:inherit;padding:0;font-size:inherit}.stars button.on{color:#f0a823}.empty{text-align:center;padding:55px 20px}.empty b{display:block;font-size:17px;margin:12px}.empty p{color:var(--muted)}
@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.role-switch span,.user-chip b{display:none}.detail-meta{display:none}.quote{grid-template-columns:1fr 85px 75px 28px}.quote .quote-extra{display:none}}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:42vh;padding:45px 28px}.brand-mark.large{margin-bottom:25px}.login-brand h1{font-size:43px}.login-brand>p{font-size:14px}.login-flow{display:none}.login-panel{padding:35px 22px}.sidebar{position:fixed;left:-250px;transition:.25s}.sidebar.open{left:0}.app-shell{grid-template-columns:1fr}.mobile-menu{display:block}.topbar{padding:0 14px}.topbar>div:nth-child(2){margin-right:auto;margin-left:8px}.top-actions{gap:5px}.view{padding:18px 13px}.hero-row{flex-direction:column}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:14px}.stat-value{font-size:22px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.detail-head{padding:18px}.action-bar{align-items:flex-start;flex-direction:column}.quote{grid-template-columns:1fr 75px 28px}.quote .delivery,.quote .quote-extra{display:none}.score-grid{grid-template-columns:1fr}}

/* Navegação e relacionamentos entre organizações */
.home-button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#f7fafb;color:#355164;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:800;margin-right:14px}.home-button:hover{border-color:var(--cyan);color:#078fa2;background:#eefbfc}.bid-summary.clickable{cursor:pointer;transition:.2s}.bid-summary.clickable:hover{background:#e9f8fa;box-shadow:inset 0 0 0 1px #a9e3e8}.org-name{display:flex;align-items:center;gap:10px}.org-name b:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#e9f8fa;color:#078fa2;font-size:10px}.network-note{padding:13px 16px;border:1px solid #bfe8ec;background:#eefbfc;border-radius:12px;color:#27606b;font-size:11px;margin-bottom:16px}.supplier-state{display:inline-flex;padding:6px 9px;border-radius:99px;background:#eef4f6;color:#566c7a;font-size:9px;font-weight:800}.supplier-state.responded{background:#e9f8f1;color:#168459}
@media(max-width:760px){.home-button{padding:8px;margin-right:7px}.home-button span{display:none}.topbar>div:nth-of-type(1){margin-right:auto;margin-left:5px}}

/* Central administrativa, filas e controle de SLA */
.admin-stats{grid-template-columns:repeat(4,1fr)}.danger-text{color:var(--red)!important}.sla-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:99px;font-size:9px;font-weight:850;white-space:nowrap}.sla-pill.ok{background:#e9f8f1;color:#168459}.sla-pill.critical{background:#fff5df;color:#a96e10}.sla-pill.late{background:#fff0f1;color:#b3434b}.funnel-row{display:grid;grid-template-columns:150px 1fr 30px;gap:10px;align-items:center;margin:14px 0;font-size:10px}.funnel-row>div{height:8px;background:#e9eff2;border-radius:9px;overflow:hidden}.funnel-row i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),#078fa2);border-radius:9px}.funnel-row b{text-align:right}.pipeline-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.pipeline-switch button{border:1px solid var(--line);background:white;border-radius:12px;padding:14px;text-align:left;font-size:11px;font-weight:750;color:#607483}.pipeline-switch button b{float:right;background:#eef4f6;border-radius:99px;padding:2px 7px;color:#385465}.pipeline-switch button.active{border-color:var(--cyan);background:#eefbfc;color:#087f91;box-shadow:0 0 0 3px rgba(18,189,208,.08)}.sla-clock{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.sla-clock>div{background:linear-gradient(135deg,#071828,#0c354d);color:white;border-radius:16px;padding:23px;display:grid;gap:5px}.sla-clock small{font-size:9px;letter-spacing:.12em;color:#73b6c4}.sla-clock strong{font-size:29px;letter-spacing:-.03em}.sla-clock span{font-size:10px;color:#9bb9c6}
@media(max-width:1000px){.admin-stats{grid-template-columns:repeat(2,1fr)}.sla-clock{grid-template-columns:1fr}.pipeline-switch{grid-template-columns:1fr}}

.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.guide-grid button{display:grid;grid-template-columns:36px 1fr;gap:11px;position:relative;text-align:left;border:1px solid var(--line);background:#f8fbfc;border-radius:13px;padding:15px;min-height:105px;color:var(--ink)}.guide-grid button:hover{border-color:var(--cyan);background:#eefbfc;transform:translateY(-1px)}.guide-grid button>b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#daf5f7;color:#078a9b}.guide-grid button span{display:grid;align-content:start;gap:5px}.guide-grid button strong{font-size:12px}.guide-grid button small{color:var(--muted);line-height:1.4}.guide-grid button em{grid-column:2;font-style:normal;color:#078a9b;font-size:10px;font-weight:800;align-self:end}
@media(max-width:620px){.guide-grid{grid-template-columns:1fr}}

.auth-fields{display:grid;gap:15px;margin:28px 0 23px}.auth-fields>label{display:grid;gap:7px;font-size:10px;font-weight:800;color:#536877;text-transform:uppercase;letter-spacing:.05em}.auth-fields input{width:100%;border:1px solid var(--line);background:white;border-radius:11px;padding:13px 14px;outline:0;color:var(--ink)}.auth-fields input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(18,189,208,.1)}.password-wrap{position:relative}.password-wrap input{padding-right:48px}.password-wrap button{position:absolute;right:6px;top:6px;width:36px;height:34px;border:0;background:#eff5f7;color:#567080;border-radius:8px}.auth-submit{width:100%;padding:14px}.auth-error{padding:10px 12px;border-radius:9px;background:#fff0f1;color:#b3434b;font-size:11px;font-weight:750}.login-card.shake{animation:auth-shake .32s ease}@keyframes auth-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}