:root{--color-border-default:#E9D2C5;--color-border-strong:#D8B7A6;--color-brand-highlight:#D94A3A;--color-brand-primary:#B11E2E;--color-brand-primary-hover:#981927;--color-brand-secondary:#F2C84B;--color-brand-secondary-hover:#E5BA3E;--color-status-error-bg:#FDECED;--color-status-error-border:#F0A1A9;--color-status-error-text:#A1192A;--color-status-info-bg:#FDEEE8;--color-status-info-border:#F3B49B;--color-status-info-text:#8C3422;--color-status-success-bg:#E9F9EF;--color-status-success-border:#8DD9A2;--color-status-success-text:#176B35;--color-status-warning-bg:#FFF7E6;--color-status-warning-border:#F2C76A;--color-status-warning-text:#8B5A12;--color-surface-base:#FFF9F3;--color-surface-card:#FFFFFF;--color-surface-nav:#7F1421;--color-surface-subtle:#FDF1E8;--color-text-muted:#8C6F67;--color-text-on-brand:#FFFFFF;--color-text-on-dark:#FFF8EF;--color-text-primary:#2D1F1F;--color-text-secondary:#6A4A42;--motion-duration-base:220ms;--motion-duration-fast:140ms;--motion-duration-slow:360ms;--motion-easing-emphasized:cubic-bezier(0.2,0.8,0.2,1);--motion-easing-standard:cubic-bezier(0.2,0,0,1);--radius-lg:18px;--radius-md:14px;--radius-pill:999px;--radius-sm:10px;--radius-xl:24px;--radius-xs:6px;--shadow-lg:0 18px 44px rgba(127,20,33,0.18);--shadow-md:0 10px 28px rgba(127,20,33,0.14);--shadow-sm:0 4px 14px rgba(127,20,33,0.08);--spacing-1:4px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--typography-font-family-body:"Public Sans","Noto Sans",sans-serif;--typography-font-family-heading:"Be Vietnam Pro","Noto Sans",sans-serif;--typography-font-family-mono:"IBM Plex Mono",monospace;--typography-line-height-base:1.5;--typography-line-height-loose:1.7;--typography-line-height-tight:1.2;--typography-size-body:16px;--typography-size-display:42px;--typography-size-h1:34px;--typography-size-h2:26px;--typography-size-h3:20px;--typography-size-small:14px;--brand-primary:var(--color-brand-primary);--brand-primary-hover:var(--color-brand-primary-hover);--brand-secondary:var(--color-brand-secondary);--brand-secondary-hover:var(--color-brand-secondary-hover);--brand-highlight:var(--color-brand-highlight);--surface-base:var(--color-surface-base);--surface-card:var(--color-surface-card);--surface-subtle:var(--color-surface-subtle);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-muted);--text-on-brand:var(--color-text-on-brand);--border-default:var(--color-border-default);--border-strong:var(--color-border-strong);--status-success-bg:var(--color-status-success-bg);--status-success-border:var(--color-status-success-border);--status-success-text:var(--color-status-success-text);--status-warning-bg:var(--color-status-warning-bg);--status-warning-border:var(--color-status-warning-border);--status-warning-text:var(--color-status-warning-text);--status-error-bg:var(--color-status-error-bg);--status-error-border:var(--color-status-error-border);--status-error-text:var(--color-status-error-text);--status-info-bg:var(--color-status-info-bg);--status-info-border:var(--color-status-info-border);--status-info-text:var(--color-status-info-text);--font-heading:var(--typography-font-family-heading);--font-body:var(--typography-font-family-body);--font-mono:var(--typography-font-family-mono);--shadow-card:var(--shadow-md);--focus-ring:var(--color-brand-highlight);color-scheme:light}body{margin:0;font-family:var(--font-body,"Public Sans",sans-serif);color:var(--text-primary,#1f2937);background:radial-gradient(circle at 6% 10%,rgba(217,74,58,.16),transparent 35%),radial-gradient(circle at 90% 5%,rgba(242,200,75,.26),transparent 36%),var(--surface-base,#fffaf0)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading,"Be Vietnam Pro",sans-serif)}.ccb-skip-link{position:absolute;left:10px;top:-44px;z-index:90;background:#fff;border:1px solid #f0d5c3;border-radius:10px;color:#611a23;padding:8px 12px;text-decoration:none;font-weight:700}.ccb-skip-link:focus{top:10px}.ccb-portal-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(255,249,243,.9);border-bottom:1px solid #edcfbf}.ccb-portal-header-inner{width:min(1200px,calc(100vw - 24px));margin:0 auto;display:grid;grid-gap:10px;gap:10px;padding:14px 0}.ccb-portal-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#8b1e2f;font-weight:800}.ccb-portal-header h1{margin:2px 0 0;font-size:clamp(1.2rem,2vw,1.6rem)}.ccb-portal-header-hero{position:relative;overflow:hidden;border-radius:14px;min-height:88px;padding:10px 12px;border:1px solid rgba(237,207,191,.8);background:radial-gradient(circle at 84% 0,rgba(217,74,58,.12),transparent 42%),linear-gradient(135deg,rgba(255,246,236,.85),rgba(255,241,221,.65))}.ccb-portal-header-hero:after{content:"";position:absolute;right:-40px;top:-52px;width:160px;height:160px;background:radial-gradient(circle at 45% 45%,rgba(177,30,46,.18),rgba(177,30,46,0));transform:rotate(18deg);pointer-events:none}.ccb-portal-header-hero>*{position:relative;z-index:1}.ccb-portal-header-top{display:flex;align-items:center;gap:10px}.ccb-portal-auth-actions{margin-top:0;margin-left:auto;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.ccb-portal-auth-actions .ccb-btn{min-height:34px;padding:6px 12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.ccb-portal-nav-group{display:grid;grid-gap:8px;gap:8px}.ccb-nav-tabs{display:flex;flex-wrap:wrap;gap:6px;background:#741827;padding:6px;border-radius:12px}.ccb-nav-tabs-sub{background:#8e2734}.ccb-nav-tab{text-decoration:none;border-radius:9px;color:#f7e8dc;padding:7px 10px;font-size:13px;font-weight:700;border:1px solid transparent}.ccb-nav-tab:hover{border-color:rgba(255,255,255,.24)}.ccb-nav-tab.is-active{background:#fff6ee;color:#5f1120}.ccb-user-menu-anchor{-webkit-margin-start:auto;margin-inline-start:auto;display:flex}.ccb-user-menu{position:relative}.ccb-user-menu-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:transparent;border:1px solid transparent;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccb-user-menu-panel{position:absolute;right:0;top:calc(100% + 0 px);min-width:200px;width:min(200px,calc(100vw - 24px));background:linear-gradient(180deg,#8e2734,#7e1f2f);border:1px solid rgba(247,232,220,.35);border-radius:12px;box-shadow:0 14px 30px rgba(16,24,40,.35);padding:6px;z-index:20}.ccb-user-menu-item{display:block;text-align:left;text-decoration:none;border-radius:9px;color:#f7e8dc;background:transparent;padding:8px 10px;font-size:13px;font-weight:700;border:1px solid transparent;box-sizing:border-box}.ccb-user-menu-item:hover{background:rgba(255,246,238,.14);border-color:rgba(255,246,238,.25)}.ccb-user-menu-item-button{cursor:pointer;width:100%}.ccb-portal-footer{margin-top:24px;border-top:1px solid #edcfbf;background:#fff8f0}.ccb-portal-shell{min-height:100vh;display:flex;flex-direction:column}.ccb-portal-main{flex:1 1}.ccb-portal-footer-inner{width:min(1200px,calc(100vw - 24px));margin:0 auto;padding:14px 0 22px;color:#6a4a42;font-size:13px}.ccb-portal-footer-inner p{margin:4px 0}.ccb-page{margin:0 auto;max-width:1200px;padding:24px}.ccb-hero-phuongdo{position:relative;overflow:hidden;border-radius:18px;padding:24px;border:1px solid var(--border-default,#e5e7eb);background:radial-gradient(circle at 88% 10%,rgba(217,74,58,.28),transparent 40%),linear-gradient(135deg,#fff6ec,#fff1dd)}.ccb-hero-phuongdo:after{content:"";position:absolute;right:-42px;top:-36px;width:180px;height:180px;background:radial-gradient(circle at 45% 45%,rgba(177,30,46,.28),rgba(177,30,46,0));transform:rotate(18deg)}.ccb-grid{display:grid;grid-gap:16px;gap:16px}.ccb-grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ccb-submit-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr) minmax(280px,1fr);grid-gap:16px;gap:16px;align-items:start}.ccb-submit-layout-two{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);grid-gap:16px;gap:16px;align-items:start}.ccb-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px}.ccb-card{border:1px solid var(--border-default,#e5e7eb);border-radius:16px;background:var(--surface-card,#ffffff);padding:16px;box-shadow:var(--shadow-card,0 8px 20px rgba(0,0,0,.08))}.ccb-card-header h2{margin:0 0 6px;color:var(--brand-primary,#b30000)}.ccb-card-header p{margin:0 0 12px;color:var(--text-secondary,#6b7280)}.ccb-field{display:grid;grid-gap:6px;gap:6px}.ccb-field-label{font-size:14px;font-weight:600}.ccb-input,.ccb-select{min-height:40px;border-radius:10px;border:1px solid var(--border-default,#e5e7eb);padding:8px 10px;font:inherit}.ccb-input:focus,.ccb-select:focus{outline:3px solid var(--focus-ring,rgba(179,0,0,.2));border-color:var(--brand-primary,#b30000)}textarea.ccb-input{min-height:120px;resize:vertical}.ccb-field-error{color:var(--status-error-text,#991b1b);font-size:13px}.ccb-btn{min-height:40px;border-radius:10px;border:1px solid transparent;padding:8px 14px;cursor:pointer;font-weight:600}.ccb-btn-primary{background:linear-gradient(135deg,var(--brand-primary,#b30000),var(--brand-secondary,#d97706));color:var(--text-on-brand,#ffffff)}.ccb-btn-ghost{background:var(--surface-subtle,#fffbeb);border-color:var(--border-default,#e5e7eb);color:var(--text-primary,#1f2937)}.ccb-btn-danger{background:#b91c1c;color:#ffffff}.ccb-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;border:1px solid transparent;font-size:12px;font-weight:700}.ccb-badge-open{background:var(--status-info-bg,#e0f2fe);color:var(--status-info-text,#0c4a6e);border-color:var(--status-info-border,#7dd3fc)}.ccb-badge-pending{background:var(--status-warning-bg,#fef3c7);color:var(--status-warning-text,#78350f);border-color:var(--status-warning-border,#fcd34d)}.ccb-badge-done{background:var(--status-success-bg,#dcfce7);color:var(--status-success-text,#14532d);border-color:var(--status-success-border,#86efac)}.ccb-badge-error{background:var(--status-error-bg,#fee2e2);color:var(--status-error-text,#991b1b);border-color:var(--status-error-border,#fca5a5)}.ccb-state{margin:0;padding:10px 12px;border-radius:10px;border:1px dashed transparent}.ccb-state-loading{color:#155e75;background:#ecfeff;border-color:#a5f3fc}.ccb-state-empty{color:#9a3412;background:#fff7ed;border-color:#fdba74}.ccb-state-error{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.ccb-table{width:100%;border-collapse:collapse;table-layout:fixed}.ccb-table td,.ccb-table th{border-bottom:1px solid var(--border-default,#e5e7eb);text-align:left;padding:10px;vertical-align:top}.ccb-th-inner{display:flex;align-items:center;justify-content:space-between;gap:8px}.ccb-col-resizer{width:6px;min-width:6px;align-self:stretch;cursor:col-resize;border-left:1px solid var(--border-default,#e5e7eb);opacity:.7}.ccb-col-resizer:hover{opacity:1;border-left-color:var(--brand-primary,#b30000)}.ccb-table caption{text-align:left;margin-bottom:10px;color:var(--text-secondary,#6b7280)}.ccb-table-wrap{overflow-x:auto;max-height:520px;border:1px solid var(--border-default,#e5e7eb);border-radius:12px}.ccb-table-wrap .ccb-table th{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:#fffdf8}.ccb-table-virtual-wrap{overflow:auto;border:1px solid var(--border-default,#e5e7eb);border-radius:12px}.ccb-table-virtual-wrap .ccb-table th{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:#fffdf8}.ccb-link-btn{background:transparent;border:0;color:var(--brand-primary,#b30000);font-weight:600;cursor:pointer;text-align:left;padding:0}.ccb-chip-row{display:flex;flex-wrap:wrap;gap:8px}.ccb-chip{border:1px solid var(--border-default,#e5e7eb);border-radius:999px;background:#fffdf8;color:var(--text-primary,#2d1f1f);font-size:13px;padding:6px 10px;cursor:pointer}.ccb-chip.is-active{border-color:var(--brand-primary,#b11e2e);color:var(--brand-primary,#b11e2e);background:#fff2f0}.ccb-inline-actions{display:flex;align-items:center;gap:10px}.ccb-inline-actions.wrap{flex-wrap:wrap}.ccb-backoffice-nav-shell{align-items:stretch;gap:8px;flex-wrap:wrap}.ccb-backoffice-shell{gap:10px}.ccb-backoffice-banner{border:1px solid #e5a58f;border-radius:14px;padding:20px 22px;min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:radial-gradient(circle at 14% 20%,rgba(255,200,120,.3),transparent 38%),radial-gradient(circle at 86% 22%,rgba(239,120,148,.2),transparent 44%),repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 10px,rgba(255,255,255,0) 10px 20px),linear-gradient(90deg,#8a1d33,#b7264e,#c56d16);color:#fff7ef}.ccb-backoffice-banner-content{display:grid;grid-gap:4px;gap:4px}.ccb-backoffice-banner-content h2{margin:0;font-size:clamp(1rem,1.8vw,1.25rem);color:#fff7ef}.ccb-backoffice-banner .ccb-portal-eyebrow{color:#ffe6c7}.ccb-backoffice-banner .ccb-btn-ghost{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.28);color:#fff7ef}.ccb-backoffice-menu-wrap{border-radius:12px}.ccb-nav-dropdown{position:relative}.ccb-nav-dropdown-trigger{min-height:36px;background:transparent;border:1px solid transparent;cursor:pointer}.ccb-nav-dropdown-menu{position:absolute;top:100%;left:0;min-width:240px;z-index:25;display:none;border:1px solid #741827;border-radius:12px;background:#8e2734;box-shadow:0 12px 28px rgba(35,8,12,.24);padding:8px}.ccb-nav-dropdown:focus-within .ccb-nav-dropdown-menu,.ccb-nav-dropdown:hover .ccb-nav-dropdown-menu{display:grid;grid-gap:4px;gap:4px}.ccb-nav-dropdown-item{display:block;text-decoration:none;color:#f7e8dc;border-radius:8px;padding:8px 10px;font-size:14px}.ccb-nav-dropdown-item:hover{background:rgba(255,255,255,.12);color:#fff6ee}.ccb-nav-dropdown-item.is-active{background:#fff6ee;color:#5f1120;font-weight:700}.ccb-nav-dropdown-account{margin-left:auto}.ccb-nav-dropdown-menu-account{left:auto;right:0;min-width:260px}.ccb-nav-account-meta{display:grid;grid-gap:4px;gap:4px;padding:4px 8px 10px;border-bottom:1px solid rgba(255,255,255,.18);margin-bottom:8px;color:#f7e8dc;font-size:13px}.ccb-nav-dropdown-item-button{width:100%;text-align:left;background:transparent;border:0;font:inherit;cursor:pointer}.ccb-backoffice-breadcrumb-bar{border:1px solid #edd4c6;border-radius:12px;background:#fff8f1;padding:10px 12px;display:grid;grid-gap:6px;gap:6px}.ccb-helper-text{margin:0;color:var(--text-secondary,#6a4a42);font-size:13px}.ccb-form-row{display:grid;grid-template-columns:220px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start}.ccb-form-row-label{font-size:14px;font-weight:700;color:#5f1120;line-height:1.4;padding-top:10px}.ccb-form-row-control{display:grid;grid-gap:8px;gap:8px}.ccb-radio-inline{display:inline-flex;align-items:center;gap:6px;padding:6px 0}#notifySendContent .alert-show{background-color:#ce7a58;white-space:normal;border-radius:10px;padding:10px 12px}#notifySendContent .alert-show .mess,#notifySendContent .alert-show .mess a{color:#ffffff}#notifySendContent .alert-show .mess a:hover{color:#3b3bff}.ccb-captcha-box{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px dashed var(--border-default,#e5e7eb);border-radius:10px;padding:10px 12px;background:#fff8ef}.ccb-captcha-box strong{letter-spacing:.24em;font-size:1.2rem}.ccb-kpi-number{margin:0;font-size:clamp(1.5rem,3.6vw,2rem);font-weight:800;color:#8b1e2f}.ccb-list-stack{display:grid;grid-gap:10px;gap:10px}.ccb-feed-card{border:1px solid #ecd4c8;border-radius:12px;background:#fffdf8;padding:10px;display:grid;grid-gap:6px;gap:6px}.ccb-feed-title{margin:0;font-weight:700}.ccb-feed-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ccb-feed-title-date{font-style:italic;color:#6c5650;font-weight:500}.ccb-timeline{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.ccb-timeline-item{padding:12px;border:1px solid var(--border-default,#e9d2c5);border-radius:12px;background:#fffdf8}.ccb-timeline-at{margin:0;font-size:12px;color:var(--text-muted,#8c6f67)}.ccb-track-overview h2{margin:0}.ccb-track-kv-list{margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:8px 12px;gap:8px 12px}.ccb-track-kv-item{margin:0;padding:8px 10px;border-radius:10px;border:1px solid #edd7ca;background:#fffdf8;display:grid;grid-gap:2px;gap:2px}.ccb-track-kv-item dt{margin:0;font-size:13px;color:#7a6158;font-weight:600}.ccb-track-kv-item dd{margin:0;font-size:14px;color:#2f1f1a;font-weight:600;word-break:break-word}.ccb-request-detail-page{gap:12px}.ccb-request-detail-page .ccb-card{padding:12px}.ccb-request-detail-page .ccb-grid{gap:10px}.ccb-request-detail-page h2{margin:0 0 4px;line-height:1.3}.ccb-request-detail-page h3,.ccb-request-detail-page h4{margin:0 0 3px;line-height:1.3}.ccb-request-detail-page p{margin:0;line-height:1.4}.ccb-request-detail-page .ccb-track-kv-list{gap:6px 10px}.ccb-request-detail-page .ccb-track-kv-item{padding:6px 8px}.ccb-request-detail-page .ccb-track-kv-item dt{font-size:12px}.ccb-request-detail-page .ccb-track-kv-item dd{font-size:13px}.ccb-request-detail-page .ccb-feed-card{padding:8px 10px}.ccb-request-detail-page .ccb-request-file-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0}.ccb-request-detail-page .ccb-request-file-row-title{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccb-request-detail-page .ccb-request-file-row-time{font-style:italic;color:#6c5650;white-space:nowrap}.ccb-request-detail-page .ccb-request-file-row-link{display:inline-flex;align-items:center;justify-content:center;color:#8e2734;line-height:1}.ccb-request-detail-page .ccb-request-file-row-link:hover{color:#5f1120}.ccb-request-detail-page .ccb-inline-actions.wrap{gap:8px}.ccb-request-detail-page .ccb-related-item-meta{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:4px;font-size:13px;color:#5f4a43}.ccb-request-detail-page .ccb-related-item-meta-entry{display:inline-flex;align-items:baseline;gap:6px}.ccb-request-detail-page .ccb-related-item-meta-label{color:#7a6158}.ccb-request-detail-page .ccb-related-item-title-date{color:#6c5650;font-style:italic;white-space:nowrap}.ccb-request-detail-page .ccb-request-detail-kv{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px 10px}.ccb-request-detail-page .ccb-request-detail-kv-title{grid-column:span 6}.ccb-request-detail-page .ccb-request-detail-kv-agency,.ccb-request-detail-page .ccb-request-detail-kv-status{grid-column:span 3}.ccb-request-detail-page .ccb-request-detail-kv-email,.ccb-request-detail-page .ccb-request-detail-kv-phone,.ccb-request-detail-page .ccb-request-detail-kv-sender{grid-column:span 2}@media (max-width:900px){.ccb-request-detail-page .ccb-request-detail-kv{grid-template-columns:repeat(2,minmax(0,1fr))}.ccb-request-detail-page .ccb-request-detail-kv-agency,.ccb-request-detail-page .ccb-request-detail-kv-status,.ccb-request-detail-page .ccb-request-detail-kv-title{grid-column:span 2}.ccb-request-detail-page .ccb-request-detail-kv-email,.ccb-request-detail-page .ccb-request-detail-kv-phone,.ccb-request-detail-page .ccb-request-detail-kv-sender{grid-column:span 1}}@media (max-width:640px){.ccb-request-detail-page .ccb-request-detail-kv{grid-template-columns:1fr}.ccb-request-detail-page .ccb-request-detail-kv-agency,.ccb-request-detail-page .ccb-request-detail-kv-email,.ccb-request-detail-page .ccb-request-detail-kv-phone,.ccb-request-detail-page .ccb-request-detail-kv-sender,.ccb-request-detail-page .ccb-request-detail-kv-status,.ccb-request-detail-page .ccb-request-detail-kv-title{grid-column:span 1}}.ccb-track-status-inline{display:inline-flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:4px 8px;border-radius:999px;border:1px solid #ecd4c8;background:#fffaf4}.ccb-track-status-label{font-size:12px;color:#7a6158;font-weight:600}.ccb-track-compact{gap:8px}.ccb-track-compact h3,.ccb-track-compact h4{margin:0 0 2px}.ccb-track-heading-with-badge{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.ccb-track-compact p{margin:0;line-height:1.35}.ccb-track-inline-search{gap:6px}.ccb-track-inline-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:center}.ccb-track-inline-controls .ccb-input{min-width:0}.ccb-modal-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.45);display:grid;place-items:center;padding:24px;z-index:60}.ccb-modal{width:min(620px,100%);border-radius:14px;background:#ffffff;border:1px solid #f3f4f6;box-shadow:0 16px 40px rgba(0,0,0,.18)}.ccb-modal-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #e5e7eb}.ccb-modal-content{padding:16px}.ccb-drawer-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.38);display:flex;justify-content:flex-end;z-index:50}.ccb-drawer{width:min(720px,96vw);height:100vh;background:#ffffff;border-left:1px solid #e5e7eb;box-shadow:-10px 0 24px rgba(0,0,0,.16);display:flex;flex-direction:column}.ccb-drawer-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #e5e7eb}.ccb-drawer-content{padding:16px;overflow:auto;height:100%}.ccb-workbench-section{border:1px solid #eaded6;border-radius:12px;padding:12px;background:#fffdf9}.ccb-workbench-section h4{margin:0 0 8px}@media (max-width:768px){.ccb-page{padding:16px}.ccb-form-row,.ccb-submit-layout,.ccb-submit-layout-two{grid-template-columns:1fr}.ccb-form-row{gap:6px}.ccb-form-row-label{padding-top:0}.ccb-inline-actions{flex-direction:column;align-items:stretch}.ccb-portal-header-inner{width:calc(100vw - 18px)}.ccb-portal-header-hero{min-height:76px}.ccb-portal-auth-actions{width:auto;justify-content:flex-start}.ccb-portal-footer-inner{width:calc(100vw - 18px)}}@media (max-width:390px){.ccb-hero-phuongdo{padding:16px}.ccb-card{padding:12px}}@media (max-width:360px){.ccb-field-label{font-size:13px}}@media (max-width:1024px){.ccb-page{max-width:100%}}