:root{
    --brand:#0b4aa2;
    --brand-dark:#073675;
    --brand-soft:#eaf2ff;
    --ink:#17233b;
    --muted:#6c7890;
    --line:#e4eaf3;
    --bg:#f5f8fc;
    --success:#198754;
}
*{box-sizing:border-box} body{background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}.app-navbar{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 4px 18px rgba(26,49,88,.06)}.navbar-brand{color:var(--ink)!important;line-height:1}.navbar-brand small{display:block;font-size:.67rem;font-weight:600;color:var(--muted);margin-top:5px;letter-spacing:.03em}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--brand),#2b75d5);display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(11,74,162,.22)}.nav-link{border-radius:10px;padding:.62rem .78rem!important;color:#536078!important;font-weight:600;font-size:.9rem}.nav-link i{margin-right:4px}.nav-link:hover,.nav-link.active{background:var(--brand-soft);color:var(--brand)!important}.app-main{min-height:calc(100vh - 66px)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.page-head h1{font-size:1.55rem;font-weight:800;margin:0}.page-head p{margin:6px 0 0;color:var(--muted);font-size:.92rem}.card-pro{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(35,61,104,.06)}.card-pro .card-header{background:transparent;border-bottom:1px solid var(--line);padding:18px 20px}.card-pro .card-body{padding:20px}.stat-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:0 8px 24px rgba(35,61,104,.05);height:100%}.stat-card .stat-icon{width:48px;height:48px;border-radius:14px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:1.25rem}.stat-card .stat-value{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;margin-top:12px}.stat-card .stat-label{color:var(--muted);font-size:.87rem;font-weight:600}.stat-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;top:-35px;background:var(--brand-soft)}.btn-brand{background:linear-gradient(135deg,var(--brand),#1768c7);border:none;color:#fff;font-weight:700;border-radius:11px;padding:.68rem 1rem;box-shadow:0 8px 18px rgba(11,74,162,.17)}.btn-brand:hover{background:var(--brand-dark);color:#fff}.btn-soft{background:var(--brand-soft);color:var(--brand);border:1px solid #d7e6ff;font-weight:700;border-radius:10px}.form-label{font-size:.84rem;font-weight:700;color:#46536a}.form-control,.form-select{border:1px solid #dce4ef;border-radius:11px;min-height:44px;box-shadow:none!important}.form-control:focus,.form-select:focus{border-color:#79a9e9}.input-group-text{border-color:#dce4ef;background:#f8fbff}.table-pro{margin:0}.table-pro thead th{background:#f2f6fc;color:#4a5871;text-transform:uppercase;font-size:.73rem;letter-spacing:.04em;border-bottom:1px solid var(--line);padding:13px 12px;white-space:nowrap}.table-pro tbody td{padding:13px 12px;vertical-align:middle;border-color:#edf1f7;font-size:.9rem}.table-pro tbody tr:hover{background:#f9fbfe}.code-badge{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:6px 9px;border-radius:8px;background:#edf4ff;color:var(--brand);font-weight:800;letter-spacing:.06em}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.empty-state{padding:48px 20px;text-align:center;color:var(--muted)}.empty-state i{font-size:2rem;color:#9db4d3}.search-box{position:relative}.search-box i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#8a98ad}.search-box input{padding-left:38px}.modal-content{border:none;border-radius:20px;box-shadow:0 28px 80px rgba(16,37,69,.2)}.modal-header{border-bottom:1px solid var(--line);padding:18px 22px}.modal-body{padding:22px}.modal-footer{border-top:1px solid var(--line);padding:16px 22px}.page-loader{position:fixed;inset:0;background:rgba(247,250,255,.78);backdrop-filter:blur(3px);z-index:9999;display:grid!important;place-items:center}.page-loader.d-none{display:none!important}.loader-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 26px;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.12)}.hero-panel{background:linear-gradient(135deg,#073675,#0b4aa2 55%,#2b75d5);border-radius:22px;color:#fff;padding:28px;position:relative;overflow:hidden}.hero-panel:before,.hero-panel:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.hero-panel:before{width:180px;height:180px;right:-60px;top:-80px}.hero-panel:after{width:120px;height:120px;right:90px;bottom:-70px}.hero-panel h2{font-weight:800;font-size:1.7rem}.hero-panel p{color:rgba(255,255,255,.8);max-width:750px}.uid-preview{background:#081f43;color:#fff;border-radius:16px;padding:16px 20px;font-size:1.3rem;font-weight:800;letter-spacing:.09em;text-align:center}.mini-step{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.mini-step .num{width:28px;height:28px;border-radius:9px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:800}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.segment-card{border-radius:16px;padding:18px;border:1px solid var(--line);background:#fff}.segment-code{font-size:1.7rem;font-weight:900;letter-spacing:.06em}.segment-blue{background:#edf5ff;border-color:#cfe2ff}.segment-green{background:#effaf4;border-color:#cdebd9}.segment-orange{background:#fff6ed;border-color:#ffdfc1}.segment-purple{background:#f5efff;border-color:#e1d0ff}.note-box{background:#fff8e8;border:1px solid #f4dc9e;border-radius:14px;padding:13px 15px;color:#725b24}.filter-bar{display:flex;gap:10px;flex-wrap:wrap}.filter-bar>*{min-width:180px}.section-title{font-size:1rem;font-weight:800;margin:0}.action-btn{width:34px;height:34px;border-radius:9px;display:inline-grid;place-items:center;border:1px solid var(--line);background:#fff}.action-btn:hover{background:#f4f7fb}.action-btn.edit{color:#0b6bcb}.action-btn.delete{color:#d33}.action-btn.view{color:#198754}.required:after{content:" *";color:#dc3545}.hint{font-size:.78rem;color:var(--muted)}
@media(max-width:991.98px){.detail-grid{grid-template-columns:repeat(2,1fr)}.page-head{align-items:flex-start;flex-direction:column}.nav-link{margin-top:4px}.filter-bar>*{min-width:150px;flex:1}}
@media(max-width:575.98px){.container-fluid{padding-left:14px!important;padding-right:14px!important}.card-pro .card-body{padding:15px}.card-pro .card-header{padding:15px}.detail-grid{grid-template-columns:1fr}.hero-panel{padding:22px}.hero-panel h2{font-size:1.35rem}.uid-preview{font-size:1rem;overflow-wrap:anywhere}.table-responsive{border-radius:0 0 18px 18px}.page-head h1{font-size:1.3rem}.btn-brand{width:100%}}