/* CardSieuToc modern v2 - table first, compact, mobile-safe */
.ui-page{background:#f5f7fa;min-height:calc(100vh - 72px);padding:22px 0 40px;color:#20252b}
.ui-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}
.ui-head{margin:0 0 18px}.ui-kicker{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#64748b;margin-bottom:5px}.ui-title{font-size:30px;line-height:1.2;font-weight:800;margin:0;color:#20252b}.ui-desc{margin:6px 0 0;color:#64748b;font-size:15px}
.ui-panel{background:#fff;border:1px solid #d9e0e8;border-radius:6px;box-shadow:0 2px 8px rgba(15,23,42,.04);margin-bottom:16px;overflow:hidden}.ui-panel-head{padding:13px 16px;border-bottom:1px solid #e3e8ee;display:flex;align-items:center;justify-content:space-between;gap:12px}.ui-panel-head h2{font-size:18px;font-weight:800;margin:0;color:#20252b}.ui-panel-body{padding:16px}
.ui-alert{position:relative;border:1px solid #ecd27d;border-left:3px solid #c79000;background:#fff6d4;color:#7a5a00;border-radius:5px;padding:12px 42px 12px 14px;margin-bottom:16px;font-weight:600}.ui-alert .close{position:absolute;right:12px;top:8px;font-size:22px}
.ui-table-wrap{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border:1px solid #d8dfe7;border-radius:5px}.ui-table{width:100%;min-width:780px;border-collapse:collapse;background:#fff}.ui-table th{background:#eef2f6;color:#2f3742;font-size:12px;font-weight:800;text-transform:uppercase;white-space:nowrap;padding:11px 10px;border:1px solid #d8dfe7;text-align:left}.ui-table td{padding:11px 10px;border:1px solid #e0e5eb;vertical-align:middle;font-size:14px;color:#374151;word-break:normal;overflow-wrap:anywhere}.ui-table tbody tr:hover{background:#fafbfd}.ui-table .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.ui-table .nowrap{white-space:nowrap}.ui-table .text-success,.ui-table .text-danger{font-weight:700}
.ui-status{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:800;white-space:nowrap}.ui-status.ok{background:#dcfce7;color:#166534}.ui-status.off{background:#fee2e2;color:#991b1b}.ui-status.info{background:#e0efff;color:#1457a6}
.ui-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.ui-actions .btn{border-radius:4px!important;font-weight:700;white-space:nowrap;min-width:72px}.ui-actions .btn-sm{padding:6px 9px}
.ui-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ui-field.full{grid-column:1/-1}.ui-field label{display:block;font-size:13px;font-weight:700;color:#334155;margin-bottom:6px}.ui-field .form-control{height:42px;border:1px solid #cbd5e1;border-radius:4px!important;box-shadow:none!important}.ui-field textarea.form-control{height:auto;min-height:96px}.ui-field .form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.08)!important}.ui-form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:14px;margin-top:14px;border-top:1px solid #e5e9ee}.ui-form-actions .btn{border-radius:4px!important;font-weight:700}
.ui-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.ui-stat{border:1px solid #d9e0e8;background:#fff;padding:12px 14px;border-radius:5px}.ui-stat small{display:block;color:#64748b;font-weight:700;font-size:12px}.ui-stat strong{display:block;font-size:19px;margin-top:3px;color:#1f2937}.ui-linkbox{display:flex;gap:8px}.ui-linkbox .form-control{flex:1}.ui-copy{border-radius:4px!important}
.ui-security-table td:first-child{width:54px}.ui-security-icon{width:42px;height:42px;border:1px solid #d9e0e8;background:#f8fafc;display:flex;align-items:center;justify-content:center}.ui-security-icon img{max-width:32px;max-height:32px}.ui-security-name{font-weight:800;color:#20252b}.ui-security-help{font-size:13px;color:#64748b;margin-top:2px}.ui-security-table .btn{border-radius:4px!important;font-weight:700}
.ui-news-table .news-thumb{width:96px;height:58px;object-fit:cover;border:1px solid #dbe2ea;border-radius:4px;display:block}.ui-news-table .news-title{font-weight:800;color:#1f2937}.ui-news-table .news-title:hover{color:#0d6efd;text-decoration:none}.ui-news-table .news-date{white-space:nowrap;color:#64748b;font-size:13px}
.ui-softcard-modern .card-product,.ui-softcard-modern .card-cart,.ui-softcard-modern .card-price{border-radius:5px!important}.ui-softcard-modern .softcard-tabs .nav-link{border-radius:4px!important}.ui-softcard-modern .denomination-box{border-radius:6px!important}.ui-softcard-modern .card-product{box-shadow:0 2px 8px rgba(15,23,42,.05)!important}.ui-softcard-modern .card-cart{box-shadow:0 2px 8px rgba(15,23,42,.05)!important}
.ui-section-note{font-size:13px;color:#64748b}
@media(max-width:767.98px){.ui-page{padding:16px 0 28px}.ui-wrap{width:calc(100% - 20px)}.ui-title{font-size:25px}.ui-desc{font-size:14px}.ui-panel-head{padding:12px 13px}.ui-panel-body{padding:13px}.ui-form-grid{grid-template-columns:1fr}.ui-field.full{grid-column:auto}.ui-form-actions{justify-content:flex-end}.ui-form-actions .btn{width:auto}.ui-stat-grid{grid-template-columns:1fr 1fr}.ui-table-wrap{border-radius:4px}.ui-table{min-width:780px}.ui-table th,.ui-table td{padding:10px 9px}.ui-actions{flex-wrap:nowrap}.ui-linkbox{flex-direction:column}.ui-copy{width:100%}.ui-news-table{min-width:760px}.ui-news-table .news-thumb{width:82px;height:52px}.ui-security-table{min-width:820px}}
@media(max-width:430px){.ui-title{font-size:23px}.ui-stat-grid{grid-template-columns:1fr 1fr}}