:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-title: "Outfit", sans-serif;--bg-app: #f1f5f9;--bg-surface: #ffffff;--bg-card: #ffffff;--border-color: rgba(15, 23, 42, .08);--border-color-glow: rgba(197, 160, 89, .4);--color-navy: #0f1e36;--color-gold: #c5a059;--color-gold-hover: #b38e4b;--color-gold-glow: rgba(197, 160, 89, .15);--color-primary: var(--color-navy);--color-primary-glow: rgba(15, 30, 54, .08);--color-secondary: var(--color-gold);--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--text-main: #1e293b;--text-muted: #64748b;--text-inverse: #ffffff;--sidebar-width: 280px;--header-height: 70px;--border-radius-sm: 8px;--border-radius-md: 14px;--border-radius-lg: 24px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 18px rgba(15, 30, 54, .06);--shadow-glow: 0 0 15px rgba(197, 160, 89, .18);--shadow-glow-success: 0 0 15px rgba(16, 185, 129, .1);--shadow-glow-accent: 0 0 15px rgba(244, 63, 94, .1);--transition-fast: .2s ease;--transition-normal: .35s cubic-bezier(.4, 0, .2, 1)}.theme-emerald-trust{--bg-app: #f2f7f5;--bg-surface: #ffffff;--bg-card: #ffffff;--border-color: rgba(6, 78, 59, .08);--border-color-glow: rgba(16, 185, 129, .4);--color-navy: #063c31;--color-gold: #10b981;--color-gold-hover: #059669;--color-gold-glow: rgba(16, 185, 129, .15);--color-primary: var(--color-navy);--color-primary-glow: rgba(6, 60, 49, .08);--color-secondary: var(--color-gold);--shadow-glow: 0 0 15px rgba(16, 185, 129, .18)}.theme-royal-sovereign{--bg-app: #fbf9f9;--bg-surface: #ffffff;--bg-card: #ffffff;--border-color: rgba(63, 7, 20, .08);--border-color-glow: rgba(180, 83, 9, .4);--color-navy: #3f0714;--color-gold: #b45309;--color-gold-hover: #92400e;--color-gold-glow: rgba(180, 83, 9, .15);--color-primary: var(--color-navy);--color-primary-glow: rgba(63, 7, 20, .08);--color-secondary: var(--color-gold);--shadow-glow: 0 0 15px rgba(180, 83, 9, .18)}.theme-slate-steel{--bg-app: #f1f5f9;--bg-surface: #ffffff;--bg-card: #ffffff;--border-color: rgba(30, 41, 59, .08);--border-color-glow: rgba(2, 132, 199, .4);--color-navy: #1e293b;--color-gold: #0284c7;--color-gold-hover: #0369a1;--color-gold-glow: rgba(2, 132, 199, .15);--color-primary: var(--color-navy);--color-primary-glow: rgba(30, 41, 59, .08);--color-secondary: var(--color-gold);--shadow-glow: 0 0 15px rgba(2, 132, 199, .18)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:700;color:var(--color-navy);letter-spacing:-.02em;transition:color var(--transition-normal)}a{color:var(--color-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-navy)}button{cursor:pointer;border:none;background:none;font-family:var(--font-sans);color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:#0f1e361a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}.card-glass{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal)}.card-glass:hover{border-color:var(--color-gold);box-shadow:var(--shadow-glow),var(--shadow-md)}.card-glow-success:hover{border-color:#10b98166;box-shadow:var(--shadow-glow-success),var(--shadow-md)}.card-glow-accent:hover{border-color:#f43f5e66;box-shadow:var(--shadow-glow-accent),var(--shadow-md)}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--color-navy);border-right:1px solid var(--border-color);padding:2rem 1.5rem;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100;transition:width var(--transition-normal),padding var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal)}.sidebar-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:3rem;transition:margin var(--transition-normal),justify-content var(--transition-normal)}.sidebar-logo{font-size:2rem}.sidebar-title{font-family:var(--font-title);font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,#ffffff 0%,var(--color-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.sidebar-menu{list-style:none;display:flex;flex-direction:column;gap:.5rem}.sidebar-link{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border-radius:var(--border-radius-sm);color:#ffffffa6;font-weight:500;transition:all var(--transition-fast)}.sidebar-link:hover,.sidebar-link.active{color:#fff;background:#ffffff14;border-left:3px solid var(--color-gold);padding-left:calc(1rem - 3px)}.sidebar-link svg{width:20px;height:20px;color:#ffffffa6;flex-shrink:0}.sidebar-link:hover svg,.sidebar-link.active svg{color:var(--color-gold)}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);transition:all var(--transition-normal)}.sidebar-settings-btn{display:flex;align-items:center;gap:1rem;color:#fff9;width:100%;padding:.85rem 1rem;border-radius:var(--border-radius-sm);font-weight:500;transition:all var(--transition-fast)}.sidebar-settings-btn:hover{color:#fff;background:#ffffff0d}.sidebar-settings-btn svg{flex-shrink:0}.sidebar.collapsed{width:80px;padding:2rem .5rem}.sidebar.collapsed .sidebar-title{display:none}.sidebar.collapsed .sidebar-brand{justify-content:center;margin-bottom:2rem}.sidebar.collapsed .sidebar-logo{font-size:1.75rem}.sidebar.collapsed .sidebar-link{justify-content:center;padding:.85rem;border-radius:50%;width:48px;height:48px;margin:0 auto}.sidebar.collapsed .sidebar-link span{display:none}.sidebar.collapsed .sidebar-footer{display:flex;flex-direction:column;align-items:center;gap:.5rem}.sidebar.collapsed .sidebar-settings-btn{justify-content:center;padding:.85rem;border-radius:50%;width:48px;height:48px;margin:0 auto}.sidebar.collapsed .sidebar-settings-btn span{display:none}.sidebar-toggle-btn{position:absolute;top:85px;right:-13px;width:26px;height:26px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;color:var(--color-navy);cursor:pointer;z-index:101;transition:all var(--transition-fast)}.sidebar-toggle-btn:hover{transform:scale(1.15);border-color:var(--color-gold);color:var(--color-gold-hover);box-shadow:0 0 8px #c5a05940}.sidebar-toggle-btn svg{color:inherit}.main-content{margin-left:var(--sidebar-width);flex-grow:1;min-height:100vh;display:flex;flex-direction:column;padding:2rem;transition:margin-left var(--transition-normal),padding var(--transition-normal)}.main-content.sidebar-collapsed{margin-left:80px}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.page-title-section h1{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--color-navy) 0%,var(--color-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-title-section p{color:var(--text-muted);font-size:.95rem}.top-bar-actions{display:flex;align-items:center;gap:1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--border-radius-sm);font-weight:600;font-size:.9rem;transition:all var(--transition-fast)}.btn-primary{background:var(--color-gold);color:#fff;box-shadow:0 4px 10px #c5a05933}.btn-primary:hover{background:var(--color-gold-hover);transform:translateY(-1px);box-shadow:0 6px 14px #c5a0594d}.btn-secondary{background:#fff;color:var(--color-navy);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-app);border-color:var(--color-gold)}.btn-success{background:var(--color-success);color:#fff;box-shadow:0 4px 10px #10b98126}.btn-success:hover{background:#059669;transform:translateY(-1px)}.badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-success{background:#10b98114;color:var(--color-success);border:1px solid rgba(16,185,129,.15)}.badge-warning{background:#f59e0b14;color:var(--color-warning);border:1px solid rgba(245,158,11,.15)}.badge-danger{background:#ef444414;color:var(--color-danger);border:1px solid rgba(239,68,68,.15)}.badge-info{background:#3b82f614;color:var(--color-info);border:1px solid rgba(59,130,246,.15)}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;width:100%}.col-12{grid-column:span 12}.col-11{grid-column:span 11}.col-10{grid-column:span 10}.col-9{grid-column:span 9}.col-8{grid-column:span 8}.col-7{grid-column:span 7}.col-6{grid-column:span 6}.col-5{grid-column:span 5}.col-4{grid-column:span 4}.col-3{grid-column:span 3}.col-2{grid-column:span 2}.col-1{grid-column:span 1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f1e3680;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{width:90%;max-width:500px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:2rem;box-shadow:0 10px 30px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title{font-size:1.5rem;color:var(--color-navy)}.modal-close-btn{font-size:1.5rem;color:var(--text-muted)}.modal-close-btn:hover{color:var(--color-navy)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem;font-weight:600}.form-control{width:100%;padding:.75rem 1rem;border-radius:var(--border-radius-sm);background:#f8fafc;border:1px solid var(--border-color);color:var(--text-main);font-family:var(--font-sans);transition:all var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--color-gold);box-shadow:0 0 0 2px var(--color-gold-glow);background:#fff}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.stat-card{padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;height:130px}.stat-header{display:flex;justify-content:space-between;align-items:center}.stat-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.stat-value{font-family:var(--font-title);font-size:2rem;font-weight:800;color:var(--color-navy);line-height:1;margin-top:.5rem}.stat-icon{background:var(--color-gold-glow);color:var(--color-gold);border-radius:var(--border-radius-sm);padding:.5rem;display:flex;align-items:center;justify-content:center}.tooltip-trigger{position:relative;cursor:help}.tooltip-box{visibility:hidden;position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:var(--color-navy);color:#fff;text-align:center;padding:8px 12px;border-radius:6px;font-size:.75rem;box-shadow:0 4px 12px #00000026;z-index:10;opacity:0;transition:opacity .2s}.tooltip-trigger:hover .tooltip-box{visibility:visible;opacity:1}.theme-dot{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform var(--transition-fast),border-color var(--transition-fast)}.theme-dot:hover{transform:scale(1.2)}.theme-dot.active{border-color:#fff;outline:2px solid var(--color-gold)}.login-split-container{display:flex;min-height:100vh;width:100%;background-color:#fff}.login-banner{flex:1.25;background:linear-gradient(135deg,#070e1b,#0f1e36,#1e293b);display:flex;align-items:center;justify-content:center;padding:4rem;position:relative;overflow:hidden;color:#fff}.login-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,rgba(197,160,89,.12) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(2,132,199,.08) 0%,transparent 50%);z-index:1}.login-banner-content{position:relative;z-index:10;max-width:520px;display:flex;flex-direction:column;gap:1.5rem}.login-banner-badge{background:#c5a0591f;border:1px solid rgba(197,160,89,.35);color:var(--color-gold);font-size:.72rem;font-weight:800;letter-spacing:.1em;padding:.4rem .85rem;border-radius:9999px;align-self:flex-start}.login-banner-logo{font-size:3.5rem;filter:drop-shadow(0 4px 15px rgba(0,0,0,.3))}.login-banner-title{font-family:var(--font-title);font-size:3.25rem;font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(135deg,#ffffff 0%,#fef3c7 40%,var(--color-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-banner-desc{font-size:1.05rem;color:#fffc;line-height:1.6}.login-banner-features{display:flex;flex-direction:column;gap:.85rem;margin-top:.5rem}.banner-feature-item{display:flex;align-items:center;gap:.85rem;font-size:.95rem;color:#ffffffd9}.feature-dot{width:22px;height:22px;background:#c5a05926;border:1px solid var(--color-gold);border-radius:50%;color:var(--color-gold);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}.login-banner-footer{font-size:.78rem;color:#ffffff59;margin-top:2rem;border-top:1px solid rgba(255,255,255,.08);padding-top:1.25rem}.login-form-side{flex:.85;display:flex;align-items:center;justify-content:center;background-color:#f8fafc;padding:3rem;position:relative}.login-mobile-logo{display:none;font-size:3rem;margin-bottom:.5rem;filter:drop-shadow(0 4px 10px rgba(15,30,54,.15))}.login-card-wrapper{position:relative;width:100%;max-width:420px;display:flex;flex-direction:column;gap:1.5rem}.login-title-gradient{font-family:var(--font-title);font-size:2.25rem;font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-navy) 0%,var(--color-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.login-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:2.5rem 2rem;box-shadow:0 15px 35px #0f1e360a,0 5px 15px #00000005;transition:all var(--transition-normal)}.login-card:hover{border-color:var(--color-gold);box-shadow:var(--shadow-glow),0 20px 40px #0f1e3614}.login-form-title{font-size:1.15rem;font-weight:800;color:var(--color-navy);display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.75rem;margin-bottom:.5rem}.login-form-title svg{color:var(--color-gold)}.login-label{display:block;font-size:.85rem;font-weight:700;color:var(--text-muted);margin-bottom:.5rem}.login-input{width:100%;padding:.8rem 1rem .8rem 2.75rem;border-radius:var(--border-radius-sm);background:#f8fafc;border:1px solid var(--border-color);color:var(--text-main);font-family:var(--font-sans);font-size:.95rem;transition:all var(--transition-fast)}.login-input:focus{outline:none;border-color:var(--color-gold);background:#fff;box-shadow:0 0 0 3px var(--color-gold-glow)}.login-input-pin{letter-spacing:.6rem;text-align:center;font-size:1.25rem;padding-left:1.2rem}.login-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:color var(--transition-fast)}.login-input:focus+.login-input-icon,.login-input:focus~.login-input-icon{color:var(--color-gold)}.login-btn-gradient{width:100%;padding:.9rem;border-radius:var(--border-radius-sm);font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--color-navy) 0%,var(--color-navy) 40%,var(--color-gold) 100%);box-shadow:0 5px 15px #0f1e3626;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;margin-top:.75rem}.login-btn-gradient:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0f1e3640;background:linear-gradient(135deg,var(--color-navy) 0%,var(--color-gold) 100%)}.login-error-alert{background:#ef444414;border:1px solid rgba(239,68,68,.18);padding:.75rem;border-radius:var(--border-radius-sm);color:var(--color-danger);font-size:.85rem;font-weight:700;line-height:1.45}.mobile-hamburger-btn{display:none;align-items:center;justify-content:center;color:var(--color-navy);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:.5rem;cursor:pointer;transition:all var(--transition-fast);margin-right:.5rem}.mobile-hamburger-btn:hover{background:var(--color-gold-glow);border-color:var(--color-gold);color:var(--color-gold-hover)}.mobile-close-btn{display:none;font-size:1.75rem;color:#fff9;cursor:pointer;margin-left:auto;line-height:1}.mobile-close-btn:hover{color:#fff}.mobile-sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f1e3666;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}@media(max-width:1024px){.app-container{flex-direction:column}.mobile-hamburger-btn{display:inline-flex}.mobile-close-btn{display:block}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;height:100vh;z-index:1000;transform:translate(-100%);box-shadow:10px 0 30px #0f1e3626;transition:transform var(--transition-normal);flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;border-right:1px solid var(--border-color);border-bottom:none;padding:2rem 1.5rem}.sidebar.mobile-open{transform:translate(0)}.sidebar-brand{display:flex;align-items:center;margin-bottom:2rem}.sidebar nav{width:100%;margin-top:0;order:unset}.sidebar-menu{flex-direction:column;flex-wrap:nowrap;gap:.5rem}.sidebar-link{display:flex;padding:.85rem 1rem;font-size:.9rem;white-space:normal}.sidebar-footer{width:100%;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.5rem;order:unset}.sidebar-settings-btn{padding:.85rem 1rem;font-size:.9rem}.main-content{margin-left:0;padding:1rem 1.5rem 1.5rem}.main-content.sidebar-collapsed{margin-left:0}.sidebar-toggle-btn{display:none}.col-8,.col-7,.col-6,.col-5{grid-column:span 12}.col-4,.col-3{grid-column:span 6}.login-split-container{flex-direction:column}.login-banner{display:none}.login-form-side{flex:1;padding:2rem 1.5rem;min-height:100vh}.login-mobile-logo{display:inline-block}}@media(max-width:768px){.top-bar{flex-direction:column;align-items:flex-start;gap:1rem}.top-bar-actions{width:100%;display:grid;grid-template-columns:1fr 1.1fr;gap:.5rem}.theme-selector-container{grid-column:span 1;width:100%;justify-content:center;box-sizing:border-box}.bank-badge-container{grid-column:span 1;width:100%;justify-content:center;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.score-summary-badge,.publish-report-btn{grid-column:span 2;width:100%;justify-content:center;box-sizing:border-box}.main-content{padding:1rem}.doc-list-item-row{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important;padding:.75rem 1rem!important}.doc-list-item-right{align-self:flex-end!important;margin-top:.15rem!important}.roadmap-timeline-wrapper{overflow-x:auto!important;padding-bottom:1rem!important;-webkit-overflow-scrolling:touch!important}.roadmap-timeline-inner{min-width:600px!important}.roadmap-levels-grid{grid-template-columns:1fr!important}.roadmap-level-card{border:1px solid var(--border-color)!important;background:#0f1e3605!important}.roadmap-level-card.active{background:#c5a0590f!important;border-color:#c5a05933!important}.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{grid-column:span 12}}.roadmap-timeline-wrapper{width:100%;overflow-x:visible}.roadmap-timeline-inner{width:100%}.roadmap-levels-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;border-top:1px solid var(--border-color);padding-top:1rem}.roadmap-level-card{padding:.75rem;border-radius:8px;border:1px solid transparent;display:flex;flex-direction:column;gap:.25rem;transition:all var(--transition-fast)}.roadmap-level-card.active{background:#c5a0590f;border:1px solid rgba(197,160,89,.2)}