:root{--app-bg:#f5f7f6;--app-border:#e2e8e4;--app-text:#17221d;--app-muted:#718078;--app-green:#12a96d;--app-green-dark:#087a4d;--app-red:#d94b55;--app-orange:#d58a16;--app-blue:#3974d8}
*{box-sizing:border-box}.app-body{margin:0;background:var(--app-bg);color:var(--app-text)}.real-app{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.real-sidebar{background:#0d2018;color:#fff;padding:24px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.real-sidebar .brand{display:block;padding:4px 10px 26px}.real-sidebar .brand img{width:118px;filter:brightness(0) invert(1)}.real-menu{display:flex;flex-direction:column;gap:6px}.real-menu a{color:#b9c9c1;text-decoration:none;padding:11px 12px;border-radius:10px;display:flex;gap:10px;align-items:center;font-weight:650}.real-menu a:hover,.real-menu a.active{color:white;background:#16372a}.real-menu a span{width:22px;text-align:center}.real-sidebar-bottom{margin-top:auto;border-top:1px solid #244236;padding:18px 10px 4px;display:flex;flex-direction:column;gap:8px}.real-sidebar-bottom small{color:#9eb2a8}.real-sidebar-bottom a{color:#fff}.real-main{min-width:0}.real-top{height:72px;background:#fff;border-bottom:1px solid var(--app-border);display:flex;align-items:center;justify-content:flex-end;padding:0 28px;gap:18px;position:sticky;top:0;z-index:20}.real-top>div{display:flex;flex-direction:column;margin-left:auto}.real-top small{color:var(--app-muted);font-size:.78rem}.real-menu-toggle{display:none;border:0;background:#eef5f1;border-radius:9px;padding:9px 12px;font-size:1.1rem}.real-content{padding:28px;max-width:1500px;margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.page-head h1{margin:0;font-size:2rem;letter-spacing:-.04em}.page-head p{margin:5px 0 0;color:var(--app-muted)}.app-grid{display:grid;gap:18px}.kpi-grid{grid-template-columns:repeat(5,1fr)}.app-card{background:#fff;border:1px solid var(--app-border);border-radius:16px;padding:20px;box-shadow:0 5px 18px rgba(15,30,23,.03)}.app-card h3{margin:0 0 14px}.app-kpi small{color:var(--app-muted)}.app-kpi strong{display:block;font-size:2rem;margin-top:9px}.score{display:flex;align-items:center;gap:13px}.score-ring{--p:82;width:62px;height:62px;border-radius:50%;background:conic-gradient(var(--app-green) calc(var(--p)*1%),#e6eee9 0);position:relative}.score-ring:after{content:"";position:absolute;inset:7px;background:#fff;border-radius:50%}.two-col{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr)}.category-grid-real{grid-template-columns:repeat(4,1fr)}.cat-real{display:flex;justify-content:space-between;align-items:center;gap:12px}.cat-real small{color:var(--app-muted)}.table-wrap{overflow:auto}.real-table{width:100%;border-collapse:collapse;font-size:.91rem}.real-table th,.real-table td{padding:13px 10px;border-bottom:1px solid #edf1ee;text-align:left;white-space:nowrap}.real-table th{color:#68766f;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.real-table tr:last-child td{border-bottom:0}.app-tag{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.76rem;font-weight:800}.app-tag.green{background:#e9f9f1;color:#08764a}.app-tag.orange{background:#fff4df;color:#9a5d00}.app-tag.red{background:#ffeded;color:#b12935}.app-tag.blue{background:#ebf2ff;color:#2f62bd}.flash{padding:13px 15px;border-radius:12px;margin-bottom:18px;font-weight:650}.flash.success{background:#e8f9f0;color:#0b7147}.flash.error{background:#ffeded;color:#a82934}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea{padding:11px 12px;border:1px solid #d9e2dc;border-radius:9px;background:#fff;font:inherit}.toolbar input{min-width:260px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:.82rem;font-weight:750}.form-field.full{grid-column:1/-1}.form-field textarea{min-height:100px;resize:vertical}.modal-card{max-width:820px}.empty{padding:40px 20px;text-align:center;color:var(--app-muted)}.doc-title{display:flex;align-items:center;gap:10px}.doc-badge{width:38px;height:38px;border-radius:9px;background:#eff8f3;display:grid;place-items:center;font-size:.7rem;font-weight:900;color:#0b8353}.supplier-complete{display:flex;align-items:center;gap:10px}.bar{height:6px;width:90px;background:#e8eeea;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--app-green)}.request-link{display:flex;gap:8px;align-items:center;max-width:600px}.request-link input{flex:1;padding:10px;border:1px solid var(--app-border);border-radius:9px;background:#f9fbfa}.request-items{display:grid;gap:10px}.request-item{border:1px solid var(--app-border);border-radius:12px;padding:14px;display:flex;justify-content:space-between;gap:12px;align-items:center}.public-request{max-width:900px;margin:45px auto;padding:0 18px}.public-brand img{height:40px}.public-request-card{background:white;border:1px solid var(--app-border);border-radius:22px;padding:30px;margin-top:24px}.public-item{padding:16px 0;border-bottom:1px solid #edf1ee}.public-item:last-child{border-bottom:0}.public-item form{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:9px}.public-item input[type=file]{max-width:440px}.login-page{min-height:100vh;background:linear-gradient(135deg,#f7faf8,#edf7f2);display:grid;place-items:center;padding:20px}.login-card{width:min(460px,100%);background:#fff;border:1px solid var(--app-border);border-radius:22px;padding:30px;box-shadow:0 28px 80px rgba(7,39,25,.10)}.login-card .brand img{height:42px}.login-card h1{margin:28px 0 8px}.login-card .form-field{margin-top:15px}.login-card .btn{width:100%;margin-top:20px}.audit-list{display:grid;gap:10px}.audit-row{display:flex;gap:12px;font-size:.88rem}.audit-row time{color:var(--app-muted);min-width:125px}.checkbox-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.checkbox-line{display:flex;gap:8px;align-items:center;padding:9px;border:1px solid var(--app-border);border-radius:9px}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.category-grid-real{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.real-app{grid-template-columns:1fr}.real-sidebar{position:fixed;left:-270px;z-index:50;width:245px;transition:.2s}.real-sidebar.open{left:0}.real-menu-toggle{display:block}.real-content{padding:18px}.two-col,.kpi-grid,.category-grid-real,.form-grid{grid-template-columns:1fr}.page-head{flex-direction:column}.real-top{padding:0 16px}.real-top>a{display:none}.checkbox-list{grid-template-columns:1fr}}