.uo-page{display:grid;gap:14px;max-width:1600px;margin:0 auto;color:#1f2d25}
.uo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.uo-title-row{display:flex;align-items:center;gap:14px}.uo-cart-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#e9f8ef;color:#009B3A;font-size:1.35rem;transform:rotate(90deg)}
.uo-kicker{display:block;color:#009B3A;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.uo-head h1{margin:2px 0 2px;font-size:2rem;letter-spacing:-.04em}.uo-head p{margin:0;color:#69776f}
.uo-head-right{display:grid;justify-items:end;gap:7px}.uo-head-right small{color:#748078}.uo-head-right .btn{padding:11px 20px;border-radius:9px;font-weight:850}
.uo-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.uo-metrics>div{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #e2e9e4;border-radius:13px;padding:14px;box-shadow:0 5px 18px rgba(26,56,39,.045);min-height:90px}.uo-kpi-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;font-size:1.15rem;font-weight:900;flex:0 0 46px}.uo-kpi-icon.green{background:#eaf8ef;color:#009B3A}.uo-kpi-icon.blue{background:#eaf4ff;color:#1687e8}.uo-kpi-icon.red{background:#fff0f0;color:#e82d2d}.uo-metrics strong,.uo-metrics b,.uo-metrics small{display:block}.uo-metrics strong{font-size:1.35rem;color:#122b1e}.uo-metrics b{margin-top:2px;font-size:.82rem}.uo-metrics small{margin-top:2px;color:#748078;font-size:.69rem}
.uo-filter-panel{background:#fff;border:1px solid #e2e9e4;border-radius:13px;padding:13px;display:grid;gap:12px}.uo-filter-panel label{display:grid;gap:5px;font-size:.74rem;font-weight:800;color:#4b5b52}
.uo-filter-top{display:grid;grid-template-columns:minmax(290px,1.25fr) minmax(430px,1.7fr) minmax(180px,.75fr) minmax(180px,.75fr);gap:10px;align-items:end}.uo-date-range{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:7px;border:1px solid #dbe5de;border-radius:9px;padding:0 8px}.uo-date-range .field{border:0!important;padding:8px 3px!important;min-width:0}
.uo-shortcuts>div{display:flex;gap:6px;flex-wrap:wrap}.uo-shortcuts .btn{padding:8px 10px;border-radius:8px}.uo-shortcuts .btn.active{background:#009B3A;color:#fff;border-color:#009B3A}
.uo-filter-bottom{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(320px,2fr) auto auto;gap:10px;align-items:end}.uo-search-wrap{position:relative}.uo-search-wrap span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#087438;font-weight:900;z-index:1}.uo-search-wrap .field{padding-left:36px}
.uo-table-card{background:#fff;border:1px solid #e2e9e4;border-radius:13px;overflow:hidden}.uo-table-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid #e7eee9}.uo-table-title h2{margin:0;font-size:1.05rem}.uo-table-title h2 span{color:#009B3A;font-size:.8rem}.uo-table-title>div:last-child{display:flex;align-items:center;gap:10px;color:#68766e;font-size:.72rem}.uo-export{color:#087438;border-color:#b9dec6}
.uo-table{width:100%;border-collapse:collapse;min-width:1180px}.uo-table thead{background:#f7faf8}.uo-table th,.uo-table td{padding:10px 9px;border-right:1px solid #edf2ee;border-bottom:1px solid #edf2ee;text-align:left;vertical-align:middle}.uo-table th{font-size:.68rem;text-transform:none;color:#415148;font-weight:850}.uo-table td{font-size:.72rem}.uo-table td b{display:block}.uo-table tbody tr:hover{background:#f8fcf9}.uo-table td:first-child,.uo-table th:first-child{width:28px;text-align:center}.uo-table input[type=checkbox]{width:15px;height:15px}
.uo-status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:.68rem;font-weight:850;white-space:nowrap}.uo-status i{width:7px;height:7px;border-radius:50%;background:currentColor}.uo-status.ok{background:#e8f8ed;color:#07843d}.uo-status.info{background:#eaf4ff;color:#1687e8}.uo-status.warn{background:#fff7df;color:#b27900}.uo-status.bad{background:#fff0f0;color:#d82323}
.uo-actions-row{display:flex;align-items:center;gap:5px}.uo-action{display:grid;place-items:center;width:29px;height:29px;border:0;background:transparent;border-radius:7px;color:#087438;text-decoration:none;cursor:pointer;font-weight:900}.uo-action.view{color:#1687e8}.uo-action:hover{background:#edf8f1}
.uo-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.uo-pagination>div{display:flex;align-items:center;gap:5px}.uo-pagination button{min-width:32px;height:32px;border:1px solid #dce6df;border-radius:7px;background:#fff;cursor:pointer}.uo-pagination button.active{background:#009B3A;color:#fff;border-color:#009B3A}.uo-pagination label{display:flex;align-items:center;gap:8px;color:#66736c;font-size:.72rem}.uo-pagination .field{width:74px;padding:6px}
.uo-footer-legend{display:flex;align-items:center;gap:15px;flex-wrap:wrap;background:#fff;border:1px solid #e2e9e4;border-radius:12px;padding:11px 14px;color:#64736b;font-size:.72rem}.uo-footer-legend span{display:flex;align-items:center;gap:6px}.uo-footer-legend i{width:11px;height:11px;border-radius:50%}.uo-footer-legend i.ok{background:#009B3A}.uo-footer-legend i.info{background:#1687e8}.uo-footer-legend i.warn{background:#f0b400}.uo-footer-legend i.bad{background:#e82d2d}.uo-footer-legend b{margin-left:auto;color:#254334}
.uo-empty{text-align:center!important;color:#748078;padding:28px!important}
.uo-backdrop{position:fixed;inset:0;z-index:15000;background:rgba(5,21,12,.62);display:flex;justify-content:flex-end}.uo-drawer{width:min(820px,96vw);height:100%;background:#f7f9f8;overflow:auto;box-shadow:-20px 0 60px rgba(0,0,0,.2)}.uo-drawer-head{position:sticky;top:0;z-index:3;background:#fff;border-bottom:1px solid #e3eae6;padding:18px 20px;display:flex;justify-content:space-between;gap:15px}.uo-drawer-head span{font-size:.68rem;text-transform:uppercase;color:#009B3A;font-weight:850}.uo-drawer-head h2{margin:3px 0}.uo-drawer-head p{margin:0;color:#66736c}.uo-close{border:0;background:none;font-size:2rem;cursor:pointer}.uo-actions{display:flex;gap:7px;flex-wrap:wrap;padding:12px 20px;background:#fff;border-bottom:1px solid #e3eae6;position:sticky;top:84px;z-index:2}.uo-actions .active{background:#eaf8ef;color:#087438}.uo-drawer-body{padding:18px 20px}.uo-tab{display:none}.uo-tab.active{display:block}.uo-info-grid,.uo-cert-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.uo-info-grid>div,.uo-cert-card>div{background:#fff;border:1px solid #e3eae6;border-radius:11px;padding:13px}.uo-info-grid small,.uo-cert-card small{display:block;color:#718078;font-size:.7rem;margin-bottom:5px}.uo-info-grid b,.uo-cert-card b{display:block;color:#26342c;overflow-wrap:anywhere}.uo-cert-card{margin-bottom:12px}.uo-history-item{background:#fff;border:1px solid #e3eae6;border-radius:10px;padding:12px;margin-bottom:9px;display:grid;gap:3px}
@media(max-width:1180px){.uo-metrics{grid-template-columns:repeat(3,1fr)}.uo-filter-top{grid-template-columns:1fr 1fr}.uo-filter-bottom{grid-template-columns:1fr 1fr}.uo-shortcuts{grid-column:1/-1}}
@media(max-width:760px){.uo-head{flex-direction:column}.uo-head-right{width:100%;justify-items:stretch}.uo-head-right .btn{width:100%}.uo-metrics{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.uo-metrics>div{min-width:185px;scroll-snap-align:start}.uo-filter-top,.uo-filter-bottom{grid-template-columns:1fr}.uo-shortcuts{grid-column:auto}.uo-date-range{grid-template-columns:auto 1fr;gap:4px}.uo-date-range span:nth-of-type(2){display:none}.uo-date-range input:last-child{grid-column:2}.uo-table-title{align-items:flex-start;flex-direction:column}.uo-table{min-width:1100px}.uo-pagination{align-items:flex-start;flex-direction:column}.uo-footer-legend b{width:100%;margin-left:0}.uo-actions{position:static}.uo-info-grid,.uo-cert-card{grid-template-columns:1fr}}