.ccb-shell,.ccb-dash-shell{max-width:1180px;margin:24px auto;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#14213d}.ccb-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:30px;border-radius:24px;background:linear-gradient(135deg,#eef4ff,#f5efff);margin-bottom:20px}.ccb-hero h2,.ccb-track-head h2{font-size:34px;line-height:1.1;margin:7px 0 10px}.ccb-hero p,.ccb-track-head p,.ccb-dash-head p{color:#667085;margin:0}.ccb-kicker{font-size:12px;font-weight:800;letter-spacing:.13em;color:#5b5bd6}.ccb-code-demo,.ccb-master-code,.ccb-big-code{font-weight:900;letter-spacing:.06em;color:#4f46e5}.ccb-code-demo{font-size:24px;background:#fff;padding:18px 22px;border-radius:16px;box-shadow:0 10px 30px rgba(79,70,229,.12)}.ccb-card,.ccb-result-card,.ccb-panel,.ccb-filter-card{background:#fff;border:1px solid #e6e9f0;border-radius:22px;padding:24px;box-shadow:0 8px 30px rgba(16,24,40,.05)}.ccb-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ccb-card label,.ccb-panel label,.ccb-filter-card label,.ccb-settings-grid label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:14px}.ccb-card input[type=text],.ccb-card input[type=email],.ccb-card input[type=password],.ccb-card input[type=url],.ccb-card select,.ccb-panel input,.ccb-panel select,.ccb-panel textarea,.ccb-filter-card input,.ccb-filter-card select,.ccb-settings-grid input{min-height:46px;border:1px solid #d7dce5;border-radius:12px;padding:10px 13px;font-size:14px;background:#fff;box-sizing:border-box}.ccb-section-title{font-weight:800;margin:22px 0 10px}.ccb-country-chips{display:flex;flex-wrap:wrap;gap:9px}.ccb-country-chips label{display:inline-flex}.ccb-country-chips input{display:none}.ccb-country-chips span{padding:8px 12px;border:1px solid #dce1eb;border-radius:999px;font-weight:600;background:#fafbff;cursor:pointer}.ccb-country-chips input:checked+span{background:#eef2ff;border-color:#6366f1;color:#4338ca}.ccb-upload{margin-top:20px;border:2px dashed #cfd6e4;border-radius:14px;padding:16px}.ccb-upload small{font-weight:500;color:#7a8496}.ccb-consent{margin:16px 0;display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px!important;font-weight:500!important}.ccb-primary,.ccb-btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:#4f46e5;color:#fff!important;border-radius:11px;padding:11px 15px;font-weight:800;cursor:pointer;text-decoration:none!important}.ccb-btn.ghost{background:#fff;color:#344054!important;border:1px solid #d9dee8}.ccb-btn.danger{background:#fff1f2;color:#b42318!important;border:1px solid #fecdd3}.ccb-inline{margin-top:8px}.ccb-notice,.ccb-error{margin-top:14px;padding:12px 14px;border-radius:12px}.ccb-notice{background:#f3f4f6}.ccb-error{background:#fff1f2;color:#b42318;border:1px solid #fecdd3}.ccb-success{text-align:center;margin-top:18px;padding:24px;border-radius:18px;background:#f0fdf4;border:1px solid #bbf7d0}.ccb-success-icon{width:46px;height:46px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#16a34a;color:#fff;font-size:26px}.ccb-big-code{font-size:30px;margin:6px 0 10px}.ccb-verify-code{font-size:22px;font-weight:900;letter-spacing:.12em}.ccb-small,.ccb-help{font-size:13px;color:#667085}.ccb-track-head{text-align:center;margin-bottom:18px}.ccb-track-form{margin-bottom:18px}.ccb-result-top{display:flex;justify-content:space-between;align-items:flex-start}.ccb-result-top h3{font-size:28px;margin:5px 0}.ccb-master-code{font-size:20px}.ccb-status{display:inline-flex;border-radius:999px;padding:7px 11px;background:#eef2ff;color:#4338ca;font-weight:800;font-size:12px}.ccb-status.active{background:#ecfdf3;color:#027a48}.ccb-tabs{display:flex;gap:8px;overflow:auto;margin:22px 0 16px;padding-bottom:4px}.ccb-tab{white-space:nowrap;border:1px solid #dfe3eb;border-radius:10px;padding:9px 13px;background:#fff;font-weight:700;cursor:pointer}.ccb-tab.active{background:#111827;color:#fff;border-color:#111827}.ccb-tab-panel{display:none}.ccb-tab-panel.active{display:block}.ccb-country-status{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.ccb-timeline{position:relative;padding-left:8px}.ccb-event{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:12px 0}.ccb-dot{width:12px;height:12px;border:3px solid #818cf8;border-radius:50%;margin-top:5px;background:#fff}.ccb-event-top{display:flex;justify-content:space-between;gap:12px}.ccb-event-top span{font-size:12px;color:#8992a3}.ccb-event-meta{font-size:12px;color:#5b5bd6;font-weight:700;margin-top:3px}.ccb-event p{margin:5px 0 0;color:#596274}.ccb-timeline:before{content:"";position:absolute;left:13px;top:18px;bottom:18px;width:2px;background:#e3e6ee}.ccb-event>*{position:relative}
.ccb-login-shell{max-width:520px}.ccb-login-card h2{font-size:30px;margin:7px 0}.ccb-login-card form{display:grid;gap:15px;margin-top:20px}
.ccb-dash-shell{max-width:1400px}.ccb-dash-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:8px 0 18px}.ccb-dash-head h1{margin:5px 0;font-size:32px}.ccb-dash-actions{display:flex;gap:8px;flex-wrap:wrap}.ccb-dash-nav{display:flex;gap:8px;border-bottom:1px solid #e6e9f0;margin-bottom:18px}.ccb-dash-nav a{padding:11px 14px;text-decoration:none;color:#667085;font-weight:800;border-bottom:3px solid transparent}.ccb-dash-nav a.active{color:#4f46e5;border-bottom-color:#4f46e5}.ccb-stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px}.ccb-stat-grid>div{background:#fff;border:1px solid #e6e9f0;border-radius:16px;padding:16px;box-shadow:0 4px 18px rgba(16,24,40,.04)}.ccb-stat-grid strong{display:block;font-size:25px}.ccb-stat-grid span{font-size:12px;color:#667085}.ccb-dash-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px}.ccb-filter-card{padding:18px;height:max-content;position:sticky;top:20px}.ccb-filter-card h3{margin-top:0}.ccb-filter-card form{display:grid;gap:12px}.ccb-clear{display:block;text-align:center;font-weight:700;color:#667085;text-decoration:none}.ccb-cv-area{min-width:0}.ccb-list-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ccb-list-head h2{margin:0}.ccb-list-head span{color:#667085;font-size:13px}.ccb-cv-list{display:grid;gap:10px}.ccb-cv-row{display:grid;grid-template-columns:54px minmax(0,1fr) 190px;gap:14px;align-items:center;background:#fff;border:1px solid #e6e9f0;border-radius:16px;padding:15px;box-shadow:0 4px 18px rgba(16,24,40,.035)}.ccb-avatar{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#4f46e5,#8b5cf6);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900}.ccb-avatar.big{width:68px;height:68px;border-radius:18px;font-size:28px}.ccb-cv-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ccb-cv-title strong{font-size:16px}.ccb-mini-code{font-size:11px;font-weight:900;color:#4f46e5;background:#eef2ff;padding:4px 7px;border-radius:7px}.ccb-jobline{font-weight:700;margin-top:4px}.ccb-meta,.ccb-skills{font-size:12px;color:#667085;margin-top:4px}.ccb-skills{color:#475467}.ccb-cv-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.ccb-cv-side small{font-size:10px;color:#667085}.ccb-empty{padding:30px;text-align:center;background:#fff;border:1px dashed #ccd2dc;border-radius:16px;color:#667085}.ccb-detail-top{display:flex;justify-content:space-between;margin-bottom:14px}.ccb-back{text-decoration:none;font-weight:800;color:#4f46e5}.ccb-profile-card{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#f6f8ff,#faf7ff);padding:22px;border-radius:20px;margin-bottom:16px}.ccb-profile-card h1{margin:3px 0;font-size:29px}.ccb-profile-card p{margin:0;color:#667085}.ccb-profile-card>.ccb-status{margin-left:auto}.ccb-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.ccb-panel h3{margin-top:0}.ccb-panel form{display:grid;gap:12px}.ccb-panel dl{display:grid;grid-template-columns:150px 1fr;gap:10px;margin:0}.ccb-panel dt{font-weight:800;color:#475467}.ccb-panel dd{margin:0;color:#344054}.ccb-note-list{display:grid;gap:8px;margin-top:14px}.ccb-note-list>div{background:#f8fafc;border-radius:12px;padding:11px}.ccb-note-list small{float:right;color:#98a2b3}.ccb-note-list p{margin:6px 0 0}.ccb-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ccb-settings-grid .ccb-panel{display:grid;gap:12px}
@media(max-width:1050px){.ccb-stat-grid{grid-template-columns:repeat(3,1fr)}.ccb-dash-layout{grid-template-columns:1fr}.ccb-filter-card{position:static}.ccb-cv-row{grid-template-columns:48px 1fr}.ccb-cv-side{grid-column:2;align-items:flex-start;flex-direction:row;flex-wrap:wrap}.ccb-detail-grid,.ccb-settings-grid{grid-template-columns:1fr}}
@media(max-width:700px){.ccb-hero,.ccb-dash-head,.ccb-profile-card{flex-direction:column;align-items:flex-start}.ccb-grid.two{grid-template-columns:1fr}.ccb-hero h2,.ccb-track-head h2{font-size:28px}.ccb-result-top,.ccb-event-top{flex-direction:column}.ccb-card,.ccb-result-card,.ccb-panel{padding:18px}.ccb-stat-grid{grid-template-columns:repeat(2,1fr)}.ccb-cv-row{grid-template-columns:1fr}.ccb-avatar{display:none}.ccb-cv-side{grid-column:1}.ccb-profile-card>.ccb-status{margin-left:0}.ccb-panel dl{grid-template-columns:1fr}.ccb-panel dd{margin-bottom:8px}}

/* ===== CCB v1.2 Professional Operations UI Framework ===== */
:root{--ccb-navy:#071a3a;--ccb-navy-2:#0b2a5a;--ccb-blue:#1769e0;--ccb-blue-2:#2f7df4;--ccb-cyan:#0ea5e9;--ccb-green:#16a34a;--ccb-orange:#f59e0b;--ccb-red:#dc2626;--ccb-purple:#7c3aed;--ccb-bg:#f5f7fb;--ccb-card:#fff;--ccb-border:#e3e8f0;--ccb-text:#162033;--ccb-muted:#687386;--ccb-shadow:0 12px 32px rgba(24,39,75,.07);--ccb-radius:16px;--ccb-radius-lg:22px}
.ccb-dash-shell,.ccb-shell{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ccb-text)}
.ccb-dash-shell{max-width:1480px;background:var(--ccb-bg);border:1px solid #edf0f5;border-radius:24px;padding:24px;margin:24px auto;box-shadow:0 24px 70px rgba(9,30,66,.08)}
.ccb-dash-head{background:linear-gradient(135deg,#fff 0%,#f7faff 68%,#eef5ff 100%);border:1px solid var(--ccb-border);border-radius:20px;padding:22px 24px;margin-bottom:16px;box-shadow:var(--ccb-shadow)}
.ccb-dash-head h1{color:#0d1b32;font-size:30px;letter-spacing:-.03em}.ccb-dash-head p{max-width:760px}
.ccb-kicker{color:var(--ccb-blue);letter-spacing:.14em;font-size:11px}.ccb-dash-actions .ccb-btn{min-height:38px}
.ccb-dash-nav{background:#fff;border:1px solid var(--ccb-border);border-radius:14px;padding:6px;gap:4px;margin-bottom:14px;box-shadow:0 6px 20px rgba(24,39,75,.04)}
.ccb-dash-nav a{border:0!important;border-radius:10px;padding:10px 14px;color:#5d6b80}.ccb-dash-nav a.active{background:var(--ccb-navy);color:#fff!important}
.ccb-scope-switch{display:flex;align-items:center;justify-content:flex-end;gap:10px;background:#fff;border:1px solid var(--ccb-border);border-radius:14px;padding:10px 12px;margin-bottom:14px}.ccb-scope-switch span{font-size:12px;font-weight:800;color:#526078;text-transform:uppercase;letter-spacing:.05em}.ccb-scope-switch select{min-width:220px;border:1px solid #d9e0ea;border-radius:10px;padding:9px 12px;background:#fff;color:#1d2b42;font-weight:700}
.ccb-stat-grid{gap:12px}.ccb-stat-grid>div{border:1px solid var(--ccb-border);border-radius:18px;padding:18px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:var(--ccb-shadow);position:relative;overflow:hidden}.ccb-stat-grid>div:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--ccb-blue)}.ccb-stat-grid>div:nth-child(2):before{background:var(--ccb-green)}.ccb-stat-grid>div:nth-child(3):before{background:var(--ccb-purple)}.ccb-stat-grid>div:nth-child(4):before{background:var(--ccb-cyan)}.ccb-stat-grid>div:nth-child(5):before{background:var(--ccb-orange)}.ccb-stat-grid>div:nth-child(6):before{background:#ef4444}.ccb-stat-grid strong{font-size:28px;letter-spacing:-.03em;color:#0c1c37}.ccb-stat-grid span{font-size:12px;font-weight:700;color:#738096}
.ccb-filter-card,.ccb-panel,.ccb-manager-panel{border:1px solid var(--ccb-border);border-radius:18px;background:#fff;box-shadow:var(--ccb-shadow)}
.ccb-filter-card{padding:18px}.ccb-filter-card h3{font-size:16px;color:#15233b}.ccb-filter-card input,.ccb-filter-card select{border-color:#dce3ed;background:#fbfcfe}.ccb-filter-card .ccb-primary{width:100%;background:var(--ccb-blue)}
.ccb-cv-row{border-color:var(--ccb-border);border-radius:17px;padding:16px 17px;box-shadow:0 6px 22px rgba(24,39,75,.045);transition:.18s ease}.ccb-cv-row:hover{transform:translateY(-1px);border-color:#cbd8ea;box-shadow:0 10px 28px rgba(24,39,75,.08)}
.ccb-avatar{background:linear-gradient(135deg,var(--ccb-blue),var(--ccb-purple));box-shadow:0 8px 18px rgba(47,125,244,.22)}.ccb-mini-code{background:#edf4ff;color:#1559bd}.ccb-status{background:#eef4ff;color:#175dbd;border:1px solid #dce9fb}.ccb-btn,.ccb-primary{background:var(--ccb-blue);box-shadow:none}.ccb-btn:hover,.ccb-primary:hover{filter:brightness(.96)}
.ccb-security-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:#ecfdf3;color:#087443;border:1px solid #b7f0ce;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.ccb-manager-panel{padding:20px;margin-bottom:16px}.ccb-manager-panel .ccb-list-head{margin-bottom:14px}.ccb-manager-panel h2{font-size:20px;margin:0;color:#10203b}.ccb-manager-table-wrap{overflow:auto;border:1px solid var(--ccb-border);border-radius:14px}.ccb-manager-table{width:100%;border-collapse:collapse;min-width:980px;background:#fff}.ccb-manager-table th{background:#f7f9fc;text-align:left;padding:12px 13px;color:#56647a;font-size:11px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--ccb-border)}.ccb-manager-table td{padding:13px;border-bottom:1px solid #eef1f5;vertical-align:middle;font-size:13px}.ccb-manager-table tbody tr:hover{background:#fbfdff}.ccb-manager-table td strong{display:block;font-size:13px}.ccb-manager-table td small{display:block;color:#8290a5;margin-top:3px}.ccb-type-badge{display:inline-flex;padding:5px 8px;border-radius:8px;background:#edf4ff;color:#175dbd;font-size:11px;font-weight:800}.ccb-type-badge.global{background:#fff4df;color:#a66300}.ccb-type-badge.regional{background:#f2edff;color:#6d3cc7}.ccb-type-badge.viewer{background:#f3f4f6;color:#586174}.ccb-live{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:900;padding:6px 9px;border-radius:999px}.ccb-live.on{background:#ecfdf3;color:#087443}.ccb-live.off{background:#fff1f2;color:#b42318}.ccb-live:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.ccb-actions-menu{position:relative}.ccb-actions-menu summary{cursor:pointer;list-style:none;display:inline-flex;padding:7px 10px;border:1px solid #dbe2ec;border-radius:9px;background:#fff;font-size:12px;font-weight:800}.ccb-actions-menu>div{position:absolute;right:0;top:36px;z-index:20;width:260px;background:#fff;border:1px solid var(--ccb-border);border-radius:12px;padding:10px;box-shadow:0 18px 45px rgba(24,39,75,.16)}.ccb-actions-menu form{display:grid;gap:7px;margin-bottom:8px}.ccb-actions-menu input{min-height:36px;border:1px solid #dce3ed;border-radius:8px;padding:7px 9px}.ccb-mini-action{border:1px solid #cfdae9;border-radius:8px;background:#f8fbff;color:#174d91;padding:7px 9px;font-weight:800;cursor:pointer}.ccb-mini-action.danger{background:#fff1f2;color:#b42318;border-color:#ffd2d6}.ccb-mini-action.success{background:#ecfdf3;color:#087443;border-color:#b7f0ce}
.ccb-audit-list{display:grid}.ccb-audit-list>div{display:grid;grid-template-columns:18px 1fr auto;gap:10px;align-items:center;padding:11px 4px;border-bottom:1px solid #eef1f5}.ccb-audit-dot{width:9px;height:9px;border-radius:50%;background:var(--ccb-blue);box-shadow:0 0 0 4px #eaf2ff}.ccb-audit-list strong{font-size:13px;text-transform:capitalize}.ccb-audit-list p{margin:2px 0 0;color:#78869a;font-size:12px}.ccb-audit-list time{font-size:11px;color:#8b97aa}
.ccb-global-ui{position:relative}.ccb-global-ui:before{content:"GLOBAL OPERATIONS";position:absolute;right:34px;top:34px;font-size:10px;letter-spacing:.13em;font-weight:900;color:#9aa6b7}
.ccb-login-card{border:1px solid var(--ccb-border);box-shadow:0 22px 60px rgba(24,39,75,.12)}.ccb-login-card select{min-height:46px;border:1px solid #d7dce5;border-radius:12px;padding:10px 13px;background:#fff}
@media(max-width:900px){.ccb-dash-shell{padding:14px;border-radius:16px}.ccb-scope-switch{justify-content:stretch;flex-direction:column;align-items:stretch}.ccb-scope-switch select{min-width:0;width:100%}.ccb-global-ui:before{display:none}}

/* ===== CCB v1.3 Universal Operations Design System ===== */
.ccb-app{--nav:#0b1f3a;--nav2:#102b50;--blue:#2563eb;--blue2:#3b82f6;--bg:#f6f8fc;--card:#fff;--border:#e6ebf2;--text:#172033;--muted:#697386;--green:#16a34a;--orange:#f59e0b;--red:#dc2626;--purple:#7c3aed;--cyan:#0891b2;display:grid;grid-template-columns:230px minmax(0,1fr);width:calc(100vw - 20px);max-width:none;position:relative;left:50%;transform:translateX(-50%);margin:10px 0 22px;background:var(--bg);border:1px solid #edf1f6;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(15,23,42,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);min-height:calc(100vh - 90px)}
.ccb-app *{box-sizing:border-box}.ccb-app a{text-decoration:none}.ccb-app-sidebar{background:linear-gradient(180deg,var(--nav),#0b203c 70%,#09192f);color:#fff;padding:18px 12px;display:flex;flex-direction:column;min-width:0}.ccb-brand{display:flex;align-items:center;gap:10px;padding:5px 8px 20px;border-bottom:1px solid rgba(255,255,255,.09)}.ccb-brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#2563eb,#60a5fa);display:grid;place-items:center;font-weight:900;box-shadow:0 8px 18px rgba(37,99,235,.3)}.ccb-brand strong{display:block;font-size:15px}.ccb-brand span{display:block;font-size:11px;color:#9fb0c9;margin-top:2px}.ccb-app-sidebar nav{display:grid;gap:4px;padding-top:16px}.ccb-nav-label{font-size:10px;letter-spacing:.12em;color:#7690b2;margin:13px 10px 5px;font-weight:800}.ccb-app-sidebar nav a{display:flex;align-items:center;gap:10px;color:#d7e1ee;padding:10px 11px;border-radius:10px;font-size:12px;font-weight:700}.ccb-app-sidebar nav a>span{width:22px;text-align:center;color:#a8bbd2}.ccb-app-sidebar nav a:hover,.ccb-app-sidebar nav a.active{background:linear-gradient(135deg,#1769e0,#2f7df4);color:#fff}.ccb-app-sidebar nav a.active>span{color:#fff}.ccb-side-security{margin-top:auto;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;background:rgba(255,255,255,.04)}.ccb-side-security strong,.ccb-side-security span{display:block}.ccb-side-security strong{font-size:12px}.ccb-side-security span{color:#9eb0c7;font-size:10px;margin-top:3px}.ccb-side-user{display:flex;align-items:center;gap:9px;padding:14px 5px 2px;margin-top:10px;border-top:1px solid rgba(255,255,255,.08)}.ccb-user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:800;font-size:11px;flex:0 0 auto}.ccb-side-user strong,.ccb-side-user span{display:block}.ccb-side-user strong{font-size:11px}.ccb-side-user span{font-size:9px;color:#9eb0c7;margin-top:2px}
.ccb-app-main{min-width:0}.ccb-topbar{height:58px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 22px}.ccb-breadcrumb{font-size:12px;color:#2f68ca;font-weight:700}.ccb-breadcrumb span{color:#a4adba;margin:0 7px}.ccb-top-actions{display:flex;gap:8px;align-items:center}.ccb-icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid #dfe6ef;display:grid;place-items:center;background:#fff;color:#526174!important}.ccb-scope-switch.compact{padding:0;margin:0;border:0;box-shadow:none;background:transparent}.ccb-scope-switch.compact select{min-width:190px;height:38px;padding:6px 10px;border-radius:10px;background:#fff}
.ccb-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;padding:22px}.ccb-primary-column{min-width:0}.ccb-context-column{display:grid;align-content:start;gap:14px}.ccb-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px}.ccb-page-head h1{font-size:26px;line-height:1.15;letter-spacing:-.03em;margin:4px 0 5px;color:#111b2e}.ccb-page-head p{margin:0;color:var(--muted);font-size:12px;max-width:720px}.ccb-page-actions{display:flex;gap:8px}.ccb-page-actions .ccb-btn{white-space:nowrap}
.ccb-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}.ccb-metric-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.ccb-metric-grid article{display:flex;gap:11px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:15px;padding:14px;box-shadow:0 8px 24px rgba(15,23,42,.045)}.ccb-metric-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:13px;flex:0 0 auto}.ccb-metric-icon.blue{background:#e8f0ff;color:#2563eb}.ccb-metric-icon.green{background:#e6f8eb;color:#159447}.ccb-metric-icon.purple{background:#f0e9ff;color:#7c3aed}.ccb-metric-icon.cyan{background:#e7f8fb;color:#0891b2}.ccb-metric-icon.orange{background:#fff3df;color:#e58a00}.ccb-metric-icon.red{background:#ffe9ea;color:#d83232}.ccb-metric-grid small,.ccb-metric-grid strong,.ccb-metric-grid em{display:block}.ccb-metric-grid small{font-size:10px;font-weight:800;color:#455368}.ccb-metric-grid strong{font-size:24px;line-height:1.1;margin:2px 0;color:#152039}.ccb-metric-grid em{font-style:normal;font-size:9px;color:#7e8999}
.ccb-panel-pro{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 10px 28px rgba(15,23,42,.045);min-width:0}.ccb-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.ccb-section-head h2,.ccb-section-head h3{margin:0;color:#172033}.ccb-section-head h2{font-size:18px}.ccb-section-head h3{font-size:15px}.ccb-section-head p{margin:2px 0 0;color:#7b8798;font-size:10px}.ccb-filter-toggle{display:none;border:1px solid #dce4ef;background:#fff;border-radius:8px;padding:7px 10px;font-weight:800}.ccb-filter-strip{border:1px solid #e9edf3;background:#f9fbfd;border-radius:12px;padding:10px;margin-bottom:12px}.ccb-filter-strip form{display:grid;grid-template-columns:minmax(220px,2fr) 1fr 1fr 1fr auto auto;gap:8px;align-items:center}.ccb-filter-strip input,.ccb-filter-strip select{width:100%;height:38px;border:1px solid #dce4ef;border-radius:9px;background:#fff;padding:7px 9px;font-size:11px}.ccb-filter-strip .ccb-primary{height:38px;padding:8px 13px;border-radius:9px}.ccb-filter-strip .ccb-clear{font-size:11px}
.pro-list .ccb-cv-row{grid-template-columns:48px minmax(0,1fr) 165px;padding:13px;border-radius:13px}.pro-list .ccb-cv-row+.ccb-cv-row{margin-top:8px}.ccb-dot-sep{color:#a8b0bd;margin:0 6px}.ccb-meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.ccb-country-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ccb-country-card{border:1px solid #e4eaf1;border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:102px;color:#1d2a3e!important;background:#fff;transition:.16s ease}.ccb-country-card:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.07);border-color:#cad8eb}.ccb-country-card.static{cursor:default}.ccb-country-card strong{font-size:11px;text-align:center}.ccb-country-card span{font-size:9px;color:#7d8897}.ccb-country-avatar{display:inline-grid;place-items:center;position:relative;border:1px solid #dce4ee;background:#fff;border-radius:50%;overflow:hidden;vertical-align:middle;box-shadow:0 3px 9px rgba(15,23,42,.06)}.ccb-country-avatar.sm{width:26px;height:26px}.ccb-country-avatar.md{width:34px;height:34px}.ccb-country-avatar.lg{width:46px;height:46px}.ccb-country-avatar .ccb-flag{font-size:1.35em;line-height:1}.ccb-country-avatar.lg .ccb-flag{font-size:1.65em}.ccb-country-code{position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);font-size:6px;background:rgba(255,255,255,.92);padding:0 2px;border-radius:3px;color:#536276;font-weight:900}.ccb-country-stack{display:inline-flex;align-items:center}.ccb-country-stack .ccb-country-avatar{margin-left:-5px}.ccb-country-stack .ccb-country-avatar:first-child{margin-left:0}.ccb-stack-more{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#edf2f8;color:#516176;font-size:8px;font-weight:900;margin-left:-5px;border:2px solid #fff}.ccb-global-orb{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef4ff}.ccb-muted{color:#8995a5}
.ccb-guide-list{display:grid;gap:10px}.ccb-guide-list div{padding-bottom:9px;border-bottom:1px solid #eef1f5}.ccb-guide-list div:last-child{border-bottom:0;padding-bottom:0}.ccb-guide-list b,.ccb-guide-list span{display:block}.ccb-guide-list b{font-size:11px}.ccb-guide-list span{font-size:9px;color:#7d8998;margin-top:2px}
.pro-table-wrap{overflow-x:auto;overflow-y:visible;border:1px solid #e6ebf1;border-radius:12px}.pro-table-wrap .ccb-manager-table{min-width:900px}.ccb-manager-name,.ccb-country-cell{display:flex;align-items:center;gap:9px}.ccb-country-cell>div strong,.ccb-country-cell>div small{display:block}.ccb-country-cell>div small{font-size:8px;color:#8390a1;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccb-manage-btn{border:1px solid #dce4ee;border-radius:8px;background:#fff;padding:7px 10px;font-size:10px;font-weight:800;cursor:pointer}.ccb-manage-btn:hover{border-color:#aac1e2;background:#f7fbff}
.ccb-management-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px;margin-top:14px}.ccb-management-guide>div{display:flex;gap:10px;align-items:flex-start}.ccb-guide-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-size:11px;font-weight:900}.ccb-guide-icon.blue{background:#e8f0ff;color:#2563eb}.ccb-guide-icon.purple{background:#efe8ff;color:#7c3aed}.ccb-guide-icon.green{background:#e8f8ec;color:#159447}.ccb-management-guide strong{font-size:11px}.ccb-management-guide p{font-size:9px;line-height:1.45;color:#768394;margin:3px 0 0}
.ccb-audit-list.compact>div{grid-template-columns:14px 1fr auto;padding:9px 0}.ccb-audit-list.compact time{font-size:8px}.ccb-audit-list.compact strong{font-size:10px}.ccb-audit-list.compact p{font-size:9px}
.ccb-modal-backdrop{display:none;position:fixed;inset:0;background:rgba(7,18,36,.48);z-index:999999;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(2px)}.ccb-modal-backdrop.open{display:flex}.ccb-modal-card{width:min(520px,100%);max-height:86vh;overflow:auto;background:#fff;border-radius:18px;padding:20px;border:1px solid #e4eaf1;box-shadow:0 28px 80px rgba(0,0,0,.24);position:relative}.ccb-modal-close{position:absolute;right:13px;top:13px;width:34px;height:34px;border-radius:50%;border:0;background:#f2f5f9;font-size:20px;cursor:pointer}.ccb-modal-head{display:flex;gap:11px;align-items:center;padding-right:42px}.ccb-modal-head h3{margin:3px 0;font-size:19px}.ccb-modal-head p{margin:0;color:#7d8998;font-size:10px}.ccb-safe-notice{margin:14px 0;background:#eefaf2;border:1px solid #cbeed6;color:#267542;padding:10px 12px;border-radius:10px;font-size:10px}.ccb-modal-form{display:grid;gap:11px}.ccb-modal-form label{display:grid;gap:6px;font-size:11px;font-weight:800}.ccb-modal-form input{height:40px;border:1px solid #dce4ee;border-radius:9px;padding:8px 10px}.ccb-status-action{margin-top:12px;padding-top:12px;border-top:1px solid #edf1f5}.ccb-btn.success{background:#ecfdf3!important;color:#087443!important;border:1px solid #b7f0ce!important}
.ccb-login-pro{padding:28px}.ccb-login-brand{display:flex;gap:10px;align-items:center;margin-bottom:18px}.ccb-login-brand>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#1769e0,#6ea8ff);color:#fff;font-weight:900}.ccb-login-brand strong,.ccb-login-brand small{display:block}.ccb-login-brand strong{font-size:13px}.ccb-login-brand small{font-size:9px;color:#7c8797;margin-top:2px}.ccb-login-hint{font-size:9px;line-height:1.45;color:#7b8797;background:#f7f9fc;border-radius:9px;padding:9px}
.ccb-tech-wrap{max-width:1500px}.ccb-tech-grid{display:grid;grid-template-columns:430px minmax(0,1fr);gap:18px}.ccb-tech-card{background:#fff;border:1px solid #dcdcde;padding:20px;border-radius:12px}.ccb-tech-country-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ccb-tech-country-grid label{display:flex;align-items:center;gap:6px;padding:6px;border:1px solid #e2e5e9;border-radius:8px;background:#fafbfc}.ccb-tech-manager-list{display:grid;gap:9px}.ccb-tech-manager{border:1px solid #e0e4e8;border-radius:10px;background:#fff}.ccb-tech-manager summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;cursor:pointer}.ccb-tech-manager summary div:first-child strong,.ccb-tech-manager summary div:first-child span{display:block}.ccb-tech-manager summary div:first-child span{font-size:11px;color:#6d7785;margin-top:2px}.ccb-tech-edit-form{padding:14px;border-top:1px solid #eceff2}.ccb-tech-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ccb-tech-fields label{display:grid;gap:5px;font-weight:600}.ccb-tech-fields input,.ccb-tech-fields select{width:100%}.ccb-tech-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}
@media(max-width:1200px){.ccb-app{grid-template-columns:190px minmax(0,1fr)}.ccb-workspace{grid-template-columns:1fr}.ccb-context-column{grid-template-columns:1fr 1fr}.ccb-metric-grid{grid-template-columns:repeat(3,1fr)}.ccb-filter-strip form{grid-template-columns:1.5fr 1fr 1fr 1fr auto}.ccb-filter-strip .ccb-clear{grid-column:1/-1;text-align:right}}
@media(max-width:850px){.ccb-app{display:block;border-radius:14px}.ccb-app-sidebar{display:none}.ccb-workspace{padding:13px}.ccb-topbar{padding:0 13px}.ccb-page-head{flex-direction:column}.ccb-metric-grid,.ccb-metric-grid.four{grid-template-columns:repeat(2,1fr)}.ccb-context-column{grid-template-columns:1fr}.ccb-filter-strip form{grid-template-columns:1fr 1fr}.ccb-management-guide{grid-template-columns:1fr}.ccb-tech-grid{grid-template-columns:1fr}.ccb-tech-country-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ccb-metric-grid,.ccb-metric-grid.four{grid-template-columns:1fr 1fr}.ccb-filter-strip form{grid-template-columns:1fr}.ccb-page-actions{width:100%;flex-wrap:wrap}.ccb-country-grid{grid-template-columns:repeat(2,1fr)}.ccb-tech-country-grid,.ccb-tech-fields{grid-template-columns:1fr}.ccb-topbar{height:auto;min-height:58px;padding-top:8px;padding-bottom:8px;gap:8px}.ccb-breadcrumb{display:none}}

/* ===== CCB v1.3.1 Wide / Full Screen Operations Mode ===== */
.ccb-fullscreen-toggle{font-size:18px;line-height:1;cursor:pointer}
.ccb-app.ccb-focus-mode{position:fixed!important;inset:0!important;left:0!important;transform:none!important;width:100vw!important;height:100vh!important;max-width:none!important;min-height:100vh!important;margin:0!important;border:0!important;border-radius:0!important;z-index:9999999!important;box-shadow:none!important}
.ccb-app.ccb-focus-mode .ccb-app-sidebar{height:100vh;overflow-y:auto}
.ccb-app.ccb-focus-mode .ccb-app-main{height:100vh;overflow:auto}
.ccb-app.ccb-focus-mode .ccb-workspace{min-height:calc(100vh - 58px)}
body.ccb-focus-active{overflow:hidden!important}
@media(min-width:1500px){.ccb-workspace{grid-template-columns:minmax(0,1fr) 340px;padding:24px 28px}.ccb-metric-grid{gap:14px}.ccb-metric-grid article{padding:16px}.ccb-panel-pro{padding:18px}.pro-list .ccb-cv-row{grid-template-columns:54px minmax(0,1fr) 180px;padding:15px}.ccb-filter-strip form{grid-template-columns:minmax(320px,2fr) 1fr 1fr 1fr auto auto}}
@media(max-width:850px){.ccb-app{width:calc(100vw - 10px);left:50%;transform:translateX(-50%);margin:5px 0 16px;min-height:auto}.ccb-app.ccb-focus-mode{width:100vw!important}}