:root{--cgfb-navy:#102746;--cgfb-navy2:#17385f;--cgfb-teal:#16898c;--cgfb-blue:#2f7db2;--cgfb-green:#2f8b65;--cgfb-gold:#b8811b;--cgfb-red:#c2413b;--cgfb-bg:#f4f7fb;--cgfb-line:#e5eaf1;--cgfb-muted:#718096;--cgfb-shadow:0 10px 28px rgba(16,39,70,.08)}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#172033;background:var(--cgfb-bg)}
.cgfb-content-wrapper{background:var(--cgfb-bg)!important}.content-wrapper{min-height:calc(100vh - 57px)!important}.main-footer{font-size:12px;color:#6f7b8e;border-top:1px solid var(--cgfb-line)}
.cgfb-sidebar{background:linear-gradient(180deg,#0d213d,#102a4c 65%,#0b1d35)!important}.cgfb-brand{height:68px;display:flex!important;align-items:center;padding:12px 15px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.cgfb-brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#25a6a6,#2f7db2);display:inline-flex;align-items:center;justify-content:center;color:white;font-size:12px;font-weight:800;letter-spacing:.5px;box-shadow:0 8px 20px rgba(22,137,140,.28)}.cgfb-brand-mark.lg{width:54px;height:54px;border-radius:15px;font-size:16px}.cgfb-brand .brand-text{display:flex;flex-direction:column;margin-left:10px;color:white;font-size:14px;line-height:1.2}.cgfb-brand .brand-text small{font-size:10px;color:#91a8c0;margin-top:3px}.nav-sidebar>.nav-header{font-size:9px!important;letter-spacing:1.4px;color:#6f8aa8!important;font-weight:800;padding:16px 12px 7px!important}.nav-sidebar .nav-link{border-radius:9px!important;margin:2px 5px;color:#c5d3e2!important;font-size:13px;padding:10px 12px!important}.nav-sidebar .nav-link:hover{background:rgba(255,255,255,.07)!important;color:white!important}.nav-sidebar .nav-link.active{background:rgba(22,137,140,.22)!important;color:white!important;box-shadow:none!important}.nav-sidebar .nav-link.active:before{content:"";position:absolute;left:0;width:3px;height:22px;background:#2ac0bc;border-radius:4px}.nav-sidebar .nav-icon{font-size:14px!important;margin-right:8px!important}
.cgfb-topbar{border-bottom:1px solid var(--cgfb-line)!important;box-shadow:none!important;height:68px}.cgfb-breadcrumb{display:flex;gap:9px;align-items:center;font-size:12px;color:#8a95a5}.cgfb-breadcrumb strong{color:#26354a}.cgfb-breadcrumb i{font-size:9px}.cgfb-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--cgfb-navy2),#1a8f93);color:white;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px}.cgfb-user-role{font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:800;color:#557086;background:#eef5f7;padding:6px 10px;border-radius:30px}
.cgfb-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.cgfb-page-head h1{font-size:26px;line-height:1.15;margin:0 0 7px;font-weight:800;letter-spacing:-.4px}.cgfb-page-head p{margin:0;color:var(--cgfb-muted);font-size:13px}.cgfb-page-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border-radius:9px;font-weight:700;font-size:12px}.btn-cgfb{background:linear-gradient(135deg,#137b80,#1b999a);border:0;color:white!important;box-shadow:0 8px 18px rgba(22,137,140,.18)}.btn-cgfb:hover{filter:brightness(.96);transform:translateY(-1px)}.btn-light{border:1px solid #e3e8ef;background:white}.form-control,.input-group-text{border-color:#dfe5ec;border-radius:9px;font-size:13px;height:41px}.form-control:focus{border-color:#53a7aa;box-shadow:0 0 0 .15rem rgba(22,137,140,.12)}textarea.form-control{height:auto}.form-group label{font-size:11px;font-weight:800;color:#445267;text-transform:none}.form-text{font-size:10px}.error{color:#c2413b!important;font-size:10px!important;font-weight:600!important;margin-top:4px;display:block}.form-control.error{border-color:#e3a5a2}.swal2-popup{border-radius:16px!important}.swal2-title{font-size:20px!important}.swal2-html-container{font-size:13px!important}
.cgfb-card{background:white;border:1px solid #e7ecf2;border-radius:16px;box-shadow:var(--cgfb-shadow);overflow:hidden}.cgfb-card-head{padding:16px 18px;border-bottom:1px solid #edf1f5;display:flex;justify-content:space-between;align-items:center;gap:12px}.cgfb-card-head h3{margin:0;font-size:14px;font-weight:800}.cgfb-card-head p{font-size:10px;color:#8793a4;margin:3px 0 0}.cgfb-card-head>a{font-size:11px;color:var(--cgfb-teal);font-weight:700}.cgfb-sticky{position:sticky;top:88px}.cgfb-stat-row{margin-bottom:4px}.cgfb-stat-card{height:112px;background:white;border:1px solid #e7ecf2;border-radius:16px;box-shadow:var(--cgfb-shadow);padding:18px;display:flex;align-items:center;gap:15px;margin-bottom:18px;position:relative;overflow:hidden}.cgfb-stat-card:after{content:"";position:absolute;width:86px;height:86px;border-radius:50%;right:-30px;top:-33px;opacity:.08;background:currentColor}.cgfb-stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:19px;background:#f1f6fb}.cgfb-stat-card strong{display:block;font-size:25px;line-height:1;font-weight:800}.cgfb-stat-card span{font-size:11px;color:#78869a;display:block;margin-top:7px}.cgfb-stat-card.blue{color:var(--cgfb-blue)}.cgfb-stat-card.green{color:var(--cgfb-green)}.cgfb-stat-card.gold{color:var(--cgfb-gold)}.cgfb-stat-card.teal{color:var(--cgfb-teal)}
.cgfb-table{font-size:12px}.cgfb-table thead th{border-top:0;border-bottom:1px solid #e9eef3;background:#fafbfd;color:#748196;font-size:9px;text-transform:uppercase;letter-spacing:.6px;font-weight:800;padding:12px 14px;white-space:nowrap}.cgfb-table tbody td{padding:13px 14px;vertical-align:middle;border-top:1px solid #edf1f5}.cgfb-table tbody tr:hover{background:#fbfdff}.cgfb-table td strong{display:block;font-size:11px}.cgfb-table td small{display:block;font-size:9px;color:#8995a5;margin-top:2px}.cgfb-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:20px;font-size:9px;font-weight:800;white-space:nowrap}.cgfb-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.cgfb-badge.approved,.cgfb-badge.synced{color:#23825c;background:#eaf8f1}.cgfb-badge.in_review,.cgfb-badge.pending{color:#2f78a5;background:#edf6fc}.cgfb-badge.draft,.cgfb-badge.out_of_date{color:#b06a0d;background:#fff7e8}.cgfb-badge.failed{color:#b5413a;background:#fff0f0}.cgfb-badge.archived{color:#687386;background:#f1f4f7}
.cgfb-sync-row{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf1f5}.cgfb-sync-row:last-child{border-bottom:0}.cgfb-sync-row strong{font-size:11px;display:block}.cgfb-sync-row small{font-size:9px;color:#8995a5;display:block}.cgfb-site-mark{width:36px;height:36px;border-radius:10px;background:#eaf6f5;color:var(--cgfb-teal);display:flex;align-items:center;justify-content:center;font-weight:800}
.cgfb-filter-bar{padding:14px;display:flex;gap:9px;align-items:center}.cgfb-filter-bar .form-control{max-width:210px}.cgfb-search{flex:1;min-width:260px;position:relative}.cgfb-search i{position:absolute;left:13px;top:14px;color:#8b96a5}.cgfb-search input{height:41px;width:100%;border:1px solid #dfe5ec;border-radius:9px;padding:0 12px 0 36px;outline:0;font-size:13px}.cgfb-search input:focus{border-color:#53a7aa;box-shadow:0 0 0 .15rem rgba(22,137,140,.12)}
.cgfb-design-card{background:white;border:1px solid #e5ebf1;border-radius:16px;box-shadow:var(--cgfb-shadow);padding:16px;margin-bottom:18px;transition:.2s}.cgfb-design-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(16,39,70,.11)}.cgfb-design-top{display:flex;justify-content:space-between;align-items:center}.cgfb-design-code{font-size:9px;font-weight:800;color:#718096;text-transform:uppercase;letter-spacing:.5px}.cgfb-design-thumb{height:130px;border-radius:13px;background:linear-gradient(145deg,#edf5f6,#e1ebf1);display:flex;align-items:center;justify-content:center;font-size:33px;color:#71909f;margin:13px 0}.cgfb-design-card h3{font-size:15px;font-weight:800;margin:0 0 5px}.cgfb-design-card>p{font-size:10px;color:#8390a1;margin:0}.cgfb-design-meta{display:flex;gap:14px;padding:12px 0;margin-top:12px;border-top:1px solid #eef2f5;border-bottom:1px solid #eef2f5;color:#778598;font-size:9px}.cgfb-design-meta i{margin-right:5px;color:#5f879d}.cgfb-design-actions{display:flex;justify-content:space-between;align-items:center;padding-top:12px}
.cgfb-tabs{background:white;border:1px solid #e6ebf1;border-radius:13px;padding:5px;box-shadow:0 4px 14px rgba(16,39,70,.05);flex-wrap:wrap}.cgfb-tabs .nav-link{border-radius:9px;color:#687587;font-size:10px;font-weight:800;padding:9px 12px}.cgfb-tabs .nav-link.active{background:#eaf6f5;color:#11797d}.cgfb-tabs .nav-link span{background:#edf1f5;color:#6e7b8e;border-radius:20px;padding:2px 5px;margin-left:3px}.cgfb-status-stack{display:grid;gap:11px}.cgfb-status-stack>div{display:flex;justify-content:space-between;border-bottom:1px solid #eef2f5;padding-bottom:9px;font-size:10px}.cgfb-status-stack>div:last-child{border:0;padding:0}.cgfb-status-stack span{color:#7b8798}.cgfb-status-stack strong{color:#2d3c50;text-align:right}.cgfb-price-preview{height:76px;background:#eff8f7;border:1px solid #dcefed;border-radius:12px;padding:10px 14px;display:flex;align-items:baseline;gap:7px}.cgfb-price-preview small{display:block;width:100%;position:absolute;color:#788698;font-size:9px}.cgfb-price-preview strong{font-size:21px;color:#15575c;margin-top:22px}.cgfb-price-preview span{font-size:9px;color:#7c8999}
.cgfb-asset-card{background:white;border:1px solid #e5eaf0;border-radius:15px;box-shadow:var(--cgfb-shadow);overflow:hidden;margin-bottom:18px}.cgfb-asset-preview{height:165px;background:#edf3f5;display:flex;align-items:center;justify-content:center;color:#718896;font-size:38px;overflow:hidden}.cgfb-asset-preview img{width:100%;height:100%;object-fit:cover}.cgfb-asset-card h4{font-size:12px;font-weight:800;margin:10px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cgfb-asset-card p{font-size:9px;color:#8390a0;margin-bottom:10px}
.cgfb-driver-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cgfb-driver-card{position:relative;margin:0;cursor:pointer}.cgfb-driver-card input{position:absolute;opacity:0}.cgfb-driver-card span{display:flex;align-items:center;gap:12px;border:1px solid #dfe6ed;border-radius:13px;padding:14px;background:#fbfcfd}.cgfb-driver-card input:checked+span{border-color:#3b9fa1;background:#edf8f7;box-shadow:0 0 0 2px rgba(22,137,140,.08)}.cgfb-driver-card i{font-size:22px;color:#4d7f92}.cgfb-driver-card strong{font-size:11px;display:block}.cgfb-driver-card small{font-size:9px;color:#8793a3;display:block}.cgfb-flow{display:grid;gap:12px;text-align:center}.cgfb-flow>div:not(.or){border:1px solid #e4eaf0;border-radius:12px;padding:13px;display:flex;flex-direction:column;gap:4px}.cgfb-flow i{font-size:20px;color:#567a8e}.cgfb-flow strong{font-size:11px;color:#176d71}.cgfb-flow span{font-size:9px;color:#7c8998}.cgfb-flow>.fa-arrow-down{color:#a2afbd}.cgfb-flow .or{font-size:9px;font-weight:800;color:#9ba6b2}
.cgfb-login-page{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(33,154,157,.14),transparent 30%),linear-gradient(135deg,#0d203b,#14365f 55%,#0e4650);display:flex;align-items:center;justify-content:center;padding:30px}.cgfb-login-card{width:460px;max-width:100%;background:white;border-radius:22px;padding:32px;box-shadow:0 35px 80px rgba(0,0,0,.28)}.cgfb-login-brand{display:flex;align-items:center;gap:13px;border-bottom:1px solid #edf1f5;padding-bottom:20px}.cgfb-login-brand h1{font-size:16px;font-weight:800;margin:0}.cgfb-login-brand p{font-size:10px;color:#8692a3;margin:3px 0 0}.cgfb-login-copy{padding:25px 0 15px}.cgfb-login-copy h2{font-size:24px;font-weight:800;margin:0 0 6px}.cgfb-login-copy p{font-size:11px;color:#7b8798;margin:0}.cgfb-login-security{margin-top:20px;background:#f1f7f7;border-radius:11px;padding:10px 12px;color:#647487;font-size:9px;display:flex;gap:8px;align-items:center}.cgfb-login-security i{color:#18868a}
@media(max-width:991px){.cgfb-page-head{flex-direction:column}.cgfb-filter-bar{flex-wrap:wrap}.cgfb-search{flex-basis:100%;min-width:0}.cgfb-filter-bar .form-control{max-width:none;flex:1}.cgfb-sticky{position:static;margin-top:18px}.cgfb-driver-options{grid-template-columns:1fr}}
@media(max-width:575px){.content{padding-left:10px!important;padding-right:10px!important}.cgfb-page-head h1{font-size:22px}.cgfb-filter-bar{display:grid;grid-template-columns:1fr}.cgfb-search{min-width:0}.cgfb-filter-bar .form-control{width:100%}.cgfb-login-card{padding:24px 20px}.cgfb-breadcrumb{display:none}.cgfb-page-actions{width:100%}.cgfb-page-actions .btn{flex:1}}