:root{--font-family: "Sarabun", "Inter", "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1);--transition-fast: all .15s ease-in-out}.dark-theme{--bg-primary: #000000;--bg-secondary: #1C1C1E;--bg-sidebar: rgba(18, 18, 20, .8);--card-bg: rgba(28, 28, 30, .65);--card-border: rgba(255, 255, 255, .08);--card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--text-primary: #FFFFFF;--text-secondary: #8E8E93;--text-dark: #FFFFFF;--border-light: rgba(255, 255, 255, .08);--table-hover: rgba(255, 255, 255, .03);--switch-bg: #3A3A3C;--primary: #0A84FF;--success: #30D158;--warning: #FF9F0A;--danger: #FF453A;--info: #64D2FF;--gradient-bg: radial-gradient(circle at 10% 20%, rgba(10, 132, 255, .05) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(191, 90, 242, .05) 0%, transparent 40%)}.light-theme{--bg-primary: #F2F2F7;--bg-secondary: #FFFFFF;--bg-sidebar: rgba(242, 242, 247, .85);--card-bg: rgba(255, 255, 255, .75);--card-border: rgba(0, 0, 0, .06);--card-shadow: 0 8px 32px 0 rgba(31, 38, 135, .05);--text-primary: #1C1C1E;--text-secondary: #8E8E93;--text-dark: #1C1C1E;--border-light: rgba(0, 0, 0, .06);--table-hover: rgba(0, 122, 255, .02);--switch-bg: #E5E5EA;--primary: #007AFF;--success: #34C759;--warning: #FF9500;--danger: #FF3B30;--info: #30B0C7;--gradient-bg: radial-gradient(circle at 10% 20%, rgba(0, 122, 255, .04) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(175, 82, 222, .04) 0%, transparent 40%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.flex{display:flex}.flex-col{flex-direction:column}.flex-between{justify-content:space-between}.flex-center{justify-content:center;align-items:center}.items-center{align-items:center}.gap-05{gap:4px}.gap-1{gap:8px}.gap-2{gap:16px}.mt-05{margin-top:4px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.text-center{text-align:center}.text-justify{text-align:justify}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-muted{color:var(--text-secondary)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.font-semibold{font-weight:600}.font-light{font-weight:300}.flex-shrink-0{flex-shrink:0}.vertical-top{vertical-align:top}.app-container{display:flex;min-height:100vh;background-color:var(--bg-primary);background-image:var(--gradient-bg);color:var(--text-primary);transition:var(--transition-smooth);overflow-x:hidden}.apple-sidebar{width:280px;background:var(--bg-sidebar);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-right:1px solid var(--card-border);display:flex;flex-col:column;height:100vh;position:fixed;left:0;top:0;z-index:100;padding:24px 16px;transition:var(--transition-smooth)}.sidebar-header{margin-bottom:24px}.app-logo{display:flex;align-items:center;gap:12px}.logo-icon{font-size:28px}.app-logo h1{font-family:"Outfit",var(--font-family);font-size:18px;font-weight:700;letter-spacing:-.5px}.logo-sub{font-size:11px;color:var(--text-secondary);display:block}.sidebar-status-widget{background:#ffffff08;border:1px solid var(--card-border);border-radius:12px;padding:12px;margin-bottom:20px}.light-theme .sidebar-status-widget{background:#00000005}.status-indicator{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%}.dot-live{background-color:var(--success);box-shadow:0 0 8px var(--success)}.dot-fallback{background-color:var(--warning);box-shadow:0 0 8px var(--warning)}.sync-timestamp{font-size:10px;color:var(--text-secondary);margin-top:4px}.error-alert{margin-top:8px;padding:6px;background:#ff453a1a;border-radius:6px;color:var(--danger);font-size:10px;display:flex;gap:4px;line-height:1.3}.sync-controls{margin-top:12px}.sync-now-btn{width:100%;padding:8px 12px;font-size:12px;border-radius:8px;cursor:pointer}.auto-refresh-toggle{border-top:1px solid var(--card-border);padding-top:10px}.sidebar-nav{flex-grow:1;overflow-y:auto;margin-bottom:20px}.nav-section-title{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;display:block;margin-bottom:8px;padding-left:8px}.sidebar-nav ul{list-style:none;display:flex;flex-direction:column;gap:4px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-primary);font-family:var(--font-family);font-size:14px;text-align:left;cursor:pointer;transition:var(--transition-fast)}.nav-item:hover{background:#007aff14}.nav-item.active{background:var(--primary);color:#fff;font-weight:500}.nav-item svg{opacity:.85}.nav-item.active svg{opacity:1}.sidebar-footer{border-top:1px solid var(--card-border);padding-top:16px}.theme-toggle-btn{width:100%;background:transparent;border:1px solid var(--card-border);border-radius:8px;padding:8px 12px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast)}.theme-toggle-btn:hover{background:#ffffff0d}.light-theme .theme-toggle-btn:hover{background:#00000008}.apple-main-content{margin-left:280px;flex-grow:1;padding:24px 32px 40px;min-height:100vh;display:flex;flex-direction:column}.top-navbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--card-border);margin-bottom:24px}.current-step-label{font-family:"Outfit",var(--font-family);font-size:16px;font-weight:600;color:var(--text-secondary)}.google-sheet-link-badge{display:flex;align-items:center;gap:6px;background:#34c75914;border:1px solid rgba(52,199,89,.2);padding:6px 12px;border-radius:20px;font-size:12px}.google-sheet-link-badge a{color:#34c759;text-decoration:none;font-weight:500}.google-sheet-link-badge a:hover{text-decoration:underline}.apple-btn-primary{background-color:var(--primary);color:#fff;border:none;padding:10px 20px;font-family:var(--font-family);font-weight:500;border-radius:10px;cursor:pointer;transition:var(--transition-fast);box-shadow:0 1px 2px #0000000d}.apple-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.apple-btn-primary:active:not(:disabled){transform:translateY(0)}.apple-btn-primary:disabled{opacity:.5;cursor:not-allowed}.apple-btn-secondary{background-color:var(--switch-bg);color:var(--text-primary);border:1px solid var(--card-border);padding:10px 20px;font-family:var(--font-family);font-weight:500;border-radius:10px;cursor:pointer;transition:var(--transition-fast)}.apple-btn-secondary:hover{background-color:#ffffff14}.light-theme .apple-btn-secondary:hover{background-color:#00000008}.btn-sm{padding:6px 12px!important;font-size:12px!important;border-radius:6px!important}.apple-switch-wrapper{position:relative}.apple-switch{position:relative;width:44px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--switch-bg);outline:none;border-radius:20px;cursor:pointer;transition:var(--transition-smooth)}.apple-switch:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;top:2px;left:2px;background:#fff;transition:var(--transition-smooth);box-shadow:0 2px 5px #0003}.apple-switch:checked{background:var(--success)}.apple-switch:checked:before{left:22px}.step-container{display:flex;flex-direction:column;gap:20px;width:100%}.page-header{margin-bottom:8px}.section-title{font-size:22px;font-weight:700;letter-spacing:-.5px}.section-subtitle{font-size:14px;color:var(--text-secondary);margin-top:4px;font-weight:300}.apple-card{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:18px;padding:24px;transition:var(--transition-smooth)}.categories-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.category-badge-card{background:var(--card-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--card-border);border-radius:14px;padding:16px;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden;border-left:4px solid var(--accent-color)}.category-badge-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;background:#ffffff0a}.light-theme .category-badge-card:hover{background:#00000003}.category-badge-card.active{box-shadow:0 0 15px var(--accent-color);background:#ffffff0d}.badge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.badge-code{font-family:Outfit,sans-serif;font-size:18px;font-weight:700;color:var(--accent-color)}.badge-count{font-size:14px;font-weight:600;background:#ffffff0f;padding:2px 8px;border-radius:10px}.light-theme .badge-count{background:#0000000a}.badge-title{font-size:13px;font-weight:600;margin-bottom:6px;line-height:1.3}.badge-desc{font-size:11px;color:var(--text-secondary);line-height:1.4;font-weight:300}.filter-card{padding:16px 20px}.card-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.header-title-wrapper{display:flex;align-items:center;gap:10px}.header-title-wrapper h3{font-size:15px;font-weight:600}.filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:16px;border-top:1px solid var(--border-light);padding-top:16px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:12px;color:var(--text-secondary);font-weight:500}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:10px;color:var(--text-secondary)}.search-input-wrapper input{width:100%;padding:8px 12px 8px 32px;border-radius:8px;border:1px solid var(--card-border);background:#ffffff0d;color:var(--text-primary);font-family:var(--font-family);font-size:13px}.light-theme .search-input-wrapper input{background:#00000005}.search-input-wrapper input:focus{outline:none;border-color:var(--primary)}.filter-group select{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--card-border);background:#ffffff0d;color:var(--text-primary);font-family:var(--font-family);font-size:13px;outline:none}.light-theme .filter-group select{background:#00000005}.filter-group select:focus{border-color:var(--primary)}.select-sm{padding:4px 8px!important;font-size:11px!important;border-radius:6px!important;background:#ffffff0d;color:var(--text-primary);border:1px solid var(--card-border);outline:none}.filter-actions-wrapper{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.search-stats{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;flex-wrap:wrap;gap:8px}.active-badge{background:#007aff14;color:var(--primary);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;display:inline-flex;gap:6px}.close-btn{background:transparent;border:none;color:inherit;font-size:14px;cursor:pointer;font-weight:700;line-height:1}.table-card{padding:0;overflow:hidden}.table-wrapper{width:100%;overflow-x:auto}.apple-table{width:100%;border-collapse:collapse;text-align:left}.apple-table th{padding:14px 16px;background:#ffffff05;border-bottom:1px solid var(--card-border);font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.light-theme .apple-table th{background:#00000003}.apple-table td{padding:14px 16px;border-bottom:1px solid var(--border-light);font-size:13px;line-height:1.5}.hover-row{transition:var(--transition-fast)}.hover-row:hover{background-color:var(--table-hover)}.clickable{cursor:pointer}.active-row{background-color:#007aff0f!important}.table-footer-note{font-size:11px;color:var(--text-secondary);padding:12px 16px;border-top:1px solid var(--border-light)}.badge-gray{background:#ffffff0f;color:var(--text-secondary);padding:2px 6px;border-radius:4px}.light-theme .badge-gray{background:#0000000a}.badge-type{padding:2px 6px;border-radius:4px;font-weight:600}.badge-type.new{background:#34c75914;color:var(--success)}.badge-type.revised{background:#ff950014;color:var(--warning)}.code-circle{width:24px;height:24px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:12px;font-family:Outfit,sans-serif;box-shadow:0 2px 4px #0000001a}.icon-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:var(--transition-fast);display:inline-flex;justify-content:center;align-items:center}.icon-btn:hover{background:#007aff1a}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.kpi-card{padding:20px}.kpi-header{display:flex;justify-content:space-between;align-items:flex-start}.kpi-title{font-size:12px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.kpi-icon-wrapper{padding:8px;background:#ffffff0a;border-radius:8px}.light-theme .kpi-icon-wrapper{background:#00000005}.kpi-body{margin-top:14px;display:flex;flex-direction:column}.kpi-value{font-family:"Outfit",var(--font-family);font-size:26px;font-weight:700;letter-spacing:-1px;line-height:1}.kpi-label{font-size:11px;color:var(--text-secondary);margin-top:4px;font-weight:300}.charts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.span-2{grid-column:span 2}.span-4{grid-column:span 4}.chart-card{padding:20px}.chart-card h3{font-size:14px;font-weight:600}.chart-wrapper{margin-top:20px;width:100%}.chart-description{margin-top:16px;border-top:1px solid var(--border-light);padding-top:12px;font-size:12px;color:var(--text-secondary);line-height:1.5}.chart-description strong{color:var(--text-primary)}.apple-tooltip{background:#1c1c1ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:10px 14px;border-radius:10px;box-shadow:0 4px 15px #0003}.light-theme .apple-tooltip{background:#fffffff2;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 15px #0000000d}.tooltip-title{font-weight:600;font-size:13px;margin-bottom:6px;color:var(--text-primary)}.tooltip-value{font-size:12px;margin-top:2px;color:var(--text-secondary)}.tooltip-value strong{color:var(--text-primary)}.synthesis-main-grid{display:grid;grid-template-columns:280px 1fr;gap:20px}.sidebar-control-card{padding:16px}.sidebar-control-card h3{font-size:13px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:12px;padding-left:8px}.sidebar-btn-list{display:flex;flex-direction:column;gap:4px}.sidebar-menu-btn{width:100%;padding:12px;border:none;background:transparent;color:var(--text-primary);text-align:left;border-radius:10px;font-family:var(--font-family);font-size:13px;cursor:pointer;transition:var(--transition-fast)}.sidebar-menu-btn:hover{background:#ffffff08}.light-theme .sidebar-menu-btn:hover{background:#00000005}.sidebar-menu-btn.active{background:var(--primary);color:#fff;font-weight:500}.theory-details-card{display:flex;flex-direction:column}.card-header-badge{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border-light);padding-bottom:12px;margin-bottom:16px}.card-header-badge h4{font-size:16px;font-weight:600}.theory-text-content p{font-size:14px;line-height:1.6;color:var(--text-primary);margin-bottom:16px;font-weight:300;text-align:justify}.alignment-container{display:flex;flex-col:column;gap:24px;margin-top:20px}.alignment-nodes-wrapper{display:flex;justify-content:space-around;align-items:center;padding:16px 0;flex-wrap:wrap;gap:16px}.align-node{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:var(--transition-smooth);width:160px;text-align:center}.node-icon{width:64px;height:64px;border-radius:50%;background:#ffffff0d;border:2px solid var(--card-border);display:flex;justify-content:center;align-items:center;font-size:22px;font-weight:700;color:var(--text-secondary);transition:var(--transition-smooth)}.light-theme .node-icon{background:#fff}.align-node.active .node-icon{border-color:var(--primary);background:#007aff1a;color:var(--primary);box-shadow:0 0 15px #007aff33}.node-plo.active .node-icon{border-color:#0a84ff;color:#0a84ff;background:#0a84ff1a}.node-activity.active .node-icon{border-color:#ff9f0a;color:#ff9f0a;background:#ff9f0a1a}.node-assessment.active .node-icon{border-color:#30d158;color:#30d158;background:#30d1581a}.align-node span{font-size:13px;font-weight:500}.alignment-arrow{font-size:24px;color:var(--text-secondary)}.node-details-box{background:#00000026;border-radius:12px;padding:16px;border-left:4px solid var(--primary)}.light-theme .node-details-box{background:#00000005}.node-details-box h4{font-size:14px;font-weight:600;margin-bottom:6px}.details-desc{font-size:13px;line-height:1.5;color:var(--text-secondary);margin-bottom:12px;font-weight:300}.apple-segmented-control{background:var(--switch-bg);border-radius:8px;padding:2px;display:inline-flex;gap:2px}.apple-segmented-control button{background:transparent;border:none;padding:6px 12px;border-radius:6px;color:var(--text-primary);font-family:var(--font-family);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:var(--transition-fast)}.apple-segmented-control button.active{background:var(--bg-secondary);box-shadow:0 1px 3px #0000001a;color:var(--text-dark)}.validator-timeline-wrapper{margin-top:24px}.timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.timeline-col{display:flex;flex-direction:column;gap:10px}.col-label{font-size:11px;color:var(--text-secondary);font-weight:600;text-transform:uppercase}.timeline-block{background:#ffffff05;border:1px solid var(--card-border);border-radius:12px;padding:14px;min-height:130px;display:flex;flex-direction:column;position:relative}.light-theme .timeline-block{background:#00000003}.block-tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700;font-family:Outfit,sans-serif;align-self:flex-start;margin-bottom:8px;color:#fff}.tag-intro{background-color:#007aff}.tag-reinforce{background-color:#5856d6}.tag-practice{background-color:#34c759}.tag-mastery{background-color:#af52de}.block-text{font-size:12px;line-height:1.4;color:var(--text-primary);font-weight:300}.block-error-note{font-size:10px;color:var(--danger);font-weight:600;margin-top:auto}.block-error{border-color:#ff453a4d!important;background:#ff453a08!important}.validator-explanation{margin-top:20px}.alert-box{display:flex;gap:12px;padding:16px;border-radius:10px;line-height:1.5}.alert-danger{background:#ff453a14;border:1px solid rgba(255,69,58,.15)}.alert-success{background:#34c75914;border:1px solid rgba(52,199,89,.15)}.presentation-grid{display:grid;grid-template-columns:3fr 2fr;gap:20px}.bullet-indicator{width:8px;height:8px;border-radius:50%;display:inline-block}.table-section-card{padding:0;overflow:hidden}.table-section-card .card-header{padding:16px 24px}.compact-table td{padding:10px 16px}.narrative-card{display:flex;flex-direction:column}.narrative-body{margin-top:16px;overflow-y:auto}.narrative-section h4{font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:6px}.narrative-section p{font-size:13px;line-height:1.5;color:var(--text-secondary);margin-bottom:10px;font-weight:300;text-align:justify}.example-explorer-card{padding:24px}.explorer-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;margin-top:20px;border-top:1px solid var(--border-light);padding-top:20px}.current-badge-large{display:flex;align-items:center;gap:12px;border-left:4px solid var(--accent-color);padding-left:12px}.code-circle-xl{width:52px;height:52px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:20px;font-family:Outfit,sans-serif;box-shadow:0 4px 8px #00000026}.current-badge-large h4{font-size:12px;color:var(--text-secondary);text-transform:uppercase}.current-badge-large h3{font-size:15px;font-weight:700;line-height:1.3}.scope-box{background:#ffffff05;border:1px solid var(--card-border);border-radius:12px;padding:14px;font-size:12px;line-height:1.5}.light-theme .scope-box{background:#00000003}.scope-box strong{display:block;margin-bottom:6px}.explorer-right h4{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.example-cards-list{display:flex;flex-direction:column;gap:12px}.example-item-card{background:#ffffff05;border:1px solid var(--card-border);border-radius:12px;padding:16px;display:flex;gap:10px;line-height:1.5;transition:var(--transition-fast)}.light-theme .example-item-card{background:#00000003}.example-item-card:hover{background:#ffffff0a;transform:translate(4px)}.example-text{font-size:13px;font-style:italic;font-weight:300}.checklist-layout{display:grid;grid-template-columns:1fr 340px;gap:20px}.checklist-card{display:flex;flex-direction:column}.checklist-items-list{margin-top:20px;display:flex;flex-direction:column;gap:10px}.checklist-item-wrapper{background:#ffffff05;border:1px solid var(--card-border);border-radius:12px;padding:14px 16px;transition:var(--transition-smooth)}.light-theme .checklist-item-wrapper{background:#00000003}.checklist-item-wrapper:hover{background:#ffffff0a}.item-row{display:flex;align-items:flex-start;gap:14px}.checkbox-btn{background:transparent;border:none;cursor:pointer;margin-top:4px;display:flex}.text-success-checked{color:var(--success);fill:#30d1581a}.item-main-info{flex-grow:1;cursor:pointer}.item-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px}.item-tag{font-size:10px;color:var(--text-secondary);background:#ffffff0f;padding:1px 6px;border-radius:4px;font-weight:600}.light-theme .item-tag{background:#0000000a}.badge-critical{font-size:9px;font-weight:600;color:var(--danger);background:#ff453a1a;padding:1px 6px;border-radius:4px}.badge-high{font-size:9px;font-weight:600;color:var(--warning);background:#ff9f0a1a;padding:1px 6px;border-radius:4px}.item-title{font-size:13px;font-weight:600}.item-question{color:var(--text-secondary);font-weight:300;margin-top:2px;line-height:1.4}.info-toggle-btn{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:50%;margin-top:4px}.info-toggle-btn:hover{background:#ffffff0d;color:var(--primary)}.item-checked{border-color:#30d15833;background:#30d15805!important}.item-checked .item-title{text-decoration:line-through;opacity:.65}.item-expanded-content{margin-top:12px;border-top:1px solid var(--border-light);padding-top:12px;font-size:12px}.item-expanded-content h5{font-weight:600;color:var(--primary);margin-bottom:4px}.remedy-text{color:var(--text-primary);line-height:1.4;font-weight:300}.progress-radial-wrapper{position:relative;width:140px;height:140px}.radial-progress-svg{width:100%;height:100%;transform:rotate(-90deg)}.radial-bg{fill:none;stroke:#ffffff0d;stroke-width:8}.light-theme .radial-bg{stroke:#0000000a}.radial-value{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.progress-radial-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.percent-num{font-family:Outfit,sans-serif;font-size:28px;font-weight:700}.percent-label{font-size:11px;color:var(--text-secondary)}.compliance-label{font-size:14px;font-weight:700}.compliance-desc{font-weight:300;line-height:1.4}.guide-side-card{padding:20px}.guide-side-card h3{font-size:14px;font-weight:600}.guide-content-list{margin-top:16px;display:flex;flex-direction:column;gap:12px}.guide-step-item{border-left:2px solid var(--primary);padding-left:10px}.step-label{font-size:12px}.step-desc{font-size:11px;line-height:1.4}.policy-section-card h3{font-size:15px;font-weight:600}.policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px}.policy-item-widget{background:#ffffff05;border:1px solid var(--card-border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;position:relative}.light-theme .policy-item-widget{background:#00000003}.policy-number{font-family:Outfit,sans-serif;font-size:24px;font-weight:700;color:var(--primary);opacity:.15;position:absolute;right:12px;top:10px;line-height:1}.policy-item-widget h4{font-size:13px;font-weight:600;padding-right:24px}.policy-item-widget p{line-height:1.4;font-weight:300}.heatmap-container{margin-top:16px;width:100%}.heatmap-scroll-wrapper{overflow-x:auto;max-height:380px;overflow-y:auto}.heatmap-table{width:100%;border-collapse:collapse;text-align:center}.heatmap-table th{padding:10px 8px;font-size:11px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--card-border)}.heatmap-header-code{min-width:32px}.heatmap-table td{padding:10px 8px;border-bottom:1px solid var(--border-light);font-size:12px}.heatmap-table th.sticky-col,.heatmap-table td.sticky-col{position:sticky;left:0;background:var(--bg-secondary);z-index:10;text-align:left;min-width:160px;border-right:1px solid var(--card-border);box-shadow:2px 0 5px #00000005}.heatmap-table th.total-col,.heatmap-table td.total-col{position:sticky;right:0;background:var(--bg-secondary);z-index:10;min-width:50px;border-left:1px solid var(--card-border)}.heatmap-cell{font-family:"Outfit",var(--font-family);font-weight:600;font-size:11px;transition:var(--transition-fast)}.heatmap-cell:hover{outline:2px solid var(--primary);z-index:5}.selected-heatmap-row td.sticky-col,.selected-heatmap-row td.total-col{background-color:#007aff14!important}.leaderboard-wrapper{margin-top:16px}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:#ffffff05;border:1px solid var(--card-border)}.light-theme .leaderboard-item{background:#00000003}.rank-badge{font-family:Outfit,sans-serif;font-size:14px;font-weight:700;color:var(--primary);width:28px;height:28px;border-radius:50%;background:#007aff14;display:flex;justify-content:center;align-items:center}.fac-info{flex-grow:1}.fac-name{display:block}.score-display{text-align:right}.score-num{font-family:Outfit,sans-serif;font-size:18px;font-weight:700;display:block}.score-label{display:block}.apple-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200;display:flex;justify-content:center;align-items:center;padding:20px}.apple-modal-content{background:var(--bg-secondary);border:1px solid var(--card-border);box-shadow:0 20px 60px #0006;border-radius:20px;width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.modal-badge-wrapper{display:flex;align-items:center;gap:12px}.code-circle-lg{width:38px;height:38px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:16px;font-family:Outfit,sans-serif}.modal-header h3{font-size:16px;font-weight:700}.modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.info-card{background:#ffffff05;border:1px solid var(--card-border);border-radius:12px;padding:14px}.light-theme .info-card{background:#00000003}.info-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:4px;font-weight:600}.info-value{font-size:14px}.info-card-sub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.modal-divider{height:1px;background-color:var(--border-light)}.detail-block h4{font-size:13px;font-weight:600;margin-bottom:8px}.detail-text{font-size:13.5px;line-height:1.5;color:var(--text-primary);font-weight:300;text-align:justify}.action-block{background:#34c7590a;border:1px solid rgba(52,199,89,.1);padding:14px;border-radius:12px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-slide-up{animation:slideUp .5s cubic-bezier(.25,.8,.25,1) forwards}.animate-scale-up{animation:scaleUp .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.light-theme ::-webkit-scrollbar-thumb{background:#0000001a}::-webkit-scrollbar-thumb:hover{background:#fff3}.light-theme ::-webkit-scrollbar-thumb:hover{background:#0003}@media (max-width: 1200px){.charts-grid{grid-template-columns:repeat(2,1fr)}.span-4{grid-column:span 2}.presentation-grid,.checklist-layout{grid-template-columns:1fr}}@media (max-width: 900px){.apple-sidebar{width:70px;padding:24px 8px}.app-logo h1,.logo-sub,.sidebar-status-widget,.nav-item span,.nav-section-title,.theme-toggle-btn span{display:none}.nav-item{justify-content:center}.apple-main-content{margin-left:70px;padding:16px 20px}.synthesis-main-grid,.explorer-layout,.timeline-grid{grid-template-columns:1fr}.timeline-block{min-height:auto}}@media (max-width: 600px){.charts-grid{grid-template-columns:1fr}.span-2,.span-4{grid-column:span 1}.info-card-sub-grid{grid-template-columns:1fr}}.cip-space-y-6>*+*{margin-top:24px}.cip-mt-4{margin-top:16px}.cip-pr-4{padding-right:16px}.cip-grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.cip-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cip-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cip-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.cip-col-span-2{grid-column:span 2}.cip-chart-container-72{height:288px;width:100%;position:relative}.cip-chart-container-80{height:320px;width:100%;position:relative}.cip-chart-container-56{height:224px;width:100%;position:relative}.cip-gauge-wrapper{position:relative;width:112px;height:112px}.cip-gauge-wrapper-lg{position:relative;width:144px;height:144px}.cip-flex-between{display:flex;justify-content:space-between;align-items:center}.cip-flex-center{display:flex;justify-content:center;align-items:center}.cip-flex-col{display:flex;flex-direction:column}.cip-items-center{display:flex;align-items:center}.cip-space-x-3>*+*{margin-left:12px}.cip-space-x-2>*+*{margin-left:8px}.cip-space-x-6>*+*{margin-left:24px}.cip-card-relative{position:relative;overflow:hidden}.cip-absolute-num{position:absolute;top:8px;right:12px;font-size:48px;font-weight:900;opacity:.05}.cip-line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cip-line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.cip-remedy-banner{background:#ff95000d;border:1px solid rgba(255,149,0,.15);padding:16px;border-radius:14px}.cip-chat-box{display:flex;flex-direction:column;height:450px}.cip-chat-history{flex:1;overflow-y:auto;padding-right:8px;margin-bottom:16px;max-height:250px}.cip-chat-bubble{padding:12px;border-radius:16px;max-width:85%;font-size:13px;line-height:1.5;margin-bottom:10px}.cip-chat-user{background-color:var(--primary);color:#fff;margin-left:auto}.cip-chat-assistant{background-color:#ffffff0a;color:var(--text-primary);border:1px solid var(--card-border);margin-right:auto}@media (max-width: 600px){.cip-grid-6,.cip-grid-2{grid-template-columns:1fr}}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-weight:400;letter-spacing:.15px}.dark-theme{--bg-primary: #0A0A0C;--bg-secondary: #141416;--bg-sidebar: rgba(20, 20, 22, .9);--card-bg: rgba(28, 28, 30, .85);--card-border: rgba(255, 255, 255, .12);--card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .6);--text-primary: #FFFFFF;--text-secondary: #A1A1AA;--text-dark: #FFFFFF;--border-light: rgba(255, 255, 255, .12);--table-hover: rgba(255, 255, 255, .05);--switch-bg: #27272A;--primary: #0A84FF;--success: #30D158;--warning: #FF9F0A;--danger: #FF453A;--info: #64D2FF}.light-theme{--bg-primary: #F4F4F5;--bg-secondary: #FFFFFF;--bg-sidebar: rgba(255, 255, 255, .95);--card-bg: #FFFFFF;--card-border: rgba(0, 0, 0, .1);--card-shadow: 0 8px 30px rgba(0, 0, 0, .04);--text-primary: #18181B;--text-secondary: #71717A;--text-dark: #18181B;--border-light: rgba(0, 0, 0, .1);--table-hover: rgba(0, 0, 0, .02);--switch-bg: #E4E4E7;--primary: #0066CC;--success: #22C55E;--warning: #F59E0B;--danger: #EF4444;--info: #06B6D4}.cip-app{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-primary);background-image:var(--gradient-bg);color:var(--text-primary);transition:var(--transition-smooth)}.cip-topbar{background:var(--bg-sidebar);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);position:sticky;top:0;z-index:1000;width:100%}.cip-topbar-inner{max-width:1440px;margin:0 auto;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;height:64px}.cip-topbar-brand{display:flex;align-items:center;gap:10px}.cip-logo-emoji{font-size:24px}.cip-brand-text h1{font-family:Outfit,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.3px;line-height:1.2}.cip-brand-sub{font-size:10px;color:var(--text-secondary);display:block}.cip-tab-nav{display:flex;gap:6px;align-items:center}.cip-tab-btn{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-family);font-size:13px;font-weight:600;padding:8px 14px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition-fast)}.cip-tab-btn:hover{background:#007aff0f;color:var(--text-primary)}.cip-tab-btn.active{background:var(--primary);color:#fff}.cip-topbar-controls{display:flex;align-items:center;gap:8px}.cip-status-badge{display:flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid var(--card-border);padding:6px 12px;border-radius:20px;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-fast)}.cip-status-badge:hover{background:#ffffff14}.cip-dot{width:8px;height:8px;border-radius:50%}.cip-dot.live{background-color:var(--success);box-shadow:0 0 6px var(--success)}.cip-dot.offline{background-color:var(--warning);box-shadow:0 0 6px var(--warning)}.cip-chevron{transition:transform .2s ease}.cip-chevron.open{transform:rotate(180deg)}.cip-icon-btn{background:transparent;border:none;color:var(--text-primary);opacity:.8;padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.cip-icon-btn:hover{background:#ffffff0d;opacity:1}.cip-icon-btn:disabled{opacity:.4;cursor:not-allowed}.cip-filter-bar{background:var(--bg-secondary);border-bottom:1px solid var(--card-border);padding:16px 24px;transition:var(--transition-smooth)}.cip-filter-bar-inner{max-width:1440px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.cip-filter-row-quick{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.cip-filter-group{display:flex;flex-direction:column;gap:4px}.cip-filter-label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.cip-filter-select{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--card-border);padding:8px 16px;border-radius:10px;font-family:var(--font-family);font-size:13px;font-weight:500;min-width:180px;outline:none;cursor:pointer;transition:var(--transition-fast)}.cip-filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #0a84ff40}.cip-btn-toggle-filters{display:flex;align-items:center;gap:6px;background:#0a84ff1a;color:var(--primary);border:1px solid rgba(10,132,255,.2);padding:8px 16px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer}.cip-btn-toggle-filters:hover{background:#0a84ff26}.cip-filter-panel-detailed{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:16px;background:#ffffff05;border:1px solid var(--card-border);border-radius:14px;margin-top:8px}.cip-pill-container{display:flex;flex-wrap:wrap;gap:6px}.cip-pill-btn{background:#ffffff08;color:var(--text-secondary);border:1px solid var(--card-border);padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.light-theme .cip-pill-btn{background:#00000008}.cip-pill-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.cip-pill-btn.active{background:var(--primary);border-color:var(--primary);color:#fff!important}.cip-pill-btn.active-accent{background:var(--success);border-color:var(--success);color:#fff!important}.cip-controls-dropdown{position:absolute;top:70px;right:24px;background:var(--bg-secondary);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:16px;padding:16px;width:280px;display:flex;flex-direction:column;gap:12px;z-index:1001}.cip-dropdown-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:10px}.cip-dropdown-row.muted{color:var(--text-secondary);border-bottom:1px solid var(--card-border);padding-bottom:8px}.cip-dropdown-row.error{color:var(--danger);background:#ff453a14;padding:6px;border-radius:6px}.cip-auto-label{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:11px}.cip-switch-wrap{position:relative}.cip-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:20px;background:var(--switch-bg);border-radius:10px;position:relative;cursor:pointer;transition:background .3s}.cip-switch:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;top:2px;left:2px;background:#fff;transition:left .3s}.cip-switch:checked{background:var(--success)}.cip-switch:checked:before{left:18px}.cip-sheet-link{color:var(--success);text-decoration:none}.cip-sheet-link:hover{text-decoration:underline}.cip-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999}.cip-mobile-menu{position:absolute;top:64px;left:0;width:100%;background:var(--bg-secondary);border-bottom:1px solid var(--card-border);box-shadow:var(--card-shadow);display:flex;flex-direction:column;padding:8px 16px;z-index:1001}.cip-mobile-tab{display:flex;align-items:center;gap:12px;padding:12px;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-family);font-size:14px;text-align:left;border-radius:8px}.cip-mobile-tab.active{background:var(--primary);color:#fff}.cip-main{max-width:1440px;margin:0 auto;width:100%;padding:24px;flex-grow:1}.cip-page-header{margin-bottom:24px}.cip-page-title{display:flex;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-size:22px;font-weight:700;color:var(--text-primary)}.cip-page-subtitle{font-size:13px;color:var(--text-secondary);margin-top:4px}.cip-page-content{width:100%}.tab-label-short{display:none}.desktop-only{display:flex}.mobile-only{display:none}.spin{animation:cip-spin 1s linear infinite}@keyframes cip-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.tab-label-full{display:none}.tab-label-short{display:inline}}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.cip-topbar-inner{padding:12px 16px}.cip-main{padding:16px}.cip-filter-bar{padding:12px 16px}}