.stx-icon{display:inline-flex;flex-shrink:0;vertical-align:middle}.stx-icon-clickable{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.34,1.56,.64,1),opacity .15s ease}.stx-icon-clickable:hover{opacity:.82}.stx-icon-clickable:active{transform:scale(.78);opacity:.65}@keyframes stxIconPress{0%{transform:scale(1)}40%{transform:scale(.78)}to{transform:scale(1)}}.stx-icon-pressed{animation:stxIconPress .3s cubic-bezier(.34,1.56,.64,1)}.stx-action-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform .18s cubic-bezier(.34,1.56,.64,1),opacity .15s ease;-webkit-tap-highlight-color:transparent}.stx-action-icon:active,.stx-action-icon:active .stx-icon{transform:scale(.88)}.stx-click-feedback{transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.stx-click-feedback:active{transform:scale(.97)}.stx-click-feedback:active .stx-icon{transform:scale(.85);opacity:.75}.app-layout{display:flex;min-height:100vh;background-color:var(--bg-primary)}.app-sidebar{width:240px;min-width:240px;background:var(--nav-bg);display:flex;flex-direction:column;flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo-img{height:40px;width:auto;object-fit:contain;mix-blend-mode:lighten}.sidebar-close-btn{display:none;background:transparent;border:none;color:#ffffffb3;cursor:pointer;padding:4px;margin-left:auto}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;border-radius:8px;background:transparent;color:var(--nav-text);font-size:15px;font-weight:500;text-align:left;cursor:pointer;transition:background .2s,color .2s}.sidebar-nav-item:hover{background:#ffffff14;color:var(--nav-text-hover)}.sidebar-nav-item.active{background:var(--nav-active-bg);color:var(--nav-text-hover);border-left:3px solid var(--active-indicator);padding-left:13px}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center;color:inherit}.sidebar-nav-label{flex:1}.sidebar-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-profile{display:flex;align-items:center;gap:12px;padding:12px 0;cursor:pointer;border-radius:8px;margin-bottom:8px}.sidebar-profile:hover{background:#ffffff0f}.sidebar-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}[data-theme=dark] .sidebar-avatar{background:var(--accent);color:#fff}.sidebar-profile-info{display:flex;flex-direction:column;gap:2px}.sidebar-profile-name{font-size:14px;font-weight:600;color:#fff}.sidebar-profile-role{font-size:12px;color:#ffffffb3;display:flex;align-items:center;gap:6px}.sidebar-plan-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--accent-light);color:var(--color-primary);cursor:pointer;transition:background .2s}.sidebar-plan-badge:hover{background:#f7d79459}[data-theme=dark] .sidebar-plan-badge{background:var(--accent-light);color:var(--color-primary)}[data-theme=dark] .sidebar-plan-badge:hover{background:#0984e34d}.sidebar-logout{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:#ffffffd9;font-size:14px;cursor:pointer;transition:background .2s,color .2s}.sidebar-logout:hover{background:#ffffff14;color:#fff}.app-main{flex:1;overflow:auto;padding:24px 24px 100px;background-color:var(--bg-primary)}.mobile-menu-btn{display:none;position:fixed;top:12px;left:12px;z-index:1100;width:44px;height:44px;border:none;border-radius:10px;background:var(--nav-bg);color:#fff;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md)}.sidebar-backdrop{display:none}@media (max-width: 768px){.app-sidebar{width:72px;min-width:72px;padding:0 8px}.sidebar-nav-label,.sidebar-profile-info,.sidebar-logout span{display:none}.sidebar-brand{justify-content:center;padding:20px 8px}.sidebar-nav-item{justify-content:center;padding:12px}.sidebar-footer{padding:12px 8px}.sidebar-profile,.sidebar-logout{justify-content:center}.sidebar-logout-label{display:none}.app-main{padding:16px 16px 80px}}@media (max-width: 640px){.mobile-menu-btn{display:flex}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:1200;background:#00000080}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;min-width:260px;z-index:1300;transform:translate(-100%);transition:transform .25s ease;padding:0}.app-sidebar.mobile-open{transform:translate(0)}.app-sidebar.mobile-open .sidebar-nav-label,.app-sidebar.mobile-open .sidebar-profile-info,.app-sidebar.mobile-open .sidebar-logout span{display:unset}.app-sidebar.mobile-open .sidebar-nav-item{justify-content:flex-start;padding:12px 16px}.app-sidebar.mobile-open .sidebar-brand{justify-content:flex-start;padding:24px 20px}.app-sidebar.mobile-open .sidebar-footer{padding:16px 20px}.app-sidebar.mobile-open .sidebar-profile,.app-sidebar.mobile-open .sidebar-logout{justify-content:flex-start}.sidebar-close-btn{display:flex;align-items:center;justify-content:center}.app-main{padding:64px 12px 80px}}.preview-timer-banner{display:flex;align-items:center;gap:10px;padding:10px 20px;margin-bottom:16px;background:var(--nav-bg);color:#ffffffd9;border-radius:10px;font-size:13px;font-weight:500;flex-wrap:wrap}.preview-timer-banner svg{flex-shrink:0;color:var(--color-primary)}.preview-timer-banner strong{font-variant-numeric:tabular-nums;color:#fff}.preview-timer-note{font-size:11px;color:var(--color-primary);opacity:.8;margin-left:auto}.preview-timer-urgent{background:linear-gradient(135deg,#5c1a1a,#6e2020)}.preview-timer-urgent svg{color:var(--danger)}.preview-timer-urgent .preview-timer-note{color:var(--danger)}.preview-timer-register-btn{padding:5px 16px;font-size:12px;font-weight:600;color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap}.preview-timer-register-btn:hover{background:#ffffff40}@media (max-width: 768px){.preview-timer-banner{font-size:12px;padding:8px 14px;gap:8px}.preview-timer-note{display:none}}.login-container{min-height:100vh;background:linear-gradient(135deg,#0f1d3d,#192a56);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}[data-theme=dark] .login-container{background:linear-gradient(135deg,#1a1a2e,#1e272e)}.login-header{width:100%;max-width:500px;margin-bottom:40px}.login-logo{display:flex;align-items:center;justify-content:center;gap:8px}.login-logo .logo-image{height:80px;width:auto;object-fit:contain;filter:none;mix-blend-mode:lighten}.login-content{width:100%;max-width:500px}.login-card{background:var(--bg-card);border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d}.login-title{font-size:32px;font-weight:700;color:var(--color-primary);margin-bottom:8px;text-align:center}.login-subtitle{font-size:16px;color:var(--color-secondary);margin-bottom:32px;text-align:center}.login-form{display:flex;flex-direction:column;gap:24px}.form-group label{font-size:14px;font-weight:600;color:var(--color-primary)}.form-group input{padding:12px 16px;border:2px solid var(--input-border);border-radius:8px;font-size:16px;background:var(--bg-input);color:var(--color-primary);transition:border-color .3s}.form-group input:focus{outline:none;border-color:var(--color-primary)}.form-options{display:flex;justify-content:space-between;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-secondary);cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.forgot-password{font-size:14px;color:var(--color-primary);text-decoration:none;font-weight:500}.forgot-password:hover{text-decoration:underline}.login-button{padding:14px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:8px}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #192a564d;background:var(--btn-primary-hover)}.login-button:active{transform:translateY(0)}.login-error{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;background:var(--danger-light);color:var(--danger-text);font-size:13px;font-weight:500;margin-bottom:4px}[data-theme=dark] .login-error{color:var(--danger)}.login-button-google{background:var(--bg-card);color:var(--color-primary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.login-button-google:hover{background:var(--bg-surface);border-color:var(--color-muted)}.login-divider{display:flex;align-items:center;gap:12px;margin:8px 0;color:var(--color-muted);font-size:13px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.login-button:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 640px){.login-card{padding:32px 24px}.login-title{font-size:28px}}.login-superadmin-access{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.login-superadmin-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;font-size:13px;font-weight:600;color:var(--btn-primary-text);background:var(--btn-primary-bg);border:none;border-radius:8px;cursor:pointer;transition:all .2s}.login-superadmin-btn:hover:not(:disabled){background:var(--btn-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-superadmin-btn:disabled{opacity:.6;cursor:not-allowed}.login-superadmin-hint{font-size:11px;color:var(--color-muted)}.login-2fa-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000008c;backdrop-filter:blur(6px);animation:fadeIn .2s ease;overflow-y:auto}.login-2fa-modal{width:400px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--bg-card, #fff);border-radius:16px;box-shadow:0 20px 60px #00000040;padding:28px 24px 24px;margin:auto;animation:slideUp .25s ease}.login-2fa-header{text-align:center;margin-bottom:20px}.login-2fa-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#00088814;border-radius:50%;margin-bottom:12px}.login-2fa-title{font-size:18px;font-weight:700;color:var(--color-primary, #1a1a2e);margin:0 0 6px}.login-2fa-subtitle{font-size:13px;color:var(--color-muted, #666);margin:0;line-height:1.5}.login-2fa-subtitle strong{color:var(--color-primary, #1a1a2e);word-break:break-all}.login-2fa-form{display:flex;flex-direction:column}.login-2fa-code-wrap{display:flex;align-items:center;gap:10px;margin-bottom:14px}.login-2fa-input{flex:1;min-width:0;font-size:22px;font-weight:700;letter-spacing:6px;text-align:center;padding:12px 10px;border:2px solid var(--border-color, #e0e0e0);border-radius:10px;background:var(--input-bg, #fafafa);color:var(--color-primary, #1a1a2e);outline:none;transition:border-color .2s}.login-2fa-input:focus{border-color:#000888;background:#fff}.login-2fa-input::placeholder{color:#ccc;letter-spacing:6px}.login-2fa-timer{font-size:13px;font-weight:600;color:var(--color-muted, #666);white-space:nowrap;min-width:40px;text-align:right}.login-2fa-timer-warn{color:#e74c3c;animation:pulse 1s ease infinite}.login-2fa-demo-hint{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#0008880d;border:1px solid rgba(0,8,136,.12);border-radius:10px;font-size:11px;color:var(--color-muted, #555);margin-bottom:16px;line-height:1.5}.login-2fa-demo-hint svg{flex-shrink:0;margin-top:1px;color:#000888}.login-2fa-demo-code{display:inline-block;font-size:14px;font-weight:700;color:#000888;letter-spacing:3px;background:#00088814;padding:2px 8px;border-radius:6px}.login-2fa-actions{display:flex;gap:10px}.login-2fa-btn-cancel{flex:1;padding:11px;font-size:13px;font-weight:600;color:var(--color-primary, #333);background:var(--bg-secondary, #f0f0f0);border:1px solid var(--border-color, #ddd);border-radius:10px;cursor:pointer;transition:all .2s}.login-2fa-btn-cancel:hover{background:#e4e4e4}.login-2fa-btn-verify{flex:1.5;padding:11px;font-size:13px;font-weight:700;color:#fff;background:#000888;border:none;border-radius:10px;cursor:pointer;transition:all .2s}.login-2fa-btn-verify:hover:not(:disabled){background:#0006aa;transform:translateY(-1px);box-shadow:0 4px 12px #0008884d}.login-2fa-btn-verify:disabled{opacity:.5;cursor:not-allowed}.login-2fa-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:18px}.login-2fa-step{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--color-muted, #999);transition:color .2s}.login-2fa-step.active{color:#000888}.login-2fa-step.done{color:#2e7d32}.login-2fa-step-num{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:2px solid currentColor;transition:all .2s}.login-2fa-step.active .login-2fa-step-num{background:#000888;border-color:#000888;color:#fff}.login-2fa-step.done .login-2fa-step-num{background:#2e7d32;border-color:#2e7d32;color:#fff}.login-2fa-step-connector{width:32px;height:2px;background:var(--border-color, #ddd);margin:0 8px}.login-2fa-step-connector.done{background:#2e7d32}.login-2fa-resend{text-align:center;margin-bottom:14px}.login-2fa-resend-btn{background:none;border:none;color:#000888;font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline;padding:2px 4px}.login-2fa-resend-btn:disabled{color:var(--color-muted, #999);cursor:not-allowed;text-decoration:none}@media (max-width: 480px){.login-2fa-modal{width:100%;padding:22px 18px 20px;border-radius:12px}.login-2fa-input{font-size:18px;letter-spacing:4px;padding:10px 8px}.login-2fa-actions{flex-direction:column}.login-2fa-btn-verify,.login-2fa-btn-cancel{flex:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.reg-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:24px}.reg-step{display:flex;align-items:center;gap:6px;opacity:.4;transition:opacity .3s}.reg-step.active{opacity:1}.reg-step-num{width:28px;height:28px;border-radius:50%;background:var(--bg-surface-hover);color:var(--color-secondary);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .3s,color .3s}.reg-step.active .reg-step-num{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.reg-step-label{font-size:13px;font-weight:600;color:var(--color-secondary)}.reg-step-line{width:40px;height:2px;background:var(--bg-surface-hover);margin:0 12px}.reg-account-type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reg-account-type-toggle.reg-account-type-3col{grid-template-columns:1fr 1fr 1fr}@media (max-width: 600px){.reg-account-type-toggle.reg-account-type-3col{grid-template-columns:1fr}}.reg-domain-warning{display:flex;align-items:flex-start;gap:8px;margin-top:8px;padding:10px 14px;border-radius:8px;background:#fff3cd;border:1px solid #ffc107;color:#856404;font-size:12px;line-height:1.5}.reg-domain-warning svg{flex-shrink:0;margin-top:2px;color:#856404}.reg-domain-hint{display:flex;align-items:flex-start;gap:6px;margin-top:8px;font-size:11px;color:var(--color-muted);line-height:1.5}.reg-domain-hint svg{flex-shrink:0;margin-top:2px}.reg-domain-hint strong{font-weight:600;color:var(--color-secondary)}[data-theme=dark] .reg-domain-warning{background:#ffc1071a;border-color:#ffc1074d;color:#ffc107}[data-theme=dark] .reg-domain-warning svg{color:#ffc107}.reg-account-type-btn{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--bg-surface);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;text-align:left;transition:border-color .2s,background .2s,box-shadow .2s;color:var(--color-secondary)}.reg-account-type-btn:hover{border-color:var(--color-primary);background:var(--accent-light)}.reg-account-type-btn.active{border-color:var(--btn-primary-bg);background:var(--accent-light);color:var(--color-primary);box-shadow:0 0 0 3px var(--accent-light)}.reg-account-type-label{font-size:14px;font-weight:700;color:inherit}.reg-account-type-desc{font-size:11px;color:var(--color-muted);margin-top:1px}.reg-account-type-btn.active .reg-account-type-desc{color:var(--color-primary)}.reg-account-type-indicator{text-align:center;font-size:13px;color:var(--color-secondary);padding:8px 0;margin-bottom:4px}.reg-change-type-link{background:none;border:none;color:var(--color-primary);font-size:13px;font-weight:600;cursor:pointer;text-decoration:underline;margin-left:6px;padding:0}.reg-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.reg-plan-card{position:relative;background:var(--bg-surface);border:2px solid var(--border-color);border-radius:12px;padding:16px 12px;cursor:pointer;text-align:left;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;flex-direction:column;gap:6px}.reg-plan-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.reg-plan-card.selected{border-color:var(--btn-primary-bg);background:var(--accent-light);box-shadow:0 0 0 3px var(--accent-light)}.reg-plan-card.popular{border-color:var(--color-primary)}.reg-plan-badge{position:absolute;top:-10px;right:10px;background:var(--accent);color:var(--btn-primary-text);font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.reg-plan-name{font-size:15px;font-weight:700;color:var(--color-primary)}.reg-plan-price{font-size:20px;font-weight:800;color:var(--color-primary)}.reg-plan-features{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:3px}.reg-plan-features li{font-size:11px;color:var(--color-secondary);display:flex;align-items:center;gap:5px}.reg-plan-more{font-size:10px;color:var(--color-muted);font-style:italic}.reg-payment-section{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:20px}.reg-payment-header{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--color-primary);margin-bottom:16px}.reg-payment-amount{margin-left:auto;font-size:16px;font-weight:700;color:var(--color-primary)}.reg-card-element{background:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;padding:14px 16px;transition:border-color .3s}.reg-card-element:focus-within{border-color:var(--color-primary)}.reg-payment-note{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;color:#2e7d32;font-weight:500}.reg-free-note{padding:14px 16px;background:var(--accent-light);border:1px solid var(--border-color);border-radius:10px;font-size:13px;color:var(--color-secondary);text-align:center}.reg-form-actions{display:flex;gap:12px;align-items:stretch}@media (max-width: 700px){.reg-plans{grid-template-columns:repeat(2,1fr)}}@media (max-width: 440px){.reg-plans{grid-template-columns:1fr}.reg-form-actions{flex-direction:column}.reg-form-actions .login-button{width:100%!important}}.reg-agreement-section{margin-top:4px;margin-bottom:4px}.reg-agreement-checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:13px;color:var(--color-secondary);line-height:1.5;padding:12px 14px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-surface);transition:border-color .2s,background .2s}.reg-agreement-checkbox:hover{border-color:var(--color-primary);background:var(--accent-light)}.reg-agreement-checkbox input[type=checkbox]{display:none}.reg-agreement-checkmark{width:20px;height:20px;min-width:20px;border:2px solid var(--color-muted);border-radius:5px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);transition:all .2s;margin-top:1px}.reg-agreement-checkbox input:checked+.reg-agreement-checkmark{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg)}.reg-agreement-text{flex:1}.reg-agreement-link{background:none;border:none;padding:0;margin:0;color:var(--color-primary);font-weight:600;font-size:13px;text-decoration:underline;cursor:pointer}.reg-agreement-link:hover{color:var(--accent-hover)}.reg-agreement-overlay{position:fixed;inset:0;z-index:9999;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.reg-agreement-modal{background:var(--bg-card);border-radius:16px;width:100%;max-width:680px;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden}.reg-agreement-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.reg-agreement-modal-header h2{margin:0;font-size:18px;font-weight:700;color:var(--color-primary)}.reg-agreement-close{background:none;border:none;cursor:pointer;color:var(--color-muted);padding:4px;border-radius:6px;transition:background .15s,color .15s}.reg-agreement-close:hover{background:var(--bg-surface-hover);color:var(--color-primary)}.reg-agreement-modal-body{flex:1;overflow-y:auto;padding:24px 28px;font-size:13px;color:var(--color-secondary);line-height:1.7}.reg-agreement-modal-body h3{font-size:15px;font-weight:700;color:var(--color-primary);margin:20px 0 8px;padding-top:8px;border-top:1px solid var(--border-light)}.reg-agreement-modal-body h3:first-of-type{margin-top:0;padding-top:0;border-top:none}.reg-agreement-modal-body ul{margin:8px 0 12px;padding-left:20px}.reg-agreement-modal-body li{margin-bottom:4px}.reg-agreement-modal-body p{margin:0 0 12px}.reg-agreement-modal-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color);justify-content:flex-end}.reg-agreement-decline-btn{padding:10px 24px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--color-secondary);font-weight:600;font-size:13px;cursor:pointer;transition:background .15s}.reg-agreement-decline-btn:hover{background:var(--bg-surface-hover)}.reg-agreement-accept-btn{padding:10px 28px;border-radius:8px;border:none;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:600;font-size:13px;cursor:pointer;transition:background .15s}.reg-agreement-accept-btn:hover{background:var(--btn-primary-hover)}.app-main:has(.sp-page){padding:8px 4px 24px!important}.sp-page{max-width:100%!important;width:100%!important;overflow:visible;margin:0!important}.sp-page .app-page-card{margin-bottom:16px;padding:28px 32px;border-radius:14px;width:100%;box-sizing:border-box}.sp-header-card{text-align:center;padding:32px 36px 26px!important}.sp-header-card .app-page-title{font-size:28px;font-weight:700;margin-bottom:8px}.sp-header-card .app-page-subtitle{font-size:16px;margin-bottom:0;color:var(--color-secondary)}.sp-billing-selector{display:inline-flex;background:var(--bg-surface);border-radius:14px;padding:5px;gap:4px;margin-top:16px}.sp-billing-opt{display:flex;align-items:center;gap:7px;padding:12px 26px;border:none;border-radius:12px;background:transparent;font-size:16px;font-weight:600;color:var(--color-secondary);cursor:pointer;transition:all .2s;white-space:nowrap;-webkit-tap-highlight-color:transparent;min-height:44px}.sp-billing-opt:hover{color:var(--color-primary);background:#ffffff80}.sp-billing-opt.active{background:var(--bg-card);color:var(--color-primary);box-shadow:var(--shadow-sm)}.sp-billing-badge{display:inline-block;background:var(--accent-light);color:var(--accent-text);padding:3px 11px;border-radius:10px;font-size:13px;font-weight:700}.sp-billing-badge.best{background:var(--accent-light);color:var(--accent-text)}.sp-alert{padding:16px 24px;border-radius:12px;font-size:15px;margin-bottom:14px;background:var(--danger-light);color:var(--danger)}.sp-alert-success{background:var(--accent-light);color:var(--accent-text)}.sp-alert-info{background:var(--accent-light);color:var(--color-primary)}.sp-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:16px;padding-top:6px;overflow:visible;width:100%}.sp-card{position:relative;background:var(--bg-card);border-radius:14px;border:1px solid var(--border-color);padding:28px 28px 22px;display:flex;flex-direction:column;min-width:0;overflow:visible;box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s}.sp-card:hover{box-shadow:var(--shadow-md);border-color:var(--bg-surface-hover)}.sp-card-active{border-color:var(--color-primary);background:var(--accent-light)}.sp-card-popular{border-color:var(--accent-hover)}.sp-card-popular-tag{position:absolute;top:-1px;right:22px;background:var(--accent-hover);color:var(--btn-primary-text);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:6px 16px;border-radius:0 0 8px 8px}.sp-card-header{display:flex;align-items:center;gap:10px;border-bottom:2px solid transparent;padding-bottom:16px;margin-bottom:16px}.sp-card-name{font-size:24px;font-weight:700;letter-spacing:.3px}.sp-card-badge{display:inline-block;padding:3px 12px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.sp-card-badge.current{background:var(--accent-light);color:var(--accent-text)}.sp-card-price-block{margin-bottom:18px}.sp-card-price{font-size:40px;font-weight:800;color:var(--color-primary);line-height:1.1}.sp-card-currency{font-size:24px;font-weight:700;vertical-align:top;margin-right:2px}.sp-card-interval{font-size:17px;font-weight:500;color:var(--color-muted)}.sp-card-savings{display:flex;align-items:center;gap:8px;margin-top:6px}.sp-card-original{font-size:16px;color:var(--color-muted);text-decoration:line-through}.sp-card-save{display:inline-block;background:var(--accent-light);color:var(--accent-text);padding:3px 12px;border-radius:8px;font-size:14px;font-weight:700}.sp-card-storage{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--color-primary);margin-top:8px}.sp-card-features{list-style:none;padding:0;margin:0 0 10px;flex:1;min-width:0}.sp-card-features li{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:16px;color:var(--color-secondary);line-height:1.45;min-width:0;word-break:break-word}.sp-card-features li svg{flex-shrink:0;margin-top:4px}.sp-learn-more{display:inline-flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;font-size:15px;font-weight:600;padding:8px 0;margin-bottom:14px;transition:opacity .15s;-webkit-tap-highlight-color:transparent;min-height:44px}.sp-learn-more:hover{opacity:.75}.sp-card-action{margin-top:auto;padding-top:8px}.sp-btn{display:block;width:100%;padding:15px 22px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;border:none;transition:all .2s;text-align:center;white-space:nowrap;-webkit-tap-highlight-color:transparent;min-height:48px}.sp-btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.sp-btn-primary:hover{filter:brightness(1.15);box-shadow:var(--shadow-md)}.sp-btn-outline{background:var(--bg-card);color:var(--color-primary);border:2px solid var(--accent)}.sp-btn-outline:hover{background:var(--accent-light)}.sp-btn-current{background:var(--accent-light);color:var(--accent-text);cursor:default}.sp-btn-pending{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger);cursor:default;font-size:15px}.sp-btn-secondary{display:inline-block;width:auto;background:var(--bg-surface);color:var(--color-primary);padding:14px 32px;border-radius:12px;font-size:16px;border:none;cursor:pointer}.sp-btn-secondary:hover{background:var(--bg-surface-hover)}.sp-btn:disabled{opacity:.55;cursor:not-allowed}.sp-manage{text-align:center;margin-bottom:16px}.sp-comparison-title{font-size:20px;font-weight:600;color:var(--color-primary);margin:0 0 14px}.sp-comparison-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.sp-comparison-table{width:100%;border-collapse:collapse;font-size:16px}.sp-comparison-table th{text-align:left;padding:14px 20px;color:var(--color-secondary);font-weight:600;border-bottom:2px solid var(--border-color);white-space:nowrap}.sp-comparison-table td{padding:14px 20px;border-bottom:1px solid var(--bg-surface);color:var(--color-primary)}.sp-td-plan{font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:10px;font-size:16px}.sp-td-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.sp-tbl-current td{background:var(--accent-light)}.sp-th-badge{display:inline-block;background:var(--accent-light);color:var(--accent-text);padding:3px 9px;border-radius:6px;font-size:12px;font-weight:700;margin-left:5px;vertical-align:middle}.sp-th-badge.best{background:var(--accent-light);color:var(--accent-text)}.sp-modal-overlay{position:fixed;inset:0;z-index:9999;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px;animation:spFadeIn .15s;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@keyframes spFadeIn{0%{opacity:0}to{opacity:1}}.sp-modal{position:relative;background:var(--bg-card);border-radius:16px;width:100%;max-width:580px;max-height:82vh;max-height:82dvh;overflow-y:auto;padding:32px 32px 24px;box-shadow:var(--shadow-lg);animation:spSlideUp .2s ease-out;-webkit-overflow-scrolling:touch}@keyframes spSlideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.sp-modal-close{position:absolute;top:16px;right:16px;background:var(--bg-surface);border:none;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-secondary);transition:background .15s;-webkit-tap-highlight-color:transparent}.sp-modal-close:hover{background:var(--bg-surface-hover);color:var(--color-primary)}.sp-modal-header{border-bottom:2px solid transparent;padding-bottom:16px;margin-bottom:20px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.sp-modal-name{font-size:26px;font-weight:800;margin:0}.sp-modal-price{font-size:20px;font-weight:700;color:var(--color-primary)}.sp-modal-storage{font-size:15px;color:var(--color-primary);font-weight:600}.sp-modal-section-title{font-size:16px;font-weight:600;color:var(--color-secondary);margin:0 0 12px}.sp-modal-features{list-style:none;padding:0;margin:0 0 24px;columns:2;column-gap:24px}.sp-modal-features li{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:15px;color:var(--color-primary);line-height:1.45;break-inside:avoid}.sp-modal-features li svg{flex-shrink:0;margin-top:3px}.sp-modal-action{padding-top:6px}.sp-modal-action .sp-btn{max-width:300px}@media (max-width: 1100px){.sp-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sp-card-name{font-size:21px}.sp-card-price{font-size:34px}.sp-card-currency{font-size:20px}}@media (max-width: 900px){.app-main:has(.sp-page){padding:8px 4px 24px!important}.sp-header-card{padding:24px 20px 20px!important}.sp-header-card .app-page-title{font-size:24px}.sp-header-card .app-page-subtitle{font-size:15px}.sp-billing-selector{flex-wrap:wrap;justify-content:center}.sp-billing-opt{padding:10px 18px;font-size:14px}.sp-page .app-page-card{padding:22px 20px}.sp-card{padding:22px 20px 18px}.sp-card-name{font-size:20px}.sp-card-price{font-size:30px}.sp-card-currency{font-size:18px}.sp-card-interval{font-size:15px}.sp-card-features li{font-size:14px;padding:5px 0}.sp-card-storage,.sp-learn-more{font-size:13px}.sp-btn{padding:13px 18px;font-size:15px}.sp-comparison-table{font-size:14px}.sp-comparison-table th,.sp-comparison-table td{padding:11px 14px}.sp-modal{max-width:480px;padding:24px 24px 20px}.sp-modal-name{font-size:22px}.sp-modal-features li{font-size:14px}}@media (max-width: 680px){.app-main:has(.sp-page){padding:6px 2px 20px!important}.sp-header-card{padding:20px 16px 16px!important}.sp-header-card .app-page-title{font-size:22px}.sp-header-card .app-page-subtitle{font-size:14px}.sp-billing-selector{flex-direction:column;width:100%;border-radius:12px}.sp-billing-opt{justify-content:center;padding:11px 16px;font-size:14px;border-radius:10px}.sp-page .app-page-card{padding:18px 16px}.sp-card-grid{grid-template-columns:1fr;gap:16px;max-width:480px;margin-left:auto;margin-right:auto}.sp-card{padding:22px 20px 18px}.sp-card-name{font-size:22px}.sp-card-price{font-size:34px}.sp-card-currency{font-size:20px}.sp-card-features li{font-size:15px}.sp-btn{padding:14px 20px;font-size:15px}.sp-modal{max-width:100%;padding:22px 20px 18px;border-radius:14px}.sp-modal-name{font-size:22px}.sp-modal-features{columns:1}.sp-modal-features li{font-size:14px}.sp-comparison-table{font-size:13px}.sp-comparison-table th,.sp-comparison-table td{padding:10px 12px}.sp-td-plan{font-size:13px}}@media (max-width: 640px){.app-main:has(.sp-page){padding:64px 6px 20px!important}.sp-modal-overlay{padding:12px}.sp-modal{max-width:100%;margin:0}}@media (max-width: 420px){.app-main:has(.sp-page){padding:60px 4px 16px!important}.sp-header-card{padding:16px 12px 14px!important}.sp-header-card .app-page-title{font-size:20px}.sp-header-card .app-page-subtitle{font-size:13px}.sp-card-grid{max-width:100%}.sp-card{padding:18px 16px 16px}.sp-card-header{padding-bottom:12px;margin-bottom:12px}.sp-card-name{font-size:20px}.sp-card-price{font-size:30px}.sp-card-currency{font-size:18px}.sp-card-price-block{margin-bottom:14px}.sp-card-features li{font-size:14px;gap:8px}.sp-btn{padding:12px 16px;font-size:14px;border-radius:10px}.sp-learn-more{font-size:13px}.sp-card-popular-tag{font-size:11px;padding:4px 12px;right:14px}.sp-modal{padding:18px 16px 16px}.sp-modal-name{font-size:20px}.sp-modal-close{width:36px;height:36px;top:12px;right:12px}.sp-comparison-table th,.sp-comparison-table td{padding:8px;font-size:12px;white-space:nowrap}}[data-theme=dark] .sp-card-active{border-color:var(--color-primary);background:var(--accent-light)}.tm-page{max-width:100%}.tm-header{display:flex;align-items:flex-start;justify-content:space-between;background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:20px;flex-wrap:wrap;gap:16px}.tm-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 6px}.tm-subtitle{font-size:14px;color:var(--color-secondary);margin:0}.tm-card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:20px;overflow-x:auto}.tm-btn{padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;display:inline-flex;align-items:center;transition:all .2s}.tm-btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.tm-btn-primary:hover{background:var(--btn-primary-hover)}.tm-btn-primary:disabled{opacity:.6;cursor:not-allowed}.tm-btn-secondary{background:var(--bg-surface);color:var(--color-primary)}.tm-btn-secondary:hover{background:var(--bg-surface-hover)}.tm-table{width:100%;border-collapse:collapse;font-size:14px}.tm-table th{padding:12px 14px;text-align:left;border-bottom:2px solid var(--bg-surface-hover);font-weight:600;color:var(--color-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.3px}.tm-table td{padding:14px;border-bottom:1px solid var(--border-light);vertical-align:middle}.tm-table tbody tr:hover{background:var(--bg-surface)}.tm-row-disabled{opacity:.5}.tm-member-name{font-weight:600;color:var(--color-primary)}.tm-member-email{font-size:12px;color:var(--color-muted);margin-top:2px}.tm-role-select{padding:6px 10px;border-radius:6px;border:1px solid var(--border-color);font-size:13px;background:var(--bg-card);cursor:pointer}.tm-role-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.tm-role-admin{background:var(--danger-light);color:var(--danger)}.tm-role-manager{background:var(--accent-light);color:var(--color-primary)}.tm-role-user{background:#e8f5e9;color:#2e7d32}.tm-status{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.tm-status.active{background:#e8f5e9;color:#2e7d32}.tm-status.inactive{background:var(--bg-surface);color:var(--color-muted)}.tm-date{font-size:13px;color:var(--color-muted)}.tm-actions{white-space:nowrap}.tm-btn-icon{width:32px;height:32px;border:none;border-radius:6px;background:var(--bg-surface);cursor:pointer;font-size:14px;display:inline-flex;align-items:center;justify-content:center;margin-right:4px;transition:all .15s}.tm-btn-icon:hover{background:var(--bg-surface-hover)}.tm-btn-danger{color:var(--danger)}.tm-btn-danger:hover{background:var(--danger-light)}.tm-roles-info{margin-top:0}.tm-roles-title{font-size:16px;font-weight:600;margin:0 0 14px;color:var(--color-primary)}.tm-roles-grid{display:flex;flex-direction:column;gap:10px}.tm-role-item{display:flex;align-items:center;gap:12px}.tm-role-desc{font-size:13px;color:var(--color-secondary)}.tm-alert{padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.tm-alert-error{background:var(--danger-light);color:var(--danger)}.tm-alert-success{background:#e8f5e9;color:#2e7d32}.tm-modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999}.tm-modal{background:var(--bg-card);border-radius:14px;box-shadow:var(--shadow-lg);width:100%;max-width:440px}.tm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border-color)}.tm-modal-header h3{margin:0;font-size:17px;font-weight:600}.tm-modal-close{background:none;border:none;font-size:22px;color:var(--color-muted);cursor:pointer}.tm-modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.tm-form-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--color-secondary)}.tm-form-input{padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px}.tm-form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--accent-light)}.tm-form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}@media (max-width: 640px){.tm-header{flex-direction:column}.tm-modal{margin:16px;max-width:calc(100vw - 32px)}}[data-theme=dark] .tm-header,[data-theme=dark] .tm-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .tm-table th{border-color:var(--border-color)}[data-theme=dark] .tm-table td{border-color:var(--border-light)}[data-theme=dark] .tm-table tbody tr:hover{background:var(--bg-surface-hover)}[data-theme=dark] .tm-role-select,[data-theme=dark] .tm-form-input{background:var(--bg-input);border-color:var(--input-border);color:var(--color-primary)}[data-theme=dark] .tm-btn-secondary{background:var(--bg-surface-hover);color:var(--color-primary)}[data-theme=dark] .tm-btn-icon{background:var(--bg-surface-hover);color:var(--color-icon)}[data-theme=dark] .tm-modal{background:var(--bg-card)}[data-theme=dark] .tm-modal-header{border-bottom-color:var(--border-color)}[data-theme=dark] .tm-form-label{color:var(--color-secondary)}.tm-domain-info{padding:14px 18px;border-radius:10px;background:var(--accent-light);border:1px solid var(--border-color);margin-bottom:16px}.tm-domain-main{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-secondary);line-height:1.5}.tm-domain-main svg{flex-shrink:0;color:var(--color-primary)}.tm-domain-main strong{font-weight:700;color:var(--color-primary)}.tm-linked-accounts{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}.tm-linked-label{font-size:12px;color:var(--color-secondary)}.tm-linked-badge{padding:2px 10px;border-radius:10px;font-size:11px;font-weight:600}.tm-linked-seller{background:#9b59b61a;color:#8e44ad}.tm-linked-buyer{background:var(--accent-light);color:var(--color-primary)}.tm-linked-service_provider{background:#2ecc711a;color:#27ae60}.tm-owner-badge{margin-left:6px;padding:1px 8px;border-radius:8px;font-size:10px;font-weight:700;text-transform:uppercase;background:var(--accent-light);color:var(--color-primary);letter-spacing:.3px}.tm-invite-note{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:8px;background:var(--accent-light);font-size:12px;color:var(--color-secondary);line-height:1.5;margin-bottom:14px}.tm-invite-note svg{flex-shrink:0;margin-top:2px;color:var(--color-primary)}[data-theme=dark] .tm-domain-info{background:var(--accent-light);border-color:var(--border-color)}[data-theme=dark] .tm-linked-accounts{border-color:var(--border-color)}[data-theme=dark] .tm-owner-badge{background:var(--accent-light);color:var(--color-primary)}[data-theme=dark] .tm-invite-note{background:var(--accent-light)}.home-page{max-width:100%;margin:0 auto;overflow-x:hidden}.home-indicators{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.home-indicator-card{display:flex;flex-direction:column;align-items:center;padding:14px 18px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-light);min-width:120px;flex:1}.home-indicator-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-indicator-icon.blue{background:var(--accent-light);color:var(--color-primary)}[data-theme=light] .home-indicator-icon.blue,:root:not([data-theme=dark]) .home-indicator-icon.blue{background:#192a561f;color:#192a56}.home-indicator-icon.green{background:#2ecc7126;color:#27ae60}.home-indicator-icon.purple{background:#9b59b626;color:#8e44ad}.home-indicator-icon.orange{background:var(--accent-light);color:var(--accent-text)}[data-theme=dark] .home-indicator-icon.blue,[data-theme=dark] .home-indicator-icon.orange{background:var(--accent-light);color:var(--color-primary)}.home-indicator-value{font-size:22px;font-weight:900;color:var(--color-primary);line-height:1.2}.home-indicator-label{font-size:11px;color:var(--color-muted);margin-top:2px;text-align:center}.home-main{display:grid;grid-template-columns:1fr 280px;gap:14px;align-items:start;min-width:0}.home-card{background:var(--bg-card);border-radius:12px;padding:18px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.home-card-title{font-size:16px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.home-card-subtitle{font-size:14px;color:var(--color-secondary);margin:0 0 12px}.home-industries-list{display:flex;flex-direction:column;gap:12px}.home-industry-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-surface);border-radius:8px;cursor:pointer;transition:background .2s,box-shadow .2s}.home-industry-item:hover{background:var(--bg-surface-hover);box-shadow:var(--shadow-sm)}.home-industry-item.locked{opacity:.55;background:var(--bg-surface)}.home-industry-item.locked:hover{opacity:.75;background:var(--accent-light)}.home-industry-item.home-industry-chosen{background:var(--accent-light);border-left:3px solid var(--accent)}.home-industry-badge{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;background:var(--btn-primary-bg);color:var(--btn-primary-text);vertical-align:middle}.home-modal-overlay{position:fixed;inset:0;z-index:9999;background:#00000059;display:flex;align-items:center;justify-content:center}.home-modal{background:var(--bg-card);border-radius:14px;padding:28px 32px;max-width:420px;width:90%;box-shadow:var(--shadow-lg);color:var(--color-primary)}[data-theme=dark] .home-industry-item.home-industry-chosen{background:var(--accent-light);border-left-color:var(--color-primary)}[data-theme=dark] .home-industry-badge{background:var(--accent);color:#fff}.home-industry-info{flex:1}.home-industry-name{font-size:15px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.home-industry-desc{font-size:13px;color:var(--color-secondary);margin:0}.home-industry-arrow{color:var(--color-muted);font-size:18px;margin-left:12px}.home-quick-actions-list{display:flex;flex-direction:column;gap:10px}.home-quick-action-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;border-radius:8px;background:var(--bg-surface);width:100%;text-align:left;font-size:14px;font-weight:500;color:var(--color-primary);cursor:pointer;transition:background .2s,box-shadow .2s}.home-quick-action-item:hover{background:var(--bg-surface-hover);box-shadow:var(--shadow-sm)}.home-quick-action-icon{width:40px;height:40px;border-radius:8px;background:var(--bg-surface-hover);display:flex;align-items:center;justify-content:center;color:var(--color-icon);flex-shrink:0}.home-services-section{margin-top:20px}.home-services-card{background:var(--bg-card)}.home-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.home-service-category{background:var(--bg-surface);border-radius:10px;padding:16px;cursor:pointer;transition:background .2s,box-shadow .2s,transform .15s;border:1px solid transparent}.home-service-category:hover{background:var(--bg-surface-hover);box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:var(--accent-light)}.home-service-category-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.home-service-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-service-icon--project-management{background:#3498db1f;color:#2980b9}.home-service-icon--supplier-services{background:#2ecc711f;color:#27ae60}.home-service-icon--quality-services{background:#9b59b61f;color:#8e44ad}.home-service-category-info{flex:1;min-width:0}.home-service-category-name{font-size:15px;font-weight:600;color:var(--color-primary);margin-bottom:3px}.home-service-category-desc{font-size:12px;color:var(--color-secondary);line-height:1.4}.home-service-arrow{color:var(--color-muted);font-size:16px;margin-top:2px;flex-shrink:0}.home-service-items{display:flex;flex-wrap:wrap;gap:6px}.home-service-item-tag{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:500;color:var(--color-secondary);background:var(--bg-card);border:1px solid var(--border-color);white-space:nowrap}.home-service-category.home-service-chosen{background:var(--accent-light);border-color:var(--color-primary);border-left:3px solid var(--accent)}.home-service-category.home-service-readonly{cursor:default}.home-service-category.home-service-readonly:hover{transform:none;box-shadow:none;border-color:transparent}.home-service-category.home-service-locked{opacity:.55;background:var(--bg-surface)}.home-service-category.home-service-locked:hover{opacity:.75;background:var(--accent-light)}[data-theme=dark] .home-service-category{background:var(--bg-surface);border-color:transparent}[data-theme=dark] .home-service-category:hover{background:var(--bg-surface-hover);border-color:var(--accent-light)}[data-theme=dark] .home-service-category-name{color:var(--color-primary)}[data-theme=dark] .home-service-category-desc{color:var(--color-secondary)}[data-theme=dark] .home-service-arrow{color:var(--color-muted)}[data-theme=dark] .home-service-item-tag{background:var(--bg-surface);border-color:var(--border-color);color:var(--color-secondary)}[data-theme=dark] .home-service-icon--project-management{background:#3498db2e}[data-theme=dark] .home-service-icon--supplier-services{background:#2ecc712e}[data-theme=dark] .home-service-icon--quality-services{background:#9b59b62e}[data-theme=dark] .home-service-category.home-service-chosen{background:var(--accent-light);border-left-color:var(--color-primary)}[data-theme=dark] .home-service-category.home-service-locked{background:var(--bg-surface)}[data-theme=dark] .home-service-category.home-service-locked:hover{background:var(--bg-surface-hover)}@media (max-width: 1024px){.home-main{grid-template-columns:1fr}.home-services-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.home-indicator-card{min-width:100px}.home-indicator-value{font-size:20px}.home-services-grid{grid-template-columns:1fr}}.world-map-container{width:100%;height:100%;position:relative;background:var(--bg-surface-hover);border-radius:8px;overflow:hidden}.map-marker{transition:all .2s ease}.map-marker:hover{filter:drop-shadow(0 0 4px rgba(76,175,80,.6))}.map-marker.selected{filter:drop-shadow(0 0 6px rgba(33,150,243,.8))}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.map-marker{animation:pulse 2s ease-in-out infinite}.map-marker.selected{animation:none}.map-tooltip{position:fixed;background:#1e1e28f2;color:#fff;padding:10px 14px;border-radius:8px;font-size:13px;pointer-events:none;z-index:1000;box-shadow:0 4px 12px #0000004d;min-width:140px}.map-tooltip-name{font-weight:600;font-size:14px;margin-bottom:4px}.map-tooltip-city{font-size:12px;color:var(--color-muted);margin-bottom:6px}.map-tooltip-rating{font-size:12px;color:#4caf50}.map-tooltip-fit{font-size:12px;color:#2196f3}.match-indicator{display:flex;flex-direction:column;align-items:center;gap:16px}.widget-title{font-size:18px;font-weight:600;color:var(--color-primary);margin:0;text-align:center}.gauge-container{width:100%;display:flex;justify-content:center;align-items:center}.gauge-svg{width:100%;max-width:200px;height:auto}.gauge-label{font-size:16px;font-weight:500;color:var(--color-primary);text-align:center}.supplier-rating{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}.supplier-rating-header{background:var(--btn-primary-bg);padding:12px 16px}.supplier-rating-title{font-size:18px;font-weight:600;color:var(--btn-primary-text);margin:0}.supplier-rating-content{padding:20px;display:flex;flex-direction:column;gap:16px;background:var(--bg-card)}.rating-row{display:flex;align-items:center;gap:12px}.rating-row-main{justify-content:space-between}.stars-container{display:flex;gap:4px}.star{font-size:20px;color:var(--bg-surface-hover);line-height:1}.star.filled.yellow{color:#ffc107}.star.filled.blue{color:var(--color-primary)}.rating-value{display:flex;align-items:baseline;gap:2px}.rating-number{font-size:32px;font-weight:700;color:var(--color-primary)}.rating-superscript{font-size:16px;font-weight:600;color:var(--color-secondary);vertical-align:super}.progress-indicator{display:flex;flex-direction:column;gap:12px}.progress-header{display:flex;align-items:center;gap:16px}.progress-value{font-size:32px;font-weight:700;color:var(--color-primary);min-width:50px}.progress-gauge{flex:1;display:flex;justify-content:center}.progress-svg{width:100%;max-width:200px;height:auto}.progress-stars{display:flex;flex-direction:column;gap:8px}.stars-row{display:flex;gap:4px}.stars-row-small{gap:2px}.stars-row-small .star{font-size:14px}.star{font-size:18px;color:var(--bg-surface-hover);line-height:1}.star.filled{color:#ffc107}.progress-bar-container{width:100%}.progress-bar{width:100%;height:8px;background-color:var(--bg-surface-hover);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.progress-label{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;color:var(--color-primary)}.label-stars{display:flex;gap:2px}.label-stars .star{font-size:12px;color:#4caf50}.label-stars .star.filled{color:#4caf50}.app-page{max-width:100%;margin:0 auto;overflow-x:hidden}.app-page-card{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:24px}.app-page-card:last-child{margin-bottom:0}.app-page-title{font-size:18px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.app-page-subtitle{font-size:14px;color:var(--color-secondary);margin:0 0 20px}.app-page-body{font-size:14px;color:var(--color-secondary);margin:0;line-height:1.5}.app-page-action{display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;border-radius:8px;background:var(--bg-surface);width:100%;text-align:left;font-size:14px;font-weight:500;color:var(--color-primary);cursor:pointer;transition:background .2s,box-shadow .2s;margin-bottom:10px}.app-page-action:last-child{margin-bottom:0}.app-page-action:hover{background:var(--bg-surface-hover);box-shadow:var(--shadow-sm)}.app-page-action-icon{width:40px;height:40px;border-radius:8px;background:var(--bg-surface-hover);display:flex;align-items:center;justify-content:center;color:var(--color-icon);flex-shrink:0}.app-page-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.app-page-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.app-page-section-label{font-size:12px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.app-page-section-value{font-size:16px;color:var(--color-primary);margin:0;line-height:1.5}.app-page-list{display:flex;flex-direction:column;gap:12px;list-style:none;padding-left:0;margin:0}.app-page-list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-surface);border-radius:8px;cursor:pointer;transition:background .2s,box-shadow .2s}.app-page-list-item:hover{background:var(--bg-surface-hover);box-shadow:var(--shadow-sm)}.app-page-list-item-info{flex:1}.app-page-list-item-title{font-size:15px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.app-page-list-item-desc{font-size:13px;color:var(--color-secondary);margin:0}.app-page-list-item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--bg-surface-hover);color:var(--color-icon);flex-shrink:0;margin-right:12px}.app-page-list-item-arrow{color:var(--color-muted);font-size:18px;margin-left:12px}.app-page-list-empty{padding:24px;text-align:center;font-size:14px;color:var(--color-secondary);background:var(--bg-surface);border-radius:8px}.app-page-back-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--color-secondary);margin-bottom:16px;text-decoration:none;cursor:pointer}.app-page-back-link:hover{color:var(--color-primary)}@media (max-width: 640px){.app-page-card{padding:20px}}.app-page .dashboard-main{position:relative;display:flex;flex-direction:column;gap:20px}.app-page .map-container{width:100%;height:500px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);background:var(--bg-surface);border:1px solid var(--border-light)}.app-page .widgets-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.app-page .widget{background:var(--bg-surface);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}@media (max-width: 768px){.app-page .map-container{height:400px}.app-page .widgets-container{grid-template-columns:1fr}}.settings-page{max-width:100%;margin:0 auto;overflow-x:hidden}.settings-header-card{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:20px}.settings-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 6px}.settings-subtitle{font-size:15px;color:var(--color-secondary);margin:0}.settings-main{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:start}.settings-left{display:flex;flex-direction:column;gap:20px;min-width:0}.settings-right{min-width:0}.settings-card{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.settings-card-title{font-size:18px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.settings-card-desc{font-size:14px;color:var(--color-secondary);margin:0 0 20px}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border-light)}.settings-item:last-child{border-bottom:none;padding-bottom:0}.settings-item:first-of-type{padding-top:0}.settings-item.clickable{cursor:pointer;border-radius:8px;padding:14px 12px;margin:0 -12px;transition:background .15s;border-bottom:none}.settings-item.clickable:hover{background:var(--bg-surface)}.settings-item-info{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.settings-item-icon{width:40px;height:40px;border-radius:10px;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-icon)}.settings-item-icon.night-icon{background:var(--nav-bg);color:var(--color-primary)}.settings-item-label{font-size:14px;font-weight:600;color:var(--color-primary)}.settings-item-desc{font-size:12px;color:var(--color-muted);margin-top:2px;line-height:1.4}.settings-item-arrow{font-size:18px;color:var(--color-muted)}.settings-toggle{position:relative;width:48px;height:28px;border-radius:14px;border:none;background:var(--toggle-off);cursor:pointer;flex-shrink:0;transition:background .25s;padding:0}.settings-toggle.on{background:var(--toggle-on)}.settings-toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .25s}.settings-toggle.on .settings-toggle-knob{transform:translate(20px)}.settings-lang-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.settings-lang-btn{display:flex;align-items:center;gap:10px;padding:14px 16px;border:2px solid var(--border-color);border-radius:10px;background:var(--bg-card);cursor:pointer;transition:all .2s;position:relative}.settings-lang-btn:hover{border-color:var(--color-muted);background:var(--bg-surface)}.settings-lang-btn.active{border-color:var(--color-primary);background:var(--accent-light);box-shadow:0 0 0 1px var(--accent)}.settings-lang-flag{font-size:22px;line-height:1}.settings-lang-label{font-size:14px;font-weight:600;color:var(--color-primary)}.settings-lang-check{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center}@media (max-width: 1024px){.settings-main{grid-template-columns:1fr}.settings-lang-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.settings-lang-grid{grid-template-columns:repeat(2,1fr)}}.notif-page .app-page-card{margin-bottom:16px}.notif-section-title{font-size:16px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.notif-section-sub{font-size:13px;color:var(--color-muted);margin:0 0 16px}.notif-list{display:flex;flex-direction:column;gap:10px}.notif-item{display:flex;gap:14px;padding:14px 16px;border-radius:10px;border:2px solid transparent;cursor:pointer;transition:all .2s}.notif-item:hover{box-shadow:var(--shadow-sm)}.notif-item.today{background:var(--danger-light);border-color:var(--danger)}.notif-item.urgent{background:#e67e220f;border-color:#e67e22}.notif-item.warning{background:#f1c40f0f;border-color:#f1c40f}.notif-item.info{background:var(--accent-light);border-color:var(--color-primary)}.notif-item.ongoing{background:#27ae600f;border-color:#27ae60}.notif-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;color:var(--btn-primary-text)}.notif-icon.today{background:var(--danger)}.notif-icon.urgent{background:#e67e22}.notif-icon.week{background:#f1c40f;color:var(--color-primary)}.notif-icon.month{background:var(--accent)}.notif-icon.ongoing{background:#27ae60}.notif-icon.info{background:var(--color-muted)}.notif-body{flex:1;min-width:0}.notif-name{font-size:15px;font-weight:600;color:var(--color-primary)}.notif-message{font-size:13px;font-weight:500;color:#e67e22;margin:2px 0 6px}.notif-item.today .notif-message{color:var(--danger)}.notif-item.ongoing .notif-message{color:#27ae60}.notif-item.info .notif-message{color:var(--color-primary)}.notif-meta{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--color-muted);flex-wrap:wrap}.notif-industry{font-weight:600}.notif-dot{color:var(--color-muted)}.notif-scheduled-list{display:flex;flex-direction:column;gap:8px}.notif-scheduled-item{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--bg-surface);border-radius:10px;cursor:pointer;transition:background .2s}.notif-scheduled-item:hover{background:var(--bg-surface-hover)}.scheduled-color{width:4px;height:32px;border-radius:2px;flex-shrink:0}.scheduled-info{flex:1;min-width:0}.scheduled-name{font-size:14px;font-weight:600;color:var(--color-primary)}.scheduled-meta{font-size:12px;color:var(--color-muted)}.scheduled-countdown{font-size:13px;font-weight:600;color:var(--color-primary);white-space:nowrap;background:var(--accent-light);padding:4px 12px;border-radius:12px}.notif-empty{text-align:center;padding:40px 20px}.notif-empty svg{margin-bottom:16px}.notif-empty h3{font-size:18px;color:var(--color-secondary);margin:0 0 8px}.notif-empty p{font-size:14px;color:var(--color-muted);margin:0 0 20px}.notif-goto-cal{padding:12px 24px;background:var(--btn-primary-bg);border:none;border-radius:8px;color:var(--btn-primary-text);font-size:14px;font-weight:500;cursor:pointer}.notif-goto-cal:hover{box-shadow:var(--shadow-md)}.notif-badge{display:inline-block;background:var(--danger);color:var(--btn-primary-text);font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;margin-left:8px;vertical-align:middle}.notif-icon.service{background:var(--accent-light);color:var(--color-primary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.notif-task-list{display:flex;flex-direction:column;gap:12px}.notif-task-card{padding:16px 18px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-card);transition:box-shadow .2s}.notif-task-card:hover{box-shadow:var(--shadow-sm)}.notif-task-unassigned{border-left:4px solid var(--danger)}.notif-task-assigned{border-left:4px solid #e65100}.notif-task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.notif-task-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.notif-task-amount{font-size:16px;font-weight:700;color:#2e7d32}.notif-task-service{font-size:15px;font-weight:600;color:var(--color-primary);margin-bottom:6px}.notif-task-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--color-secondary);margin-bottom:12px}.notif-task-pay-status.paid{color:#2e7d32;font-weight:600}.notif-task-pay-status.pending{color:#e65100;font-weight:600}.notif-task-actions{display:flex;gap:8px;flex-wrap:wrap}.notif-task-assign-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px}.notif-task-select{flex:1;min-width:180px;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;background:var(--bg-card);color:var(--color-primary)}.notif-task-select:focus{outline:none;border-color:var(--btn-primary-bg);box-shadow:0 0 0 2px var(--accent-light)}.notif-task-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.notif-task-btn:disabled{opacity:.5;cursor:not-allowed}.notif-task-btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.notif-task-btn-primary:hover:not(:disabled){background:var(--btn-primary-hover);box-shadow:var(--shadow-sm)}.notif-task-btn-secondary{background:var(--bg-surface);color:var(--color-secondary)}.notif-task-btn-secondary:hover{background:var(--bg-surface-hover)}.notif-task-btn-success{background:#2e7d32;color:var(--btn-primary-text)}.notif-task-btn-success:hover{background:#1b5e20;box-shadow:0 2px 8px #2e7d3233}@media (max-width: 768px){.notif-meta{flex-direction:column;gap:2px}.notif-dot{display:none}.notif-scheduled-item{flex-wrap:wrap}.scheduled-countdown{margin-left:auto}.notif-task-assign-form{flex-direction:column;align-items:stretch}.notif-task-select{min-width:0}.notif-task-actions{flex-direction:column}.notif-task-meta{flex-direction:column;gap:2px}.notif-task-meta .notif-dot{display:none}}.payment-page{max-width:100%;overflow-x:hidden}.payment-tabs{display:flex;gap:8px;margin-top:20px;border-bottom:1px solid var(--border-color);padding-bottom:0}.payment-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-1px}.payment-tab:hover{color:var(--color-primary);background:var(--bg-surface)}.payment-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.payment-section-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:var(--color-primary);margin:0 0 20px}.step-number{width:28px;height:28px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.payment-form-group{margin-bottom:16px}.payment-form-group label{display:block;font-size:13px;font-weight:600;color:var(--color-secondary);margin-bottom:8px}.payment-form-group input,.payment-form-group select,.payment-select{width:100%;padding:12px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s;background:var(--bg-card)}.payment-form-group input:focus,.payment-form-group select:focus,.payment-select:focus{outline:none;border-color:var(--btn-primary-bg);box-shadow:0 0 0 3px var(--accent-light)}.service-details{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-light)}.service-info{margin-bottom:20px}.service-category{font-size:12px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px}.service-name{font-size:18px;font-weight:600;color:var(--color-primary);margin:4px 0}.service-description{font-size:14px;color:var(--color-secondary);margin:0}.quantity-input{display:flex;align-items:center;gap:0;max-width:140px}.quantity-input button{width:40px;height:40px;border:1px solid var(--border-color);background:var(--bg-surface);font-size:18px;cursor:pointer;transition:all .2s}.quantity-input button:first-child{border-radius:8px 0 0 8px}.quantity-input button:last-child{border-radius:0 8px 8px 0}.quantity-input button:hover:not(:disabled){background:var(--bg-surface-hover)}.quantity-input button:disabled{opacity:.5;cursor:not-allowed}.quantity-input input{width:60px;height:40px;border:1px solid var(--border-color);border-left:none;border-right:none;text-align:center;font-size:16px;font-weight:600;border-radius:0}.quantity-input input:focus{outline:none;box-shadow:none}.price-summary{background:var(--bg-surface);border-radius:8px;padding:16px;margin-top:16px}.price-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--color-secondary)}.price-row.subtotal{border-top:1px solid var(--border-color);margin-top:8px;padding-top:16px;font-weight:600;font-size:16px;color:var(--color-primary)}.payment-methods-grid{display:flex;flex-direction:column;gap:10px}.payment-method-btn{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s;text-align:left}.payment-method-btn:hover:not(:disabled){border-color:var(--btn-primary-bg);background:var(--bg-surface)}.payment-method-btn.selected{border-color:var(--btn-primary-bg);background:var(--accent-light)}.payment-method-btn:disabled{opacity:.5;cursor:not-allowed}.method-icon{width:44px;height:44px;background:var(--bg-surface);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--color-icon)}.payment-method-btn.selected .method-icon{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.method-info{flex:1}.method-name{display:block;font-weight:600;color:var(--color-primary);font-size:14px}.method-desc{display:block;font-size:12px;color:var(--color-muted);margin-top:2px}.method-check{width:24px;height:24px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--btn-primary-text)}.method-details{margin-top:16px;padding:12px 16px;background:var(--bg-surface);border-radius:8px}.method-detail-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px}.method-detail-row span:first-child{color:var(--color-secondary)}.method-detail-row span:last-child{font-weight:500;color:var(--color-primary)}.payment-form-card{margin-top:20px}.payment-form-content{display:grid;grid-template-columns:1fr 280px;gap:24px;min-width:0}.card-form{flex:1}.form-row{margin-bottom:16px}.form-row.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.payment-form-group.full{margin-bottom:0}.card-brands{display:flex;gap:12px;margin-top:16px}.brand{padding:6px 12px;background:var(--bg-surface);border-radius:4px;font-size:12px;font-weight:700;color:var(--color-icon)}.brand.visa{color:#1a1f71}.brand.mastercard{color:#eb001b}.brand.amex{color:#006fcf}.bank-info{flex:1}.bank-instruction{font-size:14px;color:var(--color-secondary);margin:0 0 20px}.bank-details{background:var(--bg-surface);border-radius:10px;padding:16px;margin-bottom:16px}.bank-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-color)}.bank-row:last-child{border-bottom:none}.bank-row.highlight{background:var(--accent-light);margin:10px -16px -16px;padding:12px 16px;border-radius:0 0 10px 10px}.bank-label{font-size:13px;color:var(--color-secondary)}.bank-value{font-size:13px;font-weight:600;color:var(--color-primary);font-family:monospace}.bank-note{font-size:13px;color:var(--color-secondary);font-style:italic;margin:0}.paypal-info{text-align:center;padding:20px}.paypal-logo{margin-bottom:16px}.paypal-info p{font-size:14px;color:var(--color-secondary);margin-bottom:20px}.paypal-btn{padding:14px 40px;background:var(--accent);color:var(--btn-primary-text);border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.paypal-btn:hover{background:var(--accent-hover)}.crypto-info{flex:1}.crypto-instruction{font-size:14px;color:var(--color-secondary);margin:0 0 20px}.crypto-details{background:var(--bg-surface);border-radius:10px;padding:20px}.crypto-network{font-size:13px;font-weight:600;color:var(--color-secondary);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.crypto-address{margin-bottom:20px}.address-label{display:block;font-size:12px;font-weight:600;color:var(--color-muted);margin-bottom:8px}.address-box{display:flex;align-items:center;gap:10px;background:var(--bg-card);padding:12px;border-radius:8px;border:1px solid var(--border-color)}.address-box code{flex:1;font-size:13px;word-break:break-all;color:var(--color-primary)}.copy-btn{padding:8px;background:var(--bg-surface);border:none;border-radius:6px;cursor:pointer;color:var(--color-icon);transition:all .2s}.copy-btn:hover{background:var(--bg-surface-hover);color:var(--color-primary)}.crypto-qr{text-align:center}.qr-placeholder{width:150px;height:150px;background:var(--bg-card);border:2px dashed var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto;color:var(--color-muted);font-size:14px}.crypto-note{font-size:13px;color:var(--accent-text);background:var(--accent-light);padding:12px 16px;border-radius:8px;margin-top:16px}.crypto-note strong{color:var(--color-primary)}.order-summary{background:var(--bg-surface);border-radius:12px;padding:24px;height:fit-content}.order-summary h4{font-size:16px;font-weight:600;color:var(--color-primary);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--color-secondary)}.summary-row.fee{color:var(--color-muted);font-size:13px}.summary-row.total{border-top:2px solid var(--border-color);margin-top:12px;padding-top:16px;font-size:18px;font-weight:700;color:var(--color-primary)}.pay-btn{width:100%;padding:16px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:20px}.pay-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.pay-btn.secondary{background:var(--accent)}.pay-btn.secondary:hover{box-shadow:var(--shadow-md)}.invoice-table-wrapper{overflow-x:auto;margin:0 -24px;padding:0 24px}.invoice-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.invoice-table th{text-align:left;padding:12px 10px;background:var(--bg-surface);font-weight:600;color:var(--color-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color)}.invoice-table td{padding:10px 8px;border-bottom:1px solid var(--border-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-table tbody tr:hover{background:var(--bg-surface)}.invoice-id{font-family:monospace;font-weight:600;color:var(--color-primary)}.amount{font-weight:600;color:var(--color-primary)}.method-badge{display:inline-block;padding:4px 10px;background:var(--bg-surface-hover);border-radius:12px;font-size:12px;color:var(--color-icon)}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.paid{background:var(--accent-light);color:var(--accent-text)}.status-badge.pending{background:var(--accent-light);color:var(--color-primary)}.status-badge.failed{background:var(--danger-light);color:var(--danger)}.table-action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-surface);border:none;border-radius:6px;font-size:13px;color:var(--color-icon);cursor:pointer;transition:all .2s}.table-action-btn:hover{background:var(--bg-surface-hover);color:var(--color-primary)}.billing-form{max-width:700px}.form-section{margin-bottom:30px}.form-section h4{font-size:14px;font-weight:600;color:var(--color-secondary);margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}.form-actions{padding-top:20px;border-top:1px solid var(--border-light)}.save-btn{padding:14px 28px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.save-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 1024px){.payment-grid,.payment-form-content{grid-template-columns:1fr}.order-summary{order:-1}}@media (max-width: 768px){.payment-tabs{flex-wrap:wrap}.payment-tab{flex:1;justify-content:center;min-width:120px}.form-row.two-col,.form-row.three-col{grid-template-columns:1fr}.invoice-table{font-size:12px}.invoice-table th,.invoice-table td{padding:10px 6px}}.app-page .star{font-size:20px;color:var(--bg-surface-hover);line-height:1}.app-page .rating-text{font-size:16px;font-weight:600;color:var(--color-primary);margin-left:4px}.exec-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.exec-header-left{flex:1;min-width:0}.exec-logo-container{margin-bottom:12px}.exec-logo-img{height:32px;width:auto;display:block;filter:invert(1);mix-blend-mode:multiply}[data-theme=dark] .exec-logo-img{filter:none;mix-blend-mode:lighten}.exec-subtitle{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--color-muted);text-transform:uppercase;margin:0 0 4px}.exec-rfq-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;border:none;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s}.exec-rfq-btn:hover{background:var(--btn-primary-hover)}.exec-main-indicators{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.exec-indicator-card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.exec-indicator-label{display:block;font-size:11px;font-weight:700;letter-spacing:1px;color:var(--color-muted);margin-bottom:12px}.exec-indicator-bar{height:10px;background:var(--bg-surface);border-radius:5px;overflow:hidden;margin-bottom:8px}.exec-indicator-fill{height:100%;border-radius:5px;transition:width .6s ease}.exec-indicator-fill.fit{background:#4caf50}.exec-indicator-fill.risk{background:#f44336}.exec-indicator-fill.capacity{background:#ff9800}.exec-indicator-value{font-size:22px;font-weight:900;color:var(--color-primary)}.exec-content-row{display:grid;grid-template-columns:1fr 240px;gap:24px;margin-bottom:24px;align-items:start}.exec-map-card{min-height:0}.exec-section-title{font-size:16px;font-weight:700;color:var(--color-primary);margin:0 0 16px}.exec-map-container{border-radius:10px;overflow:hidden;margin-bottom:12px;min-height:280px}.exec-map-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--color-secondary)}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-dot.green{background:#4caf50}.legend-dot.orange{background:#ff9800}.legend-dot.red{background:#f44336}.exec-rfq-stats{display:flex;flex-direction:column;gap:12px}.exec-stat-card{display:flex;align-items:center;gap:14px}.exec-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.exec-stat-icon.sent{background:#192a561a;color:#192a56}.exec-stat-icon.active{background:#2ecc711a;color:#27ae60}.exec-stat-icon.responses{background:#2980b91a;color:#2980b9}.exec-stat-icon.suppliers{background:#9b59b61a;color:#8e44ad}.exec-stat-info{display:flex;flex-direction:column}.exec-stat-value{font-size:24px;font-weight:900;color:var(--color-primary);line-height:1.2}.exec-stat-label{font-size:12px;color:var(--color-muted);font-weight:600}.exec-upgrade-banner{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:12px;background:#f7d79414;border:1px solid rgba(247,215,148,.25);margin-bottom:24px}.exec-upgrade-banner-icon{width:40px;height:40px;border-radius:10px;background:#f7d79426;color:#e67e22;display:flex;align-items:center;justify-content:center;flex-shrink:0}.exec-upgrade-banner-text{flex:1;font-size:13px;color:var(--color-secondary);line-height:1.5}.exec-highlight-premium{color:#e67e22;font-weight:700}.exec-upgrade-btn{padding:8px 18px;border-radius:8px;border:none;background:#e67e22;color:#fff;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s}.exec-upgrade-btn:hover{background:#d35400}.exec-table-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.exec-multi-rfq-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:none;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.exec-multi-rfq-btn:hover{background:var(--btn-primary-hover)}.exec-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.exec-table{width:100%;border-collapse:collapse;font-size:13px}.exec-table th{text-align:left;padding:10px 12px;font-size:11px;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-light);white-space:nowrap}.exec-table td{padding:12px;border-bottom:1px solid var(--border-light);color:var(--color-primary);vertical-align:middle}.exec-table tbody tr{cursor:pointer;transition:background .1s}.exec-table tbody tr:hover{background:var(--bg-surface)}.exec-table tbody tr.selected{background:#192a560a}.exec-table tbody tr.rfq-checked{background:#2ecc710d}.exec-th-check,.exec-td-check{width:36px;text-align:center}.supplier-name{display:flex;flex-direction:column;gap:2px}.supplier-name-text{font-weight:600;display:flex;align-items:center;gap:6px}.supplier-certs{font-size:11px;color:var(--color-muted)}.exec-reg-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;background:#2ecc711a;color:#27ae60;text-transform:uppercase}.exec-anon-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--bg-surface);color:var(--color-muted);text-transform:uppercase}.location-cell{display:flex;flex-direction:column}.country-flag{font-weight:600}.city-name{font-size:11px;color:var(--color-muted)}.rating-cell{font-weight:700;font-size:14px}.risk-cell,.fit-cell,.capacity-cell{position:relative;display:flex;align-items:center;gap:8px;min-width:80px}.risk-bar,.fit-bar,.capacity-bar{height:6px;border-radius:3px;flex:1;transition:width .3s}.risk-bar{background:#f44336}.fit-bar{background:#4caf50}.capacity-bar{background:#ff9800}.risk-value,.fit-value,.capacity-value{font-size:12px;font-weight:700;white-space:nowrap}.time-cell{font-size:13px;white-space:nowrap}.price-cell{font-weight:700;font-size:14px}.table-action-btn{padding:6px 14px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--color-primary);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.table-action-btn:hover{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:transparent}.exec-supplier-detail{animation:fadeInUp .2s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.exec-detail-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.exec-detail-header-actions{display:flex;gap:8px;align-items:center}.close-btn{width:32px;height:32px;border-radius:8px;border:none;background:var(--bg-surface);color:var(--color-muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.close-btn:hover{background:var(--bg-surface-hover);color:var(--color-primary)}.exec-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.exec-detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:11px;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:var(--color-primary);font-weight:500}.exec-detail-metrics{display:flex;gap:24px;justify-content:center;padding-top:16px;border-top:1px solid var(--border-light)}.metric-item{display:flex;flex-direction:column;align-items:center;gap:6px}.metric-gauge{position:relative;width:100px;height:54px}.metric-gauge svg{width:100%;height:100%}.metric-value{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:16px;font-weight:900;color:var(--color-primary)}.metric-label{font-size:12px;font-weight:600;color:var(--color-muted)}.exec-modal-overlay{position:fixed;inset:0;z-index:5000;background:#00000073;display:flex;align-items:center;justify-content:center;padding:24px}.exec-modal{background:var(--bg-card);border-radius:16px;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:execModalIn .2s ease}@keyframes execModalIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.exec-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light)}.exec-modal-header h3{margin:0;font-size:18px;font-weight:700;color:var(--color-primary)}.exec-modal-body{padding:20px 24px}.exec-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border-light)}.exec-form-group{margin-bottom:16px}.exec-form-group label{display:block;font-size:12px;font-weight:700;color:var(--color-secondary);margin-bottom:6px}.exec-form-group input,.exec-form-group select{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-input, var(--bg-card));color:var(--color-primary);font-family:inherit}.exec-form-group input:focus,.exec-form-group select:focus{outline:none;border-color:var(--color-primary)}.exec-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.exec-attachments{display:flex;flex-direction:column;gap:10px}.exec-attach-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px dashed var(--border-color);background:var(--bg-surface);color:var(--color-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.exec-attach-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.exec-attachment-list{display:flex;flex-direction:column;gap:6px}.exec-attachment-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:var(--bg-surface)}.attachment-name{flex:1;font-size:13px;font-weight:600;color:var(--color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{font-size:11px;color:var(--color-muted)}.attachment-remove{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:var(--color-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.attachment-remove:hover{background:#e74c3c1a;color:var(--danger)}.exec-matched-suppliers{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.exec-matched-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:8px;background:var(--bg-surface)}.matched-name{font-size:13px;font-weight:600;color:var(--color-primary)}.matched-score{font-size:13px;font-weight:800;color:#27ae60}.exec-btn-secondary{padding:10px 20px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--color-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.exec-btn-secondary:hover{background:var(--bg-surface)}.exec-btn-primary{padding:10px 20px;border-radius:8px;border:none;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:14px;font-weight:700;cursor:pointer;transition:background .15s}.exec-btn-primary:hover{background:var(--btn-primary-hover)}.exec-btn-primary:disabled{opacity:.5;cursor:default}.exec-summary-page{padding:0}.exec-summary-header{margin-bottom:20px}.exec-summary-back{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--color-secondary);margin-bottom:12px;text-decoration:none;cursor:pointer}.exec-summary-back:hover{color:var(--color-primary)}.exec-summary-title{font-size:22px;font-weight:800;color:var(--color-primary)}@media (max-width: 900px){.exec-main-indicators,.exec-content-row{grid-template-columns:1fr}.exec-rfq-stats{flex-direction:row;flex-wrap:wrap}.exec-rfq-stats .exec-stat-card{flex:1;min-width:140px}}@media (max-width: 640px){.exec-header{flex-direction:column}.exec-form-row{grid-template-columns:1fr}.exec-detail-metrics{flex-wrap:wrap}.exec-table{font-size:12px}.exec-table th,.exec-table td{padding:8px 6px}}.industry-hub-page{max-width:100%;margin:0 auto;overflow-x:hidden}.industry-hub-header{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:20px}.industry-hub-back-link{display:inline-block;color:var(--color-secondary);text-decoration:none;font-size:14px;margin-bottom:12px;transition:color .2s}.industry-hub-back-link:hover{color:var(--color-primary)}.industry-hub-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.industry-hub-subtitle{font-size:15px;color:var(--color-secondary);margin:0}.industry-hub-indicators{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}.industry-hub-indicator-card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);display:flex;align-items:center;gap:16px}.industry-hub-indicator-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.industry-hub-indicator-icon.blue{background:var(--accent-light);color:var(--color-primary)}.industry-hub-indicator-icon.green{background:#2ecc7126;color:#27ae60}.industry-hub-indicator-icon.purple{background:#9b59b626;color:#8e44ad}.industry-hub-indicator-icon.orange{background:#e67e2226;color:#d35400}.industry-hub-indicator-value{font-size:28px;font-weight:700;color:var(--color-primary);line-height:1.2}.industry-hub-indicator-label{font-size:13px;color:var(--color-secondary);margin-top:4px}.industry-hub-main{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:start;min-width:0}.industry-hub-card{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.industry-hub-card-title{font-size:18px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.industry-hub-card-subtitle{font-size:14px;color:var(--color-secondary);margin:0 0 20px}.industry-hub-pages-list{display:flex;flex-direction:column;gap:12px}.industry-hub-page-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-surface);border-radius:8px;cursor:pointer;transition:background .2s,box-shadow .2s}.industry-hub-page-item:hover{background:var(--bg-surface-hover);box-shadow:var(--shadow-sm)}.industry-hub-page-icon{width:40px;height:40px;border-radius:8px;background:var(--bg-surface-hover);display:flex;align-items:center;justify-content:center;color:var(--color-icon);flex-shrink:0}.industry-hub-page-info{flex:1}.industry-hub-page-name{font-size:15px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.industry-hub-page-desc{font-size:13px;color:var(--color-secondary);margin:0}.industry-hub-page-arrow{color:var(--color-muted);font-size:18px;margin-left:12px}.industry-hub-actions-list{display:flex;flex-direction:column;gap:10px}.industry-hub-action-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;border-radius:8px;background:var(--bg-surface);width:100%;text-align:left;font-size:14px;font-weight:500;color:var(--color-primary);cursor:pointer;transition:background .2s,box-shadow .2s}.industry-hub-action-item:hover{background:var(--bg-surface-hover);box-shadow:var(--shadow-sm)}.industry-hub-action-icon{width:40px;height:40px;border-radius:8px;background:var(--bg-surface-hover);display:flex;align-items:center;justify-content:center;color:var(--color-icon);flex-shrink:0}.industry-hub-action-item:hover .industry-hub-action-icon{background:var(--bg-surface-hover)}.industry-hub-page-item.locked{opacity:.55;cursor:default}.industry-hub-page-item.locked:hover{box-shadow:none;background:var(--bg-surface)}.industry-hub-page-item.home-industry-chosen{background:var(--accent-light);border:1px solid var(--border-color)}.home-industry-badge{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--btn-primary-bg);color:var(--btn-primary-text);padding:2px 8px;border-radius:4px;margin-left:8px;vertical-align:middle}.home-modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.home-modal{background:var(--bg-card);border-radius:14px;padding:28px 32px;max-width:400px;width:90%;box-shadow:var(--shadow-lg)}[data-theme=dark] .industry-hub-page-item.home-industry-chosen{background:var(--accent-light);border-color:var(--border-color)}[data-theme=dark] .home-industry-badge{background:var(--btn-primary-bg)}[data-theme=dark] .home-modal{background:var(--bg-card);color:var(--color-primary)}.industry-hub-empty{padding:40px 20px;text-align:center;color:var(--color-muted);font-size:14px;background:var(--bg-surface);border-radius:8px}@media (max-width: 1024px){.industry-hub-indicators{grid-template-columns:repeat(2,1fr)}.industry-hub-main{grid-template-columns:1fr}}.eq-cat-row{flex-wrap:wrap}.eq-cat-main{display:flex;align-items:center;gap:12px;flex:1 1 0;min-width:0;cursor:pointer}.eq-cat-exec-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid var(--input-border);border-radius:6px;background:var(--accent-light);color:var(--color-primary);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s;margin-left:auto;flex-shrink:0}.eq-cat-exec-btn:hover{background:var(--accent-light);border-color:var(--border-color)}[data-theme=dark] .eq-cat-exec-btn{background:var(--accent-light);border-color:var(--border-color);color:var(--color-primary)}[data-theme=dark] .eq-cat-exec-btn:hover{background:var(--accent-light)}@media (max-width: 640px){.industry-hub-indicators{grid-template-columns:1fr;gap:12px}.industry-hub-indicator-value{font-size:24px}.industry-hub-page-item{padding:12px}.industry-hub-page-icon{width:36px;height:36px}.eq-cat-exec-btn{margin-left:0;margin-top:8px;width:100%;justify-content:center}}.app-page .dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.app-page .dashboard-cards .card{background:var(--bg-surface);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.app-page .dashboard-cards .card-title{font-size:16px;font-weight:600;color:var(--color-primary);margin:0 0 16px}.app-page .progress-bar-container{margin-bottom:16px}.app-page .progress-bar{width:100%;height:12px;background-color:var(--bg-surface-hover);border-radius:6px;overflow:hidden}.app-page .progress-bar-fill{height:100%;background:var(--btn-primary-bg);border-radius:6px;transition:width .3s ease}.app-page .star-rating{display:flex;align-items:center;gap:8px}.app-page .star-wrapper{position:relative;display:inline-block;font-size:20px;line-height:1}.app-page .star{font-size:20px;color:#e0e0e0;line-height:1}.app-page .star.filled{color:#ffc107}.app-page .star.half-filled{position:absolute;left:0;top:0;overflow:hidden;color:#ffc107}.app-page .rating-text{font-size:16px;font-weight:600;color:#333;margin-left:4px}.app-page .circular-progress{position:relative;width:120px;height:120px;margin:0 auto}.app-page .progress-circle{width:100%;height:100%}.app-page .progress-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:700;color:var(--color-primary)}@media (max-width: 768px){.app-page .dashboard-cards{grid-template-columns:1fr}}.profile-page{max-width:100%;margin:0 auto;overflow-x:hidden}.prof-top-row{display:grid;grid-template-columns:1fr 280px;gap:20px;margin-bottom:20px;align-items:start}.prof-left{display:flex;flex-direction:column;gap:20px;min-width:0}.prof-right{min-width:0}.prof-card{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.prof-card-title{font-size:18px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.prof-card-subtitle{font-size:14px;color:var(--color-secondary);margin:0 0 20px}.prof-header-card{display:flex;align-items:center;gap:20px}.prof-avatar{width:72px;height:72px;border-radius:50%;background:var(--btn-primary-bg);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.prof-header-info{min-width:0}.prof-name{font-size:22px;font-weight:700;color:var(--color-primary);margin:0 0 4px}.prof-role{font-size:14px;color:var(--color-secondary);margin:0}.prof-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.prof-info-item{display:flex;flex-direction:column;gap:4px}.prof-info-item.full{grid-column:1 / -1}.prof-info-label{font-size:12px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px}.prof-info-value{font-size:14px;color:var(--color-primary);font-weight:500}.prof-actions-list{display:flex;flex-direction:column;gap:10px}.prof-action-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--color-primary);cursor:pointer;transition:all .2s;text-align:left}.prof-action-btn:hover{background:var(--bg-surface-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.prof-action-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.prof-action-arrow{margin-left:auto;font-size:20px;color:var(--color-muted);font-weight:300}.prof-action-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)!important;border-color:transparent}.prof-action-primary .prof-action-icon{background:#fff3;color:#fff}.prof-action-primary .prof-action-arrow{color:#fff9}.prof-action-primary:hover{box-shadow:var(--shadow-md)!important;background:var(--btn-primary-hover)}.prof-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.prof-btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md);background:var(--btn-primary-hover)}.prof-btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-surface);color:var(--color-primary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.prof-btn-secondary:hover{background:var(--bg-surface-hover)}.prof-btn-outline{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-card);color:var(--color-primary);border:1.5px solid var(--accent);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.prof-btn-outline:hover{background:var(--accent-light)}.prof-docs-card{margin-bottom:20px}.prof-docs-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px}.prof-docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.prof-doc-template{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:10px;padding:16px;transition:all .2s}.prof-doc-template:hover{border-color:var(--border-color);box-shadow:var(--shadow-sm)}.prof-doc-template-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.prof-doc-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.prof-doc-name{font-size:13px;font-weight:600;color:var(--color-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prof-doc-template-actions{display:flex;gap:4px;flex-shrink:0}.prof-icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface-hover);border:none;border-radius:6px;color:var(--color-secondary);cursor:pointer;transition:all .15s}.prof-icon-btn:hover{background:var(--bg-surface);color:var(--color-primary)}.prof-icon-btn.danger:hover{background:var(--danger-light);color:var(--danger)}.prof-icon-btn.small{width:22px;height:22px;font-size:14px;font-weight:700;border-radius:4px}.prof-doc-files{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-light)}.prof-doc-file{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 0}.prof-doc-file-name{font-weight:500;color:var(--color-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prof-doc-file-meta{color:var(--color-muted);flex-shrink:0;font-size:11px}.prof-doc-empty{font-size:12px;color:var(--color-muted);text-align:center;padding:8px 0 0}.prof-doc-form-badge{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-muted);padding:6px 0 0}.prof-doc-badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.prof-doc-saved-forms{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-light)}.prof-doc-saved-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-secondary);padding:4px 6px;border-radius:6px;transition:background .15s}.prof-doc-saved-item:hover{background:var(--bg-surface)}.prof-doc-saved-label{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.prof-contacts-card{margin-bottom:20px}.prof-contacts-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px;flex-wrap:wrap}.prof-contacts-header-btns{display:flex;gap:10px;flex-wrap:wrap}.prof-contacts-empty{text-align:center;padding:40px 20px;color:var(--color-muted)}.prof-contacts-empty p{font-size:14px;margin:12px 0 0}.prof-contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.prof-contact-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:10px;padding:16px;transition:all .2s}.prof-contact-card:hover{border-color:var(--border-color);box-shadow:var(--shadow-sm)}.prof-contact-card-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.prof-contact-avatar{width:40px;height:40px;border-radius:50%;background:var(--btn-primary-bg);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.prof-contact-info{flex:1;min-width:0}.prof-contact-name{font-size:14px;font-weight:600;color:var(--color-primary)}.prof-contact-company{font-size:13px;color:var(--color-secondary)}.prof-contact-title{font-size:12px;color:var(--color-muted)}.prof-contact-type{font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;flex-shrink:0}.prof-contact-type.supplier{background:var(--accent-light);color:var(--accent-text)}[data-theme=dark] .prof-contact-type.supplier{color:var(--color-primary)}.prof-contact-type.customer{background:#27ae601f;color:#27ae60}.prof-contact-type.partner{background:#8e44ad1f;color:#8e44ad}.prof-contact-type.other{background:var(--bg-surface);color:var(--color-secondary)}.prof-contact-details{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.prof-contact-detail{font-size:12px;color:var(--color-secondary);display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prof-contact-card-actions{display:flex;gap:6px;justify-content:flex-end}.prof-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:5000;padding:24px;overflow-y:auto}.prof-modal{background:var(--bg-card);border-radius:14px;width:100%;max-width:480px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:profModalIn .2s ease}.prof-modal-lg{max-width:680px}@keyframes profModalIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.prof-modal-title{font-size:17px;font-weight:600;color:var(--color-primary);margin:0;padding:20px 24px;border-bottom:1px solid var(--border-light);flex-shrink:0}.prof-modal-body{padding:20px 24px;overflow-y:auto;flex:1;min-height:0}.prof-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border-light);flex-shrink:0}.prof-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.prof-form-group{display:flex;flex-direction:column;gap:4px}.prof-form-group.full{grid-column:1 / -1}.prof-form-label{font-size:12px;font-weight:600;color:var(--color-secondary)}.prof-form-input{padding:10px 12px;border:1px solid var(--input-border);border-radius:8px;font-size:14px;color:var(--color-primary);background:var(--bg-input);transition:border-color .2s}.prof-form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--accent-light)}.prof-form-textarea{min-height:70px;resize:vertical;font-family:inherit}.prof-scan-body{text-align:center}.prof-scan-area{padding:30px 20px;border:2px dashed var(--border-color);border-radius:12px;margin-bottom:20px;color:var(--color-muted)}.prof-scan-area p{font-size:14px;margin:12px 0 20px}.prof-scan-features{text-align:left;display:flex;flex-direction:column;gap:8px}.prof-scan-feature{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--color-secondary)}.prof-scan-check{color:#27ae60;font-weight:700;font-size:14px}.prof-scan-result-area{display:flex;gap:20px;align-items:flex-start;min-width:0;overflow:hidden}.prof-scan-preview{position:relative;flex-shrink:0;width:200px;border-radius:10px;overflow:hidden;border:1px solid var(--border-color);background:var(--bg-surface)}.prof-scan-img{width:100%;height:auto;max-height:280px;object-fit:contain;display:block;border-radius:10px}.prof-scan-overlay{position:absolute;inset:0;background:#ffffffd9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:10px}[data-theme=dark] .prof-scan-overlay{background:#1e272ed9}.prof-scan-progress-ring{position:relative;display:flex;align-items:center;justify-content:center}.prof-scan-pct{position:absolute;font-size:12px;font-weight:700;color:var(--color-primary);font-family:SF Mono,monospace}.prof-scan-status-text{font-size:13px;color:var(--color-secondary);font-weight:500}.prof-scan-fields{flex:1;min-width:0;overflow:hidden}.prof-scan-fields-title{font-size:14px;font-weight:600;color:var(--color-primary);margin:0 0 12px}.prof-scan-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.prof-scan-field{background:var(--bg-surface);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.prof-scan-field.empty{opacity:.5}.prof-scan-field-label{font-size:10px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.3px}.prof-scan-field-value{font-size:12px;color:var(--color-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.prof-scan-raw{margin-top:14px;font-size:12px;color:var(--color-secondary)}.prof-scan-raw summary{cursor:pointer;font-weight:500;margin-bottom:6px}.prof-scan-raw-text{background:var(--bg-surface);border-radius:6px;padding:10px 12px;font-family:SF Mono,Roboto Mono,monospace;font-size:11px;white-space:pre-wrap;word-break:break-word;max-height:120px;overflow-y:auto;margin:0;color:var(--color-secondary)}.prof-scan-error{flex:1;min-width:0;text-align:center;padding:24px 16px;color:var(--danger)}.prof-scan-error p{margin:0 0 16px;font-size:14px}.prof-company-card{margin-bottom:20px}.prof-company-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px;flex-wrap:wrap}.prof-company-actions{display:flex;gap:10px;flex-wrap:wrap}.prof-company-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.prof-company-info-col,.prof-plan-col{min-width:0}.prof-plan-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;padding:16px}.prof-plan-badge-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.prof-plan-badge{font-size:13px;font-weight:700;padding:4px 12px;border-radius:6px;letter-spacing:.3px}.prof-plan-start{background:var(--bg-surface-hover);color:var(--color-muted)}.prof-plan-basic{background:#192a561a;color:#192a56}.prof-plan-standard{background:var(--accent-light);color:var(--accent-text)}.prof-plan-premium{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.prof-plan-status{font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px}.prof-status-active{background:#dcfce7;color:#166534}.prof-status-trialing{background:var(--accent-light);color:var(--accent-text)}.prof-status-canceled{background:var(--danger-light);color:var(--danger-text)}.prof-plan-limits{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.prof-plan-limit-item{display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:var(--bg-card);border-radius:6px;border:1px solid var(--border-light)}.prof-plan-limit-label{font-size:10px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.3px}.prof-plan-limit-value{font-size:12px;font-weight:600;color:var(--color-primary)}.prof-plan-features{display:flex;flex-direction:column;gap:4px}.prof-plan-feature{font-size:12px;color:var(--color-secondary);display:flex;align-items:center;gap:6px}.prof-plan-check{color:#16a34a;font-weight:700;font-size:13px}.prof-acct-badge{display:inline-block;font-size:12px;font-weight:600;padding:2px 10px;border-radius:4px}.prof-acct-seller{background:var(--accent-light);color:var(--accent-text)}.prof-acct-buyer{background:#16a34a1a;color:#16a34a}.prof-acct-service_provider{background:#ea580c1a;color:#ea580c}.prof-locked-card{margin-bottom:20px}.prof-locked-content{display:flex;align-items:center;gap:16px;padding:8px 0}.prof-locked-content svg{flex-shrink:0}.prof-locked-content>div{flex:1;min-width:0}.prof-locked-msg{font-size:13px;color:var(--color-muted);margin:4px 0 0;line-height:1.4}.prof-locked-content .prof-card-title{margin-bottom:0}.prof-locked-content .prof-btn-primary{flex-shrink:0}[data-theme=dark] .prof-plan-card{background:var(--bg-surface);border-color:var(--border-color)}[data-theme=dark] .prof-plan-limit-item{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .prof-plan-limit-label{color:var(--color-muted)}[data-theme=dark] .prof-plan-limit-value{color:var(--color-primary)}[data-theme=dark] .prof-plan-feature{color:var(--color-secondary)}[data-theme=dark] .prof-plan-check{color:#4ade80}[data-theme=dark] .prof-plan-start{background:var(--bg-surface);color:var(--color-muted)}[data-theme=dark] .prof-plan-basic,[data-theme=dark] .prof-plan-standard{background:var(--accent-light);color:var(--color-primary)}[data-theme=dark] .prof-plan-premium{background:var(--btn-primary-bg);color:var(--btn-primary-text)}[data-theme=dark] .prof-status-active{background:#16a34a26;color:#4ade80}[data-theme=dark] .prof-status-trialing{background:var(--accent-light);color:var(--color-primary)}[data-theme=dark] .prof-status-canceled{background:var(--danger-light);color:var(--danger)}[data-theme=dark] .prof-acct-seller{background:var(--accent-light);color:var(--color-primary)}[data-theme=dark] .prof-acct-buyer{background:#16a34a33;color:#4ade80}[data-theme=dark] .prof-acct-service_provider{background:#ea580c33;color:#fb923c}[data-theme=dark] .prof-locked-msg{color:var(--color-muted)}@media (max-width: 1024px){.prof-top-row{grid-template-columns:1fr}}@media (max-width: 768px){.prof-info-grid{grid-template-columns:1fr}.prof-docs-header,.prof-contacts-header,.prof-company-header{flex-direction:column}.prof-company-grid,.prof-form-grid{grid-template-columns:1fr}.prof-form-group.full{grid-column:1}.prof-contacts-grid{grid-template-columns:1fr}.prof-header-card{flex-direction:column;text-align:center}.prof-scan-result-area{flex-direction:column}.prof-scan-preview{width:100%}.prof-scan-field-grid{grid-template-columns:1fr}.prof-locked-content{flex-direction:column;text-align:center}.prof-plan-limits{grid-template-columns:1fr}}.add-supplier-page{max-width:100%;overflow-x:hidden}.form-section-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:var(--color-primary);margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--bg-surface)}.section-icon{width:36px;height:36px;background:var(--accent-light);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:13px;font-weight:600;color:var(--color-secondary)}.required{color:var(--danger)}.form-group input,.form-group textarea,.form-group select{padding:12px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s;background:var(--bg-card)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--accent-light)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-muted)}.form-group textarea{resize:vertical;min-height:60px}.form-hint{font-size:13px;color:var(--color-muted);margin:-8px 0 16px}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.checkbox-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s}.checkbox-item:hover{background:var(--accent-light);border-color:var(--color-primary)}.checkbox-item input{display:none}.checkbox-box{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.checkbox-box svg{opacity:0;color:#fff;transition:opacity .2s}.checkbox-item input:checked+.checkbox-box{background:var(--btn-primary-bg);border-color:var(--color-primary)}.checkbox-item input:checked+.checkbox-box svg{opacity:1}.checkbox-label{font-size:14px;color:var(--color-primary)}.form-actions-card{background:var(--bg-surface)}.form-actions{display:flex;justify-content:flex-end;gap:12px}.btn-secondary{padding:12px 24px;background:var(--bg-card);color:var(--color-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--bg-surface);border-color:var(--border-color)}.btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--btn-primary-bg);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-card{text-align:center;padding:60px 40px}.success-content{max-width:500px;margin:0 auto}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#4caf50}.success-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 12px}.success-description{font-size:15px;color:var(--color-secondary);line-height:1.6;margin:0 0 32px}.success-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.success-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.success-btn.primary{background:var(--btn-primary-bg);color:#fff;border:none}.success-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.success-btn.secondary{background:var(--bg-card);color:var(--color-secondary);border:1px solid var(--border-color)}.success-btn.secondary:hover{background:var(--bg-surface);border-color:var(--border-color)}@media (max-width: 768px){.form-grid,.checkbox-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-secondary,.btn-primary{width:100%;justify-content:center}.success-actions{flex-direction:column}.success-btn{width:100%}}.app-header{background:var(--nav-bg);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}.header-logo{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px}.logo-image{height:40px;width:auto;object-fit:contain;filter:invert(1);mix-blend-mode:multiply}[data-theme=dark] .header-logo .logo-image{filter:none;mix-blend-mode:lighten}.header-actions{display:flex;align-items:center;gap:12px}.header-search{color:#ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:background-color .2s}.header-search:hover{background-color:#ffffff1a}.header-profile{color:#ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:background-color .2s}.header-profile:hover{background-color:#ffffff1a}.back-button-wrapper{display:flex;justify-content:center;padding:12px 16px 8px;margin-top:auto}.back-button-bottom{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--color-primary);font-size:14px;font-weight:500;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .2s,box-shadow .2s}.back-button-bottom:hover{background:var(--bg-surface);box-shadow:var(--shadow-md)}.back-button-bottom:active{transform:scale(.98)}.back-button-bottom svg{flex-shrink:0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--nav-bg);box-shadow:0 -2px 12px #00000026;display:flex;justify-content:space-around;align-items:center;padding:12px 0;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:8px 16px;transition:transform .2s;color:var(--nav-text)}.nav-item:hover{transform:translateY(-2px)}.nav-item.active{color:var(--active-indicator)}.nav-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px}.nav-label{font-size:12px;font-weight:500}@media (max-width: 640px){.nav-label{font-size:11px}.nav-item{padding:6px 12px}}.admin-approval-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f5f5}.admin-approval-content{flex:1;padding:24px 24px 100px;max-width:1000px;margin:0 auto;width:100%}.approval-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.page-title{font-size:24px;font-weight:600;color:#333;margin:0}.page-subtitle{font-size:14px;color:#666;margin:4px 0 0}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:#fff;border-radius:50%;cursor:pointer;color:#333;transition:all .2s;box-shadow:0 2px 4px #0000001a}.back-button:hover{background:#f0f0f0;transform:translate(-2px)}.empty-state{text-align:center;padding:48px;background:#fff;border-radius:12px;color:#666}.submissions-list{display:flex;flex-direction:column;gap:16px}.submission-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.submission-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.card-company-name{font-size:18px;font-weight:600;color:#333;margin:0 0 4px}.card-email{font-size:14px;color:#666;margin:0}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.card-body{margin-bottom:16px}.card-info{display:flex;gap:24px;flex-wrap:wrap}.info-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.card-actions{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e0e0e0}.view-btn{padding:10px 20px;border:2px solid #667eea;border-radius:8px;background:#fff;color:#667eea;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.view-btn:hover{background:#667eea;color:#fff}.quick-status-buttons{display:flex;gap:8px}.quick-status-btn{width:44px;height:44px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#666;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.quick-status-btn:hover:not(:disabled){border-color:#667eea;background:#f8f9ff;color:#667eea}.quick-status-btn.active{background:#667eea;border-color:#667eea;color:#fff}.quick-status-btn:disabled{opacity:.5;cursor:not-allowed}.submission-detail{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e0e0e0}.company-name{font-size:24px;font-weight:600;color:#333;margin:0 0 12px}.detail-section{margin-bottom:32px}.section-title{font-size:18px;font-weight:600;color:#333;margin:0 0 16px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-item{display:flex;flex-direction:column;gap:8px}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.detail-item p{font-size:16px;color:#333;margin:0}.industries-list{display:flex;flex-wrap:wrap;gap:8px}.industry-tag{padding:8px 16px;background:#f0f0f0;border-radius:20px;font-size:14px;color:#333}.timeline{display:flex;flex-direction:column;gap:12px}.timeline-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9ff;border-radius:8px}.timeline-item label{font-size:14px;font-weight:600;color:#666}.timeline-item p{font-size:14px;color:#333;margin:0}.status-change-section{margin-top:32px;padding-top:24px;border-top:2px solid #e0e0e0}.status-options{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.status-button{padding:12px 24px;border:2px solid;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.status-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.update-status-button{padding:14px 32px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transition:all .2s}.update-status-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.update-status-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.admin-approval-content{padding:16px;max-width:100%}.detail-grid{grid-template-columns:1fr}.card-header,.card-info{flex-direction:column;gap:8px}.quick-status-btn{width:44px;height:44px;font-size:18px}.status-options{flex-direction:column}}@media (max-width: 640px){.approval-header{flex-direction:column;align-items:flex-start;gap:8px}.card-actions{flex-direction:column;gap:12px}}.mgmt-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin-top:8px}.mgmt-hub-card{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;width:100%;position:relative}.mgmt-hub-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.mgmt-hub-card.mgmt-hub-locked{opacity:.7;border-color:var(--bg-surface-hover)}.mgmt-hub-card.mgmt-hub-locked:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.mgmt-hub-card-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--accent-light);color:var(--color-primary)}.mgmt-hub-locked .mgmt-hub-card-icon{background:var(--bg-surface);color:var(--color-muted)}.mgmt-hub-card-info{flex:1;min-width:0}.mgmt-hub-card-title{font-size:15px;font-weight:600;color:var(--color-primary);display:flex;align-items:center;gap:8px;margin-bottom:4px}.mgmt-hub-locked .mgmt-hub-card-title{color:var(--color-secondary)}.mgmt-lock-icon{color:var(--color-primary)}.mgmt-hub-card-desc{font-size:12.5px;color:var(--color-secondary);line-height:1.45;margin:0}.mgmt-hub-card-badge{position:absolute;top:12px;right:12px;padding:3px 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-text);background:var(--accent-light);border:1px solid var(--accent);border-radius:20px;white-space:nowrap}.mgmt-hub-card-arrow{flex-shrink:0;color:var(--color-muted);align-self:center;transition:color .2s}.mgmt-hub-card:hover .mgmt-hub-card-arrow{color:var(--color-primary)}@media (max-width: 600px){.mgmt-hub-grid{grid-template-columns:1fr}.mgmt-hub-card{padding:16px}}.pgm-page{display:flex;flex-direction:column;min-height:100%;background:var(--bg-primary)}.pgm-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:12px 24px;background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000000f}.pgm-topbar-left{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.pgm-logo{display:flex;align-items:center;gap:10px}.pgm-logo-icon{font-size:24px}.pgm-title{font-size:20px;font-weight:700;color:var(--color-primary);margin:0;background:var(--btn-primary-bg);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pgm-view-tabs{display:flex;background:var(--bg-surface);border-radius:8px;padding:4px;gap:2px}.pgm-tab{padding:8px 16px;border:none;border-radius:6px;background:transparent;font-size:14px;font-weight:500;color:var(--color-muted);cursor:pointer;transition:all .2s}.pgm-tab:hover{color:var(--color-primary);background:var(--bg-surface-hover)}.pgm-tab-active{background:var(--bg-card);color:var(--color-primary);box-shadow:0 1px 2px #0000000f}.pgm-topbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pgm-btn-secondary{padding:8px 16px;background:var(--bg-card);border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.pgm-btn-secondary:hover{background:var(--bg-primary);border-color:#cbd5e1}.pgm-btn-primary{padding:8px 18px;background:var(--btn-primary-bg);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.pgm-btn-primary:hover{opacity:.92}.pgm-filter-bar{display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--bg-card);border-bottom:1px solid var(--border-color)}.pgm-filter-bar label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-muted)}.pgm-filter-bar select{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;min-width:120px}.pgm-body{display:flex;flex:1;overflow:hidden;min-height:0}.pgm-sidebar{width:260px;min-width:260px;background:var(--bg-card);border-right:1px solid #e2e8f0;padding:16px 0;overflow-y:auto}.pgm-workspaces-title{display:flex;align-items:center;gap:8px;padding:0 20px 12px;font-size:13px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px}.pgm-workspace-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 20px;border:none;background:transparent;font-size:14px;color:var(--color-primary);text-align:left;cursor:pointer;transition:background .2s}.pgm-workspace-item:hover{background:var(--bg-primary)}.pgm-workspace-active{background:#eff6ff;color:#1e40af;font-weight:600}.pgm-workspace-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pgm-dot-all{background:#94a3b8}.pgm-workspace-count{margin-left:auto;font-size:12px;color:#94a3b8;font-weight:400}.pgm-main{flex:1;overflow:auto;padding:20px;min-width:0}.pgm-table-wrap{background:var(--bg-card);border-radius:12px;border:1px solid #e2e8f0;overflow:auto}.pgm-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.pgm-table th{padding:10px 12px;text-align:left;font-weight:600;color:#475569;background:var(--bg-primary);border-bottom:1px solid var(--border-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pgm-table td{padding:10px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #f1f5f9;color:var(--color-primary)}.pgm-table tbody tr:hover{background:var(--bg-primary)}.pgm-table tbody tr:last-child td{border-bottom:none}.pgm-status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.pgm-status-complete{background:#dcfce7;color:#166534}.pgm-status-in-progress{background:#dbeafe;color:#1e40af}.pgm-status-not-started{background:var(--bg-surface);color:var(--color-muted)}.pgm-timeline-controls{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:10px 0}.pgm-zoom-label{font-size:14px;font-weight:500;color:#475569}.pgm-btn-today{padding:6px 14px;background:var(--bg-card);border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#475569;cursor:pointer}.pgm-btn-today:hover{background:var(--bg-primary)}.pgm-date-range{font-size:13px;color:var(--color-muted)}.pgm-timeline-area{background:var(--bg-card);border-radius:12px;border:1px solid #e2e8f0;overflow:auto}.pgm-timeline-grid{display:flex;min-width:max-content}.pgm-task-details-col{min-width:320px;max-width:320px;border-right:1px solid #e2e8f0;background:#fafbfc}.pgm-task-details-header{padding:12px 16px;font-size:13px;font-weight:600;color:var(--color-muted);border-bottom:1px solid var(--border-color)}.pgm-project-group{border-bottom:1px solid var(--border-color)}.pgm-project-row{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:transparent;font-size:14px;font-weight:600;color:var(--color-primary);text-align:left;cursor:pointer;transition:background .2s}.pgm-project-row:hover{background:var(--bg-surface)}.pgm-expand-icon{font-size:10px;color:var(--color-muted);width:16px}.pgm-project-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pgm-project-name{flex:1;min-width:0}.pgm-project-badge{font-size:12px;font-weight:500;color:#94a3b8;background:var(--bg-surface-hover);padding:2px 8px;border-radius:10px}.pgm-task-row{padding:10px 16px 10px 42px;border-bottom:1px solid #f1f5f9;background:var(--bg-card);min-height:52px;display:flex;flex-direction:column;justify-content:center;gap:2px}.pgm-task-row:last-child{border-bottom:none}.pgm-task-name{font-size:14px;font-weight:500;color:var(--color-primary)}.pgm-task-assignee{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-muted)}.pgm-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pgm-calendar-col{flex:1;min-width:600px;position:relative}.pgm-calendar-header{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.pgm-day-cell{min-width:36px;padding:10px 4px;font-size:11px;font-weight:600;color:var(--color-muted);text-align:center;border-right:1px solid #e2e8f0}.pgm-calendar-rows,.pgm-calendar-project{position:relative}.pgm-calendar-spacer{height:48px;min-height:48px;border-bottom:1px solid #f1f5f9}.pgm-bar-row{position:relative;height:52px;border-bottom:1px solid #f1f5f9}.pgm-bar-row:last-child{border-bottom:none}.pgm-bar-wrap{position:absolute;top:50%;transform:translateY(-50%);height:20px;border-radius:4px;overflow:hidden;display:flex;box-shadow:0 1px 2px #0000000f}.pgm-bar-completed{flex-shrink:0;min-width:0;border-radius:4px 0 0 4px;transition:width .2s}.pgm-bar-remaining{flex-shrink:0;min-width:0;background:#bdbdbd;border-radius:0 4px 4px 0}.pgm-today-line{position:absolute;top:0;bottom:0;width:2px;background:#ef4444;z-index:10;pointer-events:none}.pgm-today-label{position:absolute;top:4px;left:4px;font-size:10px;font-weight:700;color:#ef4444;background:var(--bg-card);padding:2px 6px;border-radius:4px;white-space:nowrap;box-shadow:0 1px 2px #0000001a}.pgm-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.pgm-modal{background:var(--bg-card);border-radius:16px;padding:24px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0003}.pgm-modal-title{font-size:18px;font-weight:700;color:var(--color-primary);margin:0 0 20px}.pgm-form-group{margin-bottom:16px}.pgm-form-group label{display:block;font-size:13px;font-weight:500;color:#475569;margin-bottom:6px}.pgm-form-group input,.pgm-form-group select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;box-sizing:border-box}.pgm-form-group input:focus,.pgm-form-group select:focus{outline:none;border-color:#3b82f6}.pgm-form-row{display:flex;gap:12px}.pgm-form-row .pgm-form-group{flex:1}.pgm-modal-actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0}.pgm-modal-actions button{flex:1}.pgm-context-menu{position:fixed;background:var(--bg-card);border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid #e2e8f0;z-index:2000;min-width:160px;padding:4px}.pgm-context-item{display:block;width:100%;padding:10px 14px;border:none;border-radius:6px;background:none;font-size:14px;color:var(--color-primary);text-align:left;cursor:pointer}.pgm-context-item:hover{background:var(--bg-surface)}.pgm-context-danger{color:#dc2626}.pgm-context-danger:hover{background:#fef2f2}@media (max-width: 900px){.pgm-sidebar{width:200px;min-width:200px}.pgm-task-details-col{min-width:260px;max-width:260px}.pgm-calendar-col{min-width:400px}}.gc-page{display:flex;flex-direction:column;min-height:100%;background:var(--gc-bg, #f4f6f9)}.gc-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;background:var(--gc-surface, #fff);border-bottom:1px solid var(--gc-border, #e2e8f0);flex-wrap:wrap}.gc-topbar-left{display:flex;align-items:center;gap:14px}.gc-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--gc-border, #e2e8f0);border-radius:8px;background:var(--gc-surface, #fff);cursor:pointer;color:var(--gc-text-2, #64748b);transition:all .15s}.gc-back:hover{background:var(--gc-hover, #f8fafc);color:var(--gc-text, #1e293b)}.gc-title{font-size:17px;font-weight:700;color:var(--gc-text, #1e293b);margin:0}.gc-view-tabs{display:flex;background:var(--gc-bg, #f1f5f9);border-radius:7px;padding:3px;gap:2px}.gc-vtab{padding:5px 14px;border:none;border-radius:5px;font-size:12px;font-weight:600;background:transparent;color:var(--gc-text-2, #64748b);cursor:pointer;transition:all .15s;white-space:nowrap}.gc-vtab:hover{color:var(--gc-text, #334155);background:#0000000a}.gc-vtab.active{background:var(--gc-surface, #fff);color:var(--gc-text, #1e293b);box-shadow:0 1px 2px #0000000f}.gc-topbar-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.gc-btn-sm{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;background:var(--gc-surface, #fff);border:1px solid var(--gc-border, #e2e8f0);border-radius:6px;font-size:11px;font-weight:600;color:var(--gc-text-2, #475569);cursor:pointer;transition:all .15s;white-space:nowrap}.gc-btn-sm:hover{background:var(--gc-hover, #f8fafc);border-color:#cbd5e1}.gc-btn-outline{border-color:var(--border-color);color:var(--color-primary)}.gc-btn-outline:hover{background:var(--accent-light)}.gc-btn-primary{padding:6px 14px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:opacity .15s;white-space:nowrap}.gc-btn-primary:hover{opacity:.9}.gc-filter-row{display:flex;align-items:center;gap:14px;padding:8px 16px;background:var(--gc-surface, #fff);border-bottom:1px solid var(--gc-border, #e2e8f0)}.gc-filter-row label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gc-text-2, #64748b)}.gc-filter-row select{padding:4px 10px;border:1px solid var(--gc-border, #e2e8f0);border-radius:5px;font-size:12px;min-width:110px;background:var(--gc-surface, #fff);color:var(--gc-text, #1e293b)}.gc-stats-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;padding:6px 16px;background:var(--gc-surface, #fff);border-bottom:1px solid var(--gc-border, #e2e8f0);overflow-x:auto}.gc-stat{display:flex;flex-direction:column;align-items:center;padding:14px 18px;border-radius:10px;min-width:120px;flex:1;background:var(--gc-bg, #f8f9fa);font-size:11px;color:var(--gc-text-2, #64748b);white-space:nowrap}.gc-stat-n{font-size:22px;font-weight:900;line-height:1.2;color:var(--gc-text, #1e293b)}.gc-stat-green .gc-stat-n{color:#27ae60}.gc-stat-blue .gc-stat-n{color:#2563eb}.gc-stat-orange .gc-stat-n{color:#e65100}.gc-stat-red .gc-stat-n{color:#e74c3c}@media (max-width: 640px){.gc-stat{min-width:100px}.gc-stat-n{font-size:20px}}.gc-body{display:flex;flex:1;overflow:hidden;min-height:0}.gc-sidebar{width:220px;min-width:220px;background:var(--gc-surface, #fff);border-right:1px solid var(--gc-border, #e2e8f0);padding:8px 0;overflow-y:auto;position:relative;transition:width .2s,min-width .2s,padding .2s}.gc-sidebar-collapsed{width:36px;min-width:36px;padding:8px 0}.gc-sidebar-toggle{position:absolute;top:6px;right:6px;z-index:2;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gc-border, #e2e8f0);border-radius:6px;background:var(--gc-surface, #fff);cursor:pointer;color:var(--gc-text-2, #94a3b8);transition:all .15s}.gc-sidebar-collapsed .gc-sidebar-toggle{right:6px}.gc-sidebar-toggle:hover{background:var(--gc-hover, #f0f4f8);color:var(--gc-text, #334155)}.gc-ws-title{display:flex;align-items:center;gap:6px;padding:4px 14px 8px;font-size:11px;font-weight:700;color:var(--gc-text-2, #64748b);text-transform:uppercase;letter-spacing:.4px}.gc-ws-badge{margin-left:auto;font-size:10px;padding:1px 7px;border-radius:8px;background:var(--gc-bg, #f1f5f9);color:var(--gc-text-2, #94a3b8)}.gc-ws-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;border:none;background:transparent;font-size:13px;color:var(--gc-text, #334155);text-align:left;cursor:pointer;transition:background .15s}.gc-ws-item:hover{background:var(--gc-hover, #f8fafc)}.gc-ws-item.active{background:var(--accent-light);color:var(--color-primary);font-weight:600}.gc-ws-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.gc-ws-select{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:0;border:none;background:transparent;font-size:13px;color:inherit;text-align:left;cursor:pointer}.gc-ws-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-ws-count{font-size:10px;color:var(--gc-text-2, #94a3b8)}.gc-ws-del{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:5px;background:transparent;cursor:pointer;color:var(--gc-text-2, #94a3b8);opacity:0;transition:all .15s;flex-shrink:0}.gc-ws-item:hover .gc-ws-del{opacity:1}.gc-ws-del:hover{background:#fee2e2;color:#dc2626}.gc-main{flex:1;overflow:hidden;display:flex;flex-direction:column;min-width:0}.gc-table-wrap{flex:1;overflow:auto;margin:12px;border-radius:10px;border:1px solid var(--gc-border, #e2e8f0);background:var(--gc-surface, #fff)}.gc-table{width:100%;border-collapse:collapse;font-size:13px}.gc-table th{position:sticky;top:0;z-index:2;padding:8px 10px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--gc-text-2, #64748b);background:var(--gc-bg, #f8fafc);border-bottom:1px solid var(--gc-border, #e2e8f0);white-space:nowrap}.gc-table td{padding:8px 10px;border-bottom:1px solid rgba(0,0,0,.03);color:var(--gc-text, #1e293b)}.gc-table tr:hover{background:var(--bg-surface)}.gc-row-phase{font-weight:600;background:var(--gc-bg, #f0f4f8)!important}.gc-row-child td:nth-child(2){padding-left:28px}.gc-col-num{width:36px;text-align:center;color:var(--gc-text-2, #94a3b8);font-size:11px;font-weight:600}.gc-col-name{min-width:180px;font-weight:500}.gc-col-dur{width:50px;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.gc-col-date{width:80px;font-size:12px;color:var(--gc-text-2, #546e7a);font-variant-numeric:tabular-nums;white-space:nowrap}.gc-col-assign{max-width:120px;font-size:12px}.gc-col-pct{width:50px;text-align:center;font-weight:600;font-size:12px}.gc-col-pred{width:70px;font-size:11px;color:var(--gc-text-2, #888);font-weight:600}.gc-expand-btn{background:none;border:none;cursor:pointer;font-size:9px;color:var(--gc-text-2, #666);padding:2px 4px;margin-right:2px}.gc-indent{display:inline-block;width:18px}.gc-status{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;white-space:nowrap}.gc-status-complete{background:var(--accent-light);color:var(--accent-text)}.gc-status-in-progress{background:var(--accent-light);color:var(--color-primary)}.gc-status-not-started{background:var(--bg-surface);color:var(--color-muted)}.gc-empty{text-align:center;padding:40px;color:var(--gc-text-2, #999)}.gc-gantt{display:flex;flex:1;overflow:hidden;position:relative;border-top:1px solid var(--gc-border, #e2e8f0)}.gc-tasklist-toggle{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:10;width:18px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gc-border, #e2e8f0);border-left:none;border-radius:0 6px 6px 0;background:var(--gc-surface, #fff);cursor:pointer;color:var(--gc-text-2, #94a3b8);font-size:10px;transition:all .15s}.gc-tasklist-toggle:hover{background:var(--gc-hover, #f0f4f8);color:var(--gc-text, #334155)}.gc-tasklist{width:420px;min-width:420px;background:var(--gc-surface, #fff);border-right:2px solid var(--gc-border, #cbd5e1);overflow-y:auto;overflow-x:hidden;flex-shrink:0}.gc-tl-header{display:flex;align-items:center;padding:0;background:var(--gc-bg, #f8fafc);border-bottom:1px solid var(--gc-border, #e2e8f0);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--gc-text-2, #64748b);position:sticky;top:0;z-index:3;height:46px}.gc-tl-h-num{width:32px;text-align:center;padding:0 2px}.gc-tl-h-name{flex:1;min-width:0;padding:0 6px}.gc-tl-h-dur{width:36px;text-align:center;padding:0 2px}.gc-tl-h-date{width:62px;text-align:center;padding:0 2px}.gc-tl-h-pred{width:44px;text-align:center;padding:0 2px}.gc-tl-row{display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.03);cursor:default;transition:background .1s}.gc-tl-row:hover{background:#00088805}.gc-tl-phase{font-weight:600;background:var(--gc-bg, #f0f4f8)!important}.gc-tl-child .gc-tl-name{padding-left:20px}.gc-tl-num{width:32px;text-align:center;font-size:10px;font-weight:600;color:var(--gc-text-2, #94a3b8);flex-shrink:0}.gc-tl-name{flex:1;min-width:0;padding:0 6px;font-size:12px;color:var(--gc-text, #1e293b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-tl-dur{width:36px;text-align:center;font-size:11px;font-weight:600;color:var(--gc-text, #1e293b);flex-shrink:0}.gc-tl-date{width:62px;text-align:center;font-size:10px;color:var(--gc-text-2, #546e7a);font-variant-numeric:tabular-nums;flex-shrink:0;white-space:nowrap}.gc-tl-pred{width:44px;text-align:center;font-size:10px;font-weight:600;color:var(--gc-text-2, #888);flex-shrink:0}.gc-timeline{flex:1;overflow:auto;position:relative;background:var(--gc-surface, #fff)}.gc-tm-months{display:flex;position:sticky;top:0;z-index:4;background:var(--gc-bg, #f8fafc);border-bottom:1px solid var(--gc-border, #e2e8f0)}.gc-tm-month{padding:4px 0;text-align:center;font-size:11px;font-weight:700;color:var(--gc-text, #1e293b);border-right:1px solid var(--gc-border, #e2e8f0);white-space:nowrap;overflow:hidden}.gc-tm-days{display:flex;position:sticky;top:24px;z-index:3;background:var(--gc-bg, #f8fafc);border-bottom:1px solid var(--gc-border, #e2e8f0)}.gc-tm-day{text-align:center;font-size:10px;font-weight:600;color:var(--gc-text-2, #64748b);padding:4px 0;border-right:1px solid rgba(0,0,0,.04);box-sizing:border-box}.gc-tm-weekend{background:#00000005;color:#bbb}.gc-tm-today{background:#2563eb14;color:#2563eb;font-weight:800}.gc-tm-body{position:relative;min-height:100px}.gc-tm-gridline{position:absolute;top:0;border-right:1px solid rgba(0,0,0,.03)}.gc-tm-gl-weekend{background:#00000004}.gc-tm-rowline{position:absolute;left:0;right:0;height:0;border-bottom:1px solid rgba(0,0,0,.04)}.gc-today-line{position:absolute;top:0;bottom:0;width:2px;background:#2563eb;z-index:5;pointer-events:none}.gc-today-label{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:9px;font-weight:700;color:#2563eb;background:#2563eb14;padding:1px 6px;border-radius:4px;white-space:nowrap}.gc-bar-row{position:absolute;left:0;right:0;display:flex;align-items:center}.gc-bar-row.gc-dragging{z-index:10}.gc-bar-baseline{position:absolute;height:6px;border-radius:3px;background:#9c27b026;border:1px dashed rgba(156,39,176,.4);top:4px}.gc-bar{position:absolute;display:flex;align-items:center;height:20px;top:50%;transform:translateY(-50%);border-radius:4px;overflow:visible;box-shadow:0 1px 3px #00000014;transition:box-shadow .15s}.gc-bar:hover{box-shadow:0 2px 8px #00000026;z-index:6}.gc-bar.gc-bar-active{box-shadow:0 3px 12px #0003;z-index:10;opacity:.9}.gc-bar-phase{height:8px;border-radius:2px;top:50%}.gc-bar-handle{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;z-index:2;background:transparent;transition:background .15s;border-radius:2px}.gc-bar-handle:hover{background:#0000001f}.gc-bar-handle-l{left:0;border-radius:4px 0 0 4px}.gc-bar-handle-r{right:0;border-radius:0 4px 4px 0}.gc-bar-body{flex:1;display:flex;height:100%;border-radius:4px;overflow:hidden}.gc-bar-fill{height:100%;transition:width .2s;min-width:0}.gc-bar-remaining{height:100%;background:#ddd;min-width:0}.gc-bar-label{position:absolute;right:-4px;top:50%;transform:translate(100%,-50%);font-size:10px;font-weight:700;color:var(--gc-text-2, #555);white-space:nowrap;padding-left:4px;pointer-events:none}.gc-arrows-svg{pointer-events:none}.gc-legend{display:flex;gap:16px;padding:8px 16px;border-top:1px solid var(--gc-border, #e2e8f0);background:var(--gc-surface, #fff);flex-wrap:wrap}.gc-legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--gc-text-2, #666)}.gc-legend-box{width:16px;height:10px;border-radius:2px}.gc-legend-line{width:16px;height:2px;border-radius:1px}.gc-legend-bl{background:#9c27b033;border:1px dashed rgba(156,39,176,.5)}.gc-pred-selector{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.gc-pred-type{width:60px!important;min-width:60px!important}.gc-pred-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.gc-pred-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;background:var(--accent-light);color:var(--color-primary)}.gc-pred-tag button{background:none;border:none;cursor:pointer;font-size:14px;color:var(--danger);padding:0;line-height:1}.gc-calc-date{font-size:12px;color:#27ae60;font-weight:600;padding:4px 0}.pm-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.pm-modal{background:var(--gc-surface, #fff);border-radius:14px;padding:24px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.pm-modal h3{margin:0 0 16px;font-size:17px;font-weight:700;color:var(--gc-text, #1e293b)}.pm-modal-lg{max-width:580px}.pm-form-group{margin-bottom:14px}.pm-form-group:last-child{margin-bottom:0}.pm-form-group .pm-label{display:block;margin-bottom:5px;font-size:12px;font-weight:600;color:var(--gc-text-2, #555)}.pm-form-row{display:flex;gap:10px}.pm-form-row .pm-form-group{flex:1}.pm-label{font-size:12px;font-weight:600;color:var(--gc-text-2, #333)}.pm-input{padding:8px 12px;border:1px solid var(--gc-border, #e0e0e0);border-radius:7px;font-size:13px;width:100%;box-sizing:border-box;background:var(--gc-surface, #fff);color:var(--gc-text, #1e293b)}.pm-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--accent-light)}.pm-select{padding:8px 12px;border:1px solid var(--gc-border, var(--border-color));border-radius:7px;font-size:13px;min-width:120px;background:var(--gc-surface, var(--bg-card));color:var(--gc-text, var(--color-primary))}.pm-select:focus{outline:none;border-color:var(--color-primary)}.pm-range{width:100%;height:6px;cursor:pointer;accent-color:var(--btn-primary-bg)}.pm-modal-buttons{display:flex;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--gc-border, var(--border-color))}.pm-modal-buttons button{flex:1}.pm-btn-primary{padding:8px 16px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer}.pm-btn-primary:hover{opacity:.9}.pm-btn-secondary{padding:8px 16px;background:var(--gc-bg, var(--bg-surface));color:var(--gc-text, var(--color-primary));border:1px solid var(--gc-border, var(--border-color));border-radius:7px;font-size:13px;font-weight:500;cursor:pointer}.pm-btn-secondary:hover{background:var(--bg-surface-hover)}.pm-btn-sm{padding:5px 10px;background:var(--bg-surface);color:var(--gc-text, var(--color-primary));border:none;border-radius:5px;font-size:11px;cursor:pointer}.pm-btn-sm:hover{background:var(--bg-surface-hover)}.pm-btn-sm.pm-btn-danger{background:var(--danger-light);color:var(--danger)}.pm-btn-sm.pm-btn-danger:hover{background:var(--danger-light)}.pm-baseline-info{padding:10px;background:#f3e5f5;border-radius:7px;font-size:12px;color:#7b1fa2;margin-top:8px}.pm-variance{color:#e53935;font-weight:600}.pm-revisions-list{max-height:260px;overflow-y:auto;margin:10px 0}.pm-revision-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:var(--gc-bg, #f8f9fa);border-radius:7px;margin-bottom:6px}.pm-revision-info{display:flex;flex-direction:column;gap:2px}.pm-revision-date{font-size:11px;color:var(--gc-text-2, #666)}.pm-revision-note{font-size:13px;color:var(--gc-text, #333)}.pm-revision-actions{display:flex;gap:6px}.pm-resources-list{max-height:220px;overflow-y:auto;margin:10px 0}.pm-resource-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--gc-bg, #f8f9fa);border-radius:7px;margin-bottom:6px;font-size:13px}.pm-no-tasks{padding:24px;text-align:center;color:var(--gc-text-2, #999);font-size:13px}.pm-context-menu{position:fixed;background:var(--gc-surface, #fff);border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid var(--gc-border, #e0e0e0);z-index:2000;min-width:150px;padding:4px}.pm-context-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;border-radius:5px;font-size:13px;color:var(--gc-text, #333);cursor:pointer;text-align:left}.pm-context-item:hover{background:var(--gc-hover, #f0f2f5)}.pm-context-item.pm-context-danger{color:#e53935}.pm-context-item.pm-context-danger:hover{background:#ffebee}.gc-fit-wrapper{flex:1;overflow:hidden;position:relative;min-height:0}.gc-fit-active{overflow:hidden}.gc-gantt-fitted,.gc-gantt-fitted .gc-timeline,.gc-gantt-fitted .gc-tasklist,.gc-gantt-fitted .gc-tl-body,.gc-gantt-fitted .gc-tm-body{overflow:visible!important}.gc-btn-active{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}.gc-btn-active:hover{background:#1d4ed8!important}[data-theme=dark] .gc-btn-active{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}@media (max-width: 900px){.gc-topbar{padding:6px 10px}.gc-sidebar{width:180px;min-width:180px}.gc-tasklist{width:280px;min-width:280px}.gc-tl-h-date,.gc-tl-date{display:none}.gc-stats-bar{flex-wrap:nowrap}}@media (max-width: 640px){.gc-sidebar{display:none}.gc-tasklist{width:200px;min-width:200px}.gc-tl-h-pred,.gc-tl-pred{display:none}.pm-form-row{flex-direction:column}.pm-modal{padding:18px}}[data-theme=dark]{--gc-bg: #1a1a2e;--gc-surface: #252535;--gc-border: rgba(255,255,255,.08);--gc-text: #e8e8f0;--gc-text-2: #94a3b8;--gc-hover: rgba(255,255,255,.04)}[data-theme=dark] .gc-vtab.active{background:#1e1e2e}[data-theme=dark] .gc-tm-weekend{background:#ffffff05}[data-theme=dark] .gc-tm-today{background:#2563eb1f}[data-theme=dark] .gc-tm-gridline{border-color:#ffffff08}[data-theme=dark] .gc-tm-gl-weekend{background:#ffffff04}[data-theme=dark] .gc-tm-rowline{border-color:#ffffff0a}[data-theme=dark] .gc-bar{box-shadow:0 1px 3px #00000040}[data-theme=dark] .gc-bar-remaining{background:#444}[data-theme=dark] .gc-bar-handle:hover{background:#ffffff26}[data-theme=dark] .gc-tl-row:hover{background:#ffffff08}[data-theme=dark] .gc-tl-phase{background:#ffffff0a!important}[data-theme=dark] .gc-table tr:hover{background:#ffffff08}[data-theme=dark] .gc-row-phase{background:#ffffff0a!important}[data-theme=dark] .gc-status-complete{background:#2e7d3233;color:#66bb6a}[data-theme=dark] .gc-status-in-progress{background:#1565c033;color:#64b5f6}[data-theme=dark] .gc-status-not-started{background:#ffffff0d;color:#999}[data-theme=dark] .pm-modal{background:#252535}[data-theme=dark] .pm-input,[data-theme=dark] .pm-select{background:#1e1e2e;border-color:#444;color:#e8e8f0}[data-theme=dark] .pm-btn-secondary{background:#1e1e2e;border-color:#444;color:#ccc}[data-theme=dark] .pm-revision-item,[data-theme=dark] .pm-resource-item{background:#1e1e2e}[data-theme=dark] .pm-context-menu{background:#252535;border-color:#444}[data-theme=dark] .pm-context-item{color:#e8e8f0}[data-theme=dark] .pm-context-item:hover{background:#ffffff0f}[data-theme=dark] .pm-baseline-info{background:#9c27b026;color:#ce93d8}[data-theme=dark] .gc-ws-del:hover{background:#dc262633;color:#fca5a5}[data-theme=dark] .gc-pred-tag{background:#00088826;color:#6a6af0}.project-detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.project-detail-btn-add{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#333;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.project-detail-btn-add:hover{background:#555}.project-detail-btn-add span{font-size:18px}.project-detail-task-list{display:flex;flex-direction:column;gap:12px}.project-detail-no-tasks{color:#666;font-size:14px;margin:0;padding:20px 0}.project-detail-task-row{padding:12px 16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.project-detail-task-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.project-detail-task-name{font-weight:600;color:#333}.project-detail-task-status{font-size:12px;padding:4px 8px;border-radius:6px;background:#e3f2fd;color:#1976d2}.project-detail-task-ratio{font-size:14px;font-weight:600;color:#333}.project-detail-progress-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:8px}.project-detail-progress-fill{height:100%;border-radius:4px;transition:width .2s}.project-detail-edit-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.project-detail-edit-inline input[type=range]{width:120px}.project-detail-task-actions{display:flex;gap:8px}.project-detail-btn-small{padding:6px 12px;font-size:12px;background:#2196f3;color:#fff;border:none;border-radius:6px;cursor:pointer}.project-detail-btn-small.project-detail-btn-delete{background:#e53935}.project-detail-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.project-detail-modal-content{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:400px;box-shadow:0 8px 32px #0003;border:1px solid rgba(0,0,0,.06)}.project-detail-modal-label{display:block;font-size:13px;font-weight:600;color:#555;margin:12px 0 6px}.project-detail-modal-input{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;box-sizing:border-box}.project-detail-modal-buttons{display:flex;gap:12px;margin-top:20px}.project-detail-btn-save{padding:10px 18px;background:#333;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.project-detail-btn-save:hover{background:#555}@media (max-width: 640px){.project-detail-actions{flex-direction:column}.project-detail-edit-inline{flex-direction:column;align-items:flex-start;gap:6px}.project-detail-edit-inline input[type=range]{width:100%}.project-detail-modal-content{width:95%;padding:20px}}.app-page .equipment-success-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 0}.app-page .equipment-success-icon{width:80px;height:80px;border-radius:50%;background:var(--btn-primary-bg);display:flex;align-items:center;justify-content:center;color:var(--btn-primary-text);margin-bottom:24px}.app-page .equipment-request-form{display:flex;flex-direction:column;gap:24px}.app-page .equipment-form-section{padding-bottom:24px;border-bottom:1px solid var(--bg-surface-hover)}.app-page .equipment-form-section:last-of-type{border-bottom:none;padding-bottom:0}.app-page .equipment-form-group{margin-bottom:20px}.app-page .equipment-form-group:last-child{margin-bottom:0}.app-page .equipment-form-label{display:block;font-size:14px;font-weight:600;color:var(--color-primary);margin-bottom:8px}.app-page .equipment-required{color:var(--danger)}.app-page .equipment-form-input,.app-page .equipment-form-textarea,.app-page .equipment-form-select{width:100%;padding:12px 16px;border:1px solid var(--input-border);border-radius:8px;font-size:14px;font-family:inherit;color:var(--color-primary);background:var(--bg-card);transition:border-color .2s;box-sizing:border-box}.app-page .equipment-form-input:focus,.app-page .equipment-form-textarea:focus,.app-page .equipment-form-select:focus{outline:none;border-color:var(--accent)}.app-page .equipment-form-textarea{resize:vertical;min-height:80px}.app-page .equipment-form-select{cursor:pointer;appearance:auto}.app-page .equipment-form-actions{display:flex;gap:12px;margin-top:8px;padding-top:24px;border-top:1px solid var(--bg-surface-hover)}.app-page .equipment-submit-button{flex:1;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;background:var(--btn-primary-bg);color:var(--btn-primary-text);transition:transform .2s,box-shadow .2s}.app-page .equipment-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.app-page .equipment-submit-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.app-page .equipment-form-actions{flex-direction:column}}.app-page .audit-success-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 0}.app-page .audit-success-icon{width:80px;height:80px;border-radius:50%;background:var(--btn-primary-bg);display:flex;align-items:center;justify-content:center;color:var(--btn-primary-text);margin-bottom:24px}.app-page .audit-request-form{display:flex;flex-direction:column;gap:24px}.app-page .audit-form-section{padding-bottom:24px;border-bottom:1px solid var(--border-color)}.app-page .audit-form-section:last-of-type{border-bottom:none;padding-bottom:0}.app-page .audit-form-group{margin-bottom:20px}.app-page .audit-form-group:last-child{margin-bottom:0}.app-page .audit-form-label{display:block;font-size:14px;font-weight:600;color:var(--color-primary);margin-bottom:8px}.app-page .audit-required{color:var(--danger)}.app-page .audit-form-input,.app-page .audit-form-textarea,.app-page .audit-form-select{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-family:inherit;color:var(--color-primary);background:var(--bg-card);transition:border-color .2s;box-sizing:border-box}.app-page .audit-form-input:focus,.app-page .audit-form-textarea:focus,.app-page .audit-form-select:focus{outline:none;border-color:var(--accent)}.app-page .audit-form-textarea{resize:vertical;min-height:80px}.app-page .audit-form-select{cursor:pointer;appearance:auto}.app-page .audit-form-file{width:100%;padding:12px;border:2px dashed var(--border-color);border-radius:8px;font-size:14px;color:var(--color-secondary);cursor:pointer;background:var(--bg-surface)}.app-page .audit-form-file:focus{outline:none;border-color:var(--accent)}.app-page .audit-attachment-list{list-style:none;padding:0;margin:12px 0 0}.app-page .audit-attachment-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-surface);border-radius:8px;margin-bottom:8px;font-size:14px;color:var(--color-primary)}.app-page .audit-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}.app-page .audit-attachment-remove{flex-shrink:0;width:28px;height:28px;border:none;background:var(--bg-surface-hover);border-radius:50%;font-size:18px;line-height:1;cursor:pointer;color:var(--color-secondary);display:flex;align-items:center;justify-content:center;padding:0}.app-page .audit-attachment-remove:hover{background:var(--danger);color:var(--btn-primary-text)}.app-page .audit-form-actions{display:flex;gap:12px;margin-top:8px;padding-top:24px;border-top:1px solid var(--border-color)}.app-page .audit-submit-button{flex:1;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;background:var(--btn-primary-bg);color:var(--btn-primary-text);transition:transform .2s,box-shadow .2s}.app-page .audit-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.app-page .audit-submit-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.app-page .audit-form-actions{flex-direction:column}.app-page .audit-attachment-remove{width:36px;height:36px}}.resources-page{max-width:800px;margin:0 auto}.resources-page-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.resources-page-subtitle{font-size:14px;color:var(--color-secondary);margin:0 0 24px}.resources-card{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.resources-placeholder{font-size:14px;color:var(--color-secondary);margin:0 0 16px}.resources-link-btn{padding:10px 16px;border-radius:8px;border:1px solid var(--bg-surface-hover);background:var(--bg-surface);font-size:14px;font-weight:500;color:var(--color-primary);cursor:pointer}.resources-link-btn:hover{background:var(--bg-surface-hover)}@media (max-width: 640px){.resources-page{max-width:100%;padding:0}.resources-card{padding:16px}.resources-page-title{font-size:20px}}.cost-mgmt-page{max-width:100%;margin:0 auto;overflow-x:hidden;padding:20px}.cost-mgmt-header{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:16px}.cost-mgmt-back-link{display:inline-block;color:var(--color-secondary);text-decoration:none;font-size:14px;margin-bottom:12px;transition:color .2s}.cost-mgmt-back-link:hover{color:var(--color-primary)}.cost-mgmt-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.cost-mgmt-subtitle{font-size:15px;color:var(--color-secondary);margin:0}.cost-mgmt-indicators{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.cost-mgmt-indicator-card{background:var(--bg-card);border-radius:12px;padding:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);display:flex;align-items:center;gap:16px}.cost-mgmt-indicator-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cost-mgmt-indicator-icon.blue{background:var(--accent-light);color:var(--color-primary)}.cost-mgmt-indicator-icon.green{background:#2ecc7126;color:#27ae60}.cost-mgmt-indicator-icon.orange{background:#e67e2226;color:#d35400}.cost-mgmt-indicator-icon.red{background:var(--danger-light);color:var(--danger)}.cost-mgmt-indicator-icon.purple{background:#9b59b626;color:#8e44ad}.cost-mgmt-indicator-value{font-size:28px;font-weight:700;color:var(--color-primary);line-height:1.2}.cost-mgmt-indicator-label{font-size:13px;color:var(--color-secondary);margin-top:4px}.cost-mgmt-main{display:grid;grid-template-columns:1fr 280px;gap:12px;align-items:start}.cost-mgmt-card{background:var(--bg-card);border-radius:12px;padding:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.cost-mgmt-card-title{font-size:18px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.cost-mgmt-card-subtitle{font-size:14px;color:var(--color-secondary);margin:0 0 12px}.cost-mgmt-pages-list{display:flex;flex-direction:column;gap:12px}.cost-mgmt-page-item{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--bg-surface);border-radius:10px;cursor:pointer;transition:all .2s}.cost-mgmt-page-item:hover{background:var(--bg-surface-hover);box-shadow:var(--shadow-sm);transform:translate(4px)}.cost-mgmt-page-icon{width:44px;height:44px;border-radius:10px;background:var(--accent-light);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.cost-mgmt-page-info{flex:1}.cost-mgmt-page-name{font-size:15px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.cost-mgmt-page-desc{font-size:13px;color:var(--color-secondary);margin:0}.cost-mgmt-page-arrow{color:var(--color-muted);font-size:18px;margin-left:12px;transition:transform .2s}.cost-mgmt-page-item:hover .cost-mgmt-page-arrow{transform:translate(4px)}.cost-mgmt-actions-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.cost-mgmt-action-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;border-radius:8px;background:var(--bg-surface);width:100%;text-align:left;font-size:14px;font-weight:500;color:var(--color-primary);cursor:pointer;transition:all .2s}.cost-mgmt-action-item:hover{background:var(--bg-surface-hover);box-shadow:0 2px 6px #0000000f}.cost-mgmt-action-icon{width:40px;height:40px;border-radius:8px;background:var(--bg-surface-hover);display:flex;align-items:center;justify-content:center;color:var(--color-secondary);flex-shrink:0}.cost-mgmt-action-item:hover .cost-mgmt-action-icon{background:var(--bg-surface-hover)}.cost-mgmt-recent{border-top:1px solid var(--bg-surface);padding-top:16px}.cost-mgmt-recent-title{font-size:14px;font-weight:600;color:var(--color-secondary);margin:0 0 12px}.cost-mgmt-recent-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-surface);border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s}.cost-mgmt-recent-item:hover{background:var(--bg-surface-hover)}.recent-product-info{display:flex;flex-direction:column}.recent-product-name{font-size:13px;font-weight:600;color:var(--color-primary)}.recent-product-sku{font-size:11px;color:var(--color-muted);margin-top:2px}.recent-product-cost{display:flex;flex-direction:column;align-items:flex-end}.recent-cost-current{font-size:14px;font-weight:600;color:var(--color-primary)}.recent-cost-variance{font-size:11px;font-weight:500;margin-top:2px}.recent-cost-variance.over{color:var(--danger)}.recent-cost-variance.under{color:#27ae60}.cost-mgmt-categories-card{margin-bottom:16px}.cost-categories-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.cost-category-item{background:var(--bg-surface);border-radius:10px;padding:16px}.category-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.category-dot{width:12px;height:12px;border-radius:50%}.category-name{font-size:13px;font-weight:600;color:var(--color-secondary)}.category-value{font-size:20px;font-weight:700;color:var(--color-primary);margin-bottom:8px}.category-bar{height:6px;background:var(--border-color);border-radius:3px;overflow:hidden;margin-bottom:8px}.category-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.category-percent{font-size:12px;color:var(--color-muted)}@media (max-width: 1200px){.cost-categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.cost-mgmt-indicators{grid-template-columns:repeat(2,1fr)}.cost-mgmt-main{grid-template-columns:1fr}.cost-categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.cost-mgmt-indicators{grid-template-columns:1fr;gap:12px}.cost-mgmt-indicator-value{font-size:24px}.cost-categories-grid{grid-template-columns:1fr}}.cost-mgmt-indicator-clickable{cursor:pointer;transition:transform .15s,box-shadow .15s;position:relative}.cost-mgmt-indicator-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #192a561a}.cm-edit-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--color-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.cm-edit-btn:hover{background:var(--bg-surface);color:var(--color-primary)}.cm-modal-overlay{position:fixed;inset:0;z-index:5000;background:#00000073;display:flex;align-items:center;justify-content:center;padding:24px}.cm-modal{background:var(--bg-card);border-radius:14px;width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:cmModalIn .2s ease}@keyframes cmModalIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light)}.cm-modal-header h3{margin:0;font-size:16px;font-weight:700;color:var(--color-primary)}.cm-modal-close{background:none;border:none;font-size:20px;color:var(--color-muted);cursor:pointer;padding:4px;border-radius:6px;line-height:1}.cm-modal-close:hover{background:var(--bg-surface);color:var(--color-primary)}.cm-modal-body{padding:16px 20px}.cm-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px 16px}.cm-modal-cancel{padding:8px 16px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--color-secondary);font-size:13px;font-weight:600;cursor:pointer}.cm-modal-save{padding:8px 16px;border-radius:8px;border:none;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:13px;font-weight:700;cursor:pointer}.cm-modal-save:hover{background:var(--btn-primary-hover)}.cm-field-label{display:block;font-size:12px;font-weight:700;color:var(--color-secondary);margin-bottom:6px}.cm-field-input{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-input);color:var(--color-primary)}.cm-field-input:focus{outline:none;border-color:var(--color-primary)}.cost-calc-page{max-width:100%;margin:0 auto;overflow-x:hidden}.cost-calc-header{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:24px}.cost-calc-back-link{display:inline-block;color:var(--color-secondary);text-decoration:none;font-size:14px;margin-bottom:12px;transition:color .2s}.cost-calc-back-link:hover{color:var(--color-primary)}.cost-calc-header-row{display:flex;justify-content:space-between;align-items:flex-start}.cost-calc-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.cost-calc-subtitle{font-size:15px;color:var(--color-secondary);margin:0}.cost-calc-new-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cost-calc-new-btn:hover{opacity:.9;transform:translateY(-1px)}.cost-calc-content{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start;min-width:0}.cost-calc-sidebar{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);position:sticky;top:20px}.sidebar-title{font-size:16px;font-weight:600;color:var(--color-primary);margin:0 0 16px}.sidebar-empty{font-size:13px;color:var(--color-muted);text-align:center;padding:20px 0}.product-list{display:flex;flex-direction:column;gap:10px}.product-list-item{padding:14px 16px;background:var(--bg-surface);border-radius:10px;cursor:pointer;transition:all .2s;border:2px solid transparent;position:relative}.product-list-item:hover{background:var(--bg-surface-hover)}.product-list-item.active{background:var(--accent-light);border-color:var(--btn-primary-bg)}.product-list-info{display:flex;flex-direction:column;margin-bottom:8px}.product-list-name{font-size:14px;font-weight:600;color:var(--color-primary)}.product-list-sku{font-size:12px;color:var(--color-muted);margin-top:2px}.product-list-cost{display:flex;justify-content:space-between;align-items:center}.product-list-current{font-size:16px;font-weight:700;color:var(--color-primary);font-family:SF Mono,Roboto Mono,monospace}.product-list-status{font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px}.product-list-status.on-target{background:#2ecc7126;color:#27ae60}.product-list-status.over{background:var(--danger-light);color:var(--danger);font-family:SF Mono,Roboto Mono,monospace;font-size:10px}.product-list-actions{display:flex;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-light)}.pla-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.pla-btn.edit{background:var(--accent-light);color:var(--color-primary)}.pla-btn.edit:hover{background:var(--accent-light);opacity:.9}.pla-btn.delete{background:var(--danger-light);color:var(--danger)}.pla-btn.delete:hover{background:var(--danger-light);opacity:.9}.cost-calc-main{display:flex;flex-direction:column;gap:20px}.cost-calc-card{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.cost-calc-empty{background:var(--bg-card);border-radius:12px;padding:60px 40px;text-align:center;color:var(--color-secondary);border:2px dashed var(--border-color);display:flex;flex-direction:column;align-items:center;gap:12px}.cost-calc-empty h3{margin:0;font-size:18px;color:var(--color-primary)}.cost-calc-empty p{margin:0 0 8px;font-size:14px}.product-info-header{display:flex;justify-content:space-between;align-items:flex-start}.product-info-name{font-size:20px;font-weight:600;color:var(--color-primary);margin:0 0 10px}.product-info-meta{display:flex;gap:12px;flex-wrap:wrap}.product-info-meta span{font-size:12px;padding:4px 10px;border-radius:4px;background:var(--bg-surface);color:var(--color-secondary)}.product-status.active{background:#2ecc7126!important;color:#27ae60!important}.product-status.development{background:var(--accent-light)!important;color:var(--color-primary)!important}.product-status.archived{background:#95a5a626!important;color:#7f8c8d!important}.product-cost-summary{display:flex;gap:24px}.cost-summary-item{display:flex;flex-direction:column;align-items:flex-end}.cost-label{font-size:12px;color:var(--color-secondary);margin-bottom:4px}.cost-value{font-size:20px;font-weight:700;font-family:SF Mono,Roboto Mono,monospace}.cost-value.target,.cost-value.current{color:var(--color-primary)}.cost-value.variance.over{color:var(--danger)}.cost-value.variance.under{color:#27ae60}.variance-pct{font-size:13px;font-weight:500;opacity:.8}.bom-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.bom-title{font-size:16px;font-weight:600;color:var(--color-primary);margin:0}.bom-add-btn{padding:8px 16px;background:var(--bg-surface);border:none;border-radius:6px;font-size:13px;font-weight:500;color:var(--color-primary);cursor:pointer;transition:all .2s}.bom-add-btn:hover{background:var(--bg-surface-hover)}.bom-table-wrapper{overflow-x:auto}.bom-table{width:100%;border-collapse:collapse;table-layout:fixed}.bom-table th,.bom-table td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--bg-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bom-table th{font-size:11px;font-weight:600;color:var(--color-secondary);text-transform:uppercase;background:var(--bg-surface);letter-spacing:.5px}.bom-table td{font-size:14px;color:var(--color-primary)}.bom-component{font-weight:500}.bom-supplier{color:var(--color-secondary)}.bom-qty,.bom-unit{text-align:center}.bom-unit-cost,.bom-total-cost{text-align:right;font-family:SF Mono,Roboto Mono,monospace;font-weight:500}.bom-pct{text-align:right;font-size:12px;color:var(--color-muted);font-family:SF Mono,Roboto Mono,monospace}.bom-actions{display:flex;gap:8px}.bom-action-btn{padding:6px 10px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.bom-action-btn.edit{background:var(--accent-light);color:var(--color-primary)}.bom-action-btn.delete{background:var(--danger-light);color:var(--danger)}.bom-action-btn.save{background:var(--accent-light);color:var(--color-primary)}.bom-action-btn.cancel{background:var(--bg-surface);color:var(--color-secondary)}.bom-action-btn:hover{opacity:.8}.bom-subtotal{background:var(--bg-surface)}.bom-subtotal td{font-weight:600;border-bottom:none}.bom-editing-row{background:var(--bg-surface)}.bom-inline-input{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--color-primary);transition:border-color .2s}.bom-inline-input.narrow{width:90px}.bom-inline-input:focus{outline:none;border-color:var(--btn-primary-bg)}.bom-inline-select{padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--color-primary);background:var(--bg-card)}.other-costs-title{font-size:16px;font-weight:600;color:var(--color-primary);margin:0 0 6px}.other-costs-hint{font-size:13px;color:var(--color-muted);margin:0 0 20px}.other-costs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.other-cost-item label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--color-secondary);margin-bottom:8px}.cost-cat-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.cost-input-wrapper{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;left:12px;font-size:14px;color:var(--color-muted);z-index:1}.cost-input-wrapper input{width:100%;padding:12px 12px 12px 28px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;font-weight:600;color:var(--color-primary);font-family:SF Mono,Roboto Mono,monospace;transition:border-color .2s}.cost-input-wrapper input:focus{outline:none;border-color:var(--btn-primary-bg)}.cost-item-bar{height:4px;background:var(--bg-surface);border-radius:2px;overflow:hidden;margin-top:8px}.cost-item-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.cost-item-pct{display:block;font-size:11px;color:var(--color-muted);margin-top:4px;text-align:right}.other-costs-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--bg-surface)}.total-cost-display{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--color-secondary)}.total-cost-value{font-size:24px;font-weight:700;color:var(--color-primary);font-family:SF Mono,Roboto Mono,monospace}.save-costs-btn{padding:12px 24px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.save-costs-btn:hover{opacity:.9;transform:translateY(-1px)}.breakdown-title{font-size:16px;font-weight:600;color:var(--color-primary);margin:0 0 20px}.breakdown-bars{display:flex;flex-direction:column;gap:16px}.breakdown-bar-item{display:flex;flex-direction:column;gap:8px}.breakdown-bar-header{display:flex;justify-content:space-between;align-items:center}.breakdown-bar-name{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.breakdown-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.breakdown-bar-value{font-size:14px;color:var(--color-primary);font-family:SF Mono,Roboto Mono,monospace;font-weight:500}.bar-pct{color:var(--color-muted);font-size:12px}.breakdown-bar-track{height:10px;background:var(--bg-surface);border-radius:5px;overflow:hidden}.breakdown-bar-fill{height:100%;border-radius:5px;transition:width .3s ease}.breakdown-total-row{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:2px solid var(--border-color);font-size:16px;font-weight:600;color:var(--color-primary)}.breakdown-total-value{font-size:20px;font-weight:700;color:var(--color-primary);font-family:SF Mono,Roboto Mono,monospace}.price-card-title{font-size:16px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.price-card-subtitle{font-size:13px;color:var(--color-muted);margin:0 0 20px}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.price-input-section{display:flex;flex-direction:column;gap:18px}.price-input-group label{display:block;font-size:13px;font-weight:500;color:var(--color-secondary);margin-bottom:8px}.margin-slider-row{display:flex;align-items:center;gap:14px}.margin-slider{flex:1;-webkit-appearance:none;appearance:none;height:8px;background:linear-gradient(90deg,var(--danger),#f39c12,#27ae60);border-radius:4px;outline:none}.margin-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--bg-card);border:3px solid var(--btn-primary-bg);cursor:pointer;box-shadow:var(--shadow-sm)}.margin-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--bg-card);border:3px solid var(--btn-primary-bg);cursor:pointer;box-shadow:var(--shadow-sm)}.margin-value{font-size:18px;font-weight:700;color:var(--color-primary);min-width:50px;text-align:right;font-family:SF Mono,Roboto Mono,monospace}.use-recommended-btn{padding:12px 20px;background:var(--accent-light);border:2px dashed var(--btn-primary-bg);border-radius:10px;color:var(--color-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.use-recommended-btn:hover{background:var(--accent-light);opacity:.9}.price-results{background:var(--bg-surface);border-radius:12px;padding:20px}.price-result-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.pr-label{font-size:14px;color:var(--color-secondary)}.pr-value{font-size:18px;font-weight:700;font-family:SF Mono,Roboto Mono,monospace;color:var(--color-primary)}.pr-value.highlight{color:var(--color-primary);font-size:22px}.pr-value.positive{color:#27ae60}.pr-value.negative{color:var(--danger)}.price-result-divider{height:1px;background:var(--border-color);margin:6px 0}.margin-gauge{margin-top:16px}.margin-gauge-track{position:relative;height:12px;background:var(--bg-surface-hover);border-radius:6px;overflow:visible}.margin-gauge-fill{height:100%;border-radius:6px;transition:width .3s ease}.margin-gauge-fill.good{background:linear-gradient(90deg,#2ecc71,#27ae60)}.margin-gauge-fill.warning{background:linear-gradient(90deg,#f39c12,#e67e22)}.margin-gauge-fill.bad{background:linear-gradient(90deg,var(--danger),var(--danger-hover))}.margin-target-line{position:absolute;top:-6px;width:2px;height:24px;background:var(--color-primary);transform:translate(-50%)}.target-label{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:10px;font-weight:600;color:var(--color-primary);white-space:nowrap;background:var(--bg-card);padding:2px 6px;border-radius:3px;box-shadow:var(--shadow-sm)}.margin-gauge-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:10px;color:var(--color-muted)}.cost-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.cost-modal{background:var(--bg-card);border-radius:12px;width:100%;max-width:500px;box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.cost-modal-confirm{max-width:440px}.cost-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--bg-surface)}.confirm-text{font-size:15px;color:var(--color-secondary);line-height:1.5;margin:0}.modal-form-group input,.modal-form-group select{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--color-primary);transition:border-color .2s;box-sizing:border-box}.modal-form-group input:focus,.modal-form-group select:focus{outline:none;border-color:var(--btn-primary-bg)}.modal-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.modal-form-row.three-col{grid-template-columns:repeat(3,1fr)}.cost-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--bg-surface)}.modal-btn.danger{background:var(--danger);color:var(--btn-primary-text)}.modal-btn.danger:hover{background:var(--danger-hover)}@media (max-width: 1200px){.other-costs-grid{grid-template-columns:repeat(2,1fr)}.price-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.cost-calc-content{grid-template-columns:1fr}.cost-calc-sidebar{position:static;order:1}.cost-calc-main{order:0}.product-info-header{flex-direction:column;gap:16px}.product-cost-summary{flex-wrap:wrap}}@media (max-width: 640px){.other-costs-grid{grid-template-columns:1fr}.other-costs-footer{flex-direction:column;gap:16px;align-items:stretch}.total-cost-display{justify-content:space-between}.modal-form-row,.modal-form-row.three-col{grid-template-columns:1fr}}.cost-breakdown-page{max-width:100%;margin:0 auto;overflow-x:hidden}.cost-breakdown-header{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:24px}.cost-breakdown-back-link{display:inline-block;color:var(--color-secondary);text-decoration:none;font-size:14px;margin-bottom:12px;transition:color .2s}.cost-breakdown-back-link:hover{color:var(--color-primary)}.cost-breakdown-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.cost-breakdown-subtitle{font-size:15px;color:var(--color-secondary);margin:0}.breakdown-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.breakdown-summary-card{background:var(--bg-card);border-radius:10px;padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.summary-label{font-size:13px;color:var(--color-secondary);margin-bottom:8px}.breakdown-view-selector{display:flex;gap:8px;margin-bottom:24px}.view-btn{padding:10px 20px;border:1px solid var(--bg-surface-hover);border-radius:8px;background:var(--bg-card);font-size:14px;font-weight:500;color:var(--color-secondary);cursor:pointer;transition:all .2s}.view-btn:hover{background:var(--bg-surface)}.view-btn.active{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.breakdown-content{display:flex;flex-direction:column;gap:24px}.breakdown-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.breakdown-card{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.breakdown-card-title{font-size:16px;font-weight:600;color:var(--color-primary);margin:0 0 20px}.pie-chart-container{display:flex;justify-content:center;margin-bottom:20px}.pie-chart-container.small{margin-bottom:0}.pie-legend{display:flex;flex-direction:column;gap:10px}.pie-legend-item{display:flex;align-items:center;gap:10px}.legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.legend-name{flex:1;font-size:14px;color:var(--color-primary)}.legend-value{font-size:14px;font-weight:600;color:var(--color-secondary)}.category-bars{display:flex;flex-direction:column;gap:20px}.category-bar-row{display:flex;flex-direction:column;gap:8px}.category-bar-info{display:flex;justify-content:space-between;align-items:center}.category-bar-name{font-size:14px;font-weight:500;color:var(--color-primary)}.category-bar-value{font-size:14px;font-weight:600;color:var(--color-primary)}.category-bar-track{height:24px;background:var(--bg-surface);border-radius:4px;overflow:hidden}.category-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.category-bar-percent{font-size:12px;color:var(--color-muted);text-align:right}.products-table-wrapper{overflow-x:auto}.products-table{width:100%;border-collapse:collapse;table-layout:fixed}.products-table th,.products-table td{padding:10px 8px;text-align:right;border-bottom:1px solid var(--border-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.products-table th{font-size:12px;font-weight:600;text-transform:uppercase;background:var(--bg-surface)}.products-table th:first-child,.products-table td:first-child{text-align:left}.product-name-cell{display:flex;flex-direction:column}.product-name{font-size:14px;font-weight:600;color:var(--color-primary)}.product-sku{font-size:11px;color:var(--color-muted)}.cost-cell{font-family:SF Mono,monospace;font-size:13px}.cost-cell.total{font-weight:600;color:var(--color-primary)}.cost-cell.target{color:var(--color-primary)}.cost-cell.variance.over{color:var(--danger)}.cost-cell.variance.under{color:#27ae60}.totals-row{background:var(--bg-surface)}.category-selector{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.category-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid transparent;border-radius:8px;font-size:14px;font-weight:500;color:var(--color-primary);cursor:pointer;transition:all .2s}.category-btn:hover{background:var(--bg-surface)!important}.category-btn-dot{width:10px;height:10px;border-radius:50%}.category-products-list{display:flex;flex-direction:column;gap:16px}.category-product-item{display:flex;flex-direction:column;gap:8px}.category-product-info{display:flex;justify-content:space-between;align-items:center}.category-product-name{font-size:14px;font-weight:500;color:var(--color-primary)}.category-product-value{font-size:16px;font-weight:600;color:var(--color-primary)}.category-product-bar{height:8px;background:var(--bg-surface);border-radius:4px;overflow:hidden}.category-product-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.product-selector{display:flex;align-items:center;gap:12px;margin-bottom:20px}.product-selector label{font-size:14px;font-weight:500;color:var(--color-secondary)}.product-selector select{padding:10px 14px;border:1px solid var(--input-border);border-radius:8px;font-size:14px;color:var(--color-primary);min-width:300px;cursor:pointer}.product-selector select:focus{outline:none;border-color:var(--color-primary)}.product-detail-content{display:flex;flex-direction:column;gap:20px}.product-summary-card{display:flex;flex-direction:column}.product-detail-header{margin-bottom:20px}.product-detail-header h3{font-size:20px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.product-detail-sku{font-size:13px;color:var(--color-muted)}.product-cost-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cost-metric{display:flex;flex-direction:column;padding:16px;background:var(--bg-surface);border-radius:8px}.metric-label{font-size:12px;color:var(--color-secondary);margin-bottom:8px}.metric-value{font-size:24px;font-weight:700;color:var(--color-primary)}.metric-value.target{color:var(--color-primary)}.metric-value.over{color:var(--danger)}.metric-value.under{color:#27ae60}.product-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.product-category-item{padding:16px;background:var(--bg-surface);border-radius:8px;border-left:4px solid}.product-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.product-category-name{font-size:13px;font-weight:600;color:var(--color-secondary)}.product-category-percent{font-size:13px;font-weight:600;color:var(--color-muted)}.product-category-value{font-size:20px;font-weight:700;color:var(--color-primary);display:block;margin-bottom:12px}.product-category-bar{height:6px;background:var(--bg-surface-hover);border-radius:3px;overflow:hidden}.product-category-bar-fill{height:100%;border-radius:3px}.product-bom-table{width:100%;border-collapse:collapse;table-layout:fixed}.product-bom-table th,.product-bom-table td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--border-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-bom-table th{font-size:12px;font-weight:600;color:var(--color-secondary);text-transform:uppercase;background:var(--bg-surface)}.product-bom-table .supplier-cell{color:var(--color-secondary)}.product-bom-table .qty-cell{text-align:center}.product-bom-table .cost-cell{text-align:right;font-family:SF Mono,monospace}.product-bom-table .percent-cell{text-align:right;font-weight:600;color:var(--color-muted)}@media (max-width: 1024px){.breakdown-summary-cards{grid-template-columns:repeat(2,1fr)}.breakdown-row,.product-cost-metrics{grid-template-columns:1fr}}@media (max-width: 640px){.breakdown-summary-cards{grid-template-columns:1fr}.breakdown-view-selector{flex-direction:column}.view-btn{width:100%;text-align:center}.product-selector{flex-direction:column;align-items:stretch}.product-selector select{min-width:auto;width:100%}}.cost-scenarios-page{max-width:100%;margin:0 auto;overflow-x:hidden}.cost-scenarios-header{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:24px}.cost-scenarios-back-link{display:inline-block;color:var(--color-secondary);text-decoration:none;font-size:14px;margin-bottom:12px;transition:color .2s}.cost-scenarios-back-link:hover{color:var(--color-primary)}.cost-scenarios-header-row{display:flex;justify-content:space-between;align-items:flex-start}.cost-scenarios-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.cost-scenarios-subtitle{font-size:15px;color:var(--color-secondary);margin:0}.scenario-new-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.scenario-new-btn:hover{opacity:.9;transform:translateY(-1px)}.scenario-product-selector{display:flex;align-items:center;gap:12px;margin-bottom:24px;background:#fff;padding:16px 20px;border-radius:10px;box-shadow:0 2px 8px #0000000f}.scenario-product-selector label{font-size:14px;font-weight:500;color:#555}.scenario-product-selector select{padding:10px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;color:#333;min-width:350px;cursor:pointer}.scenario-product-selector select:focus{outline:none;border-color:#000888}.scenarios-content{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start;min-width:0}.scenario-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.06)}.scenario-card-title{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.baseline-card{position:sticky;top:20px}.baseline-product-name{font-size:14px;color:#666;margin:0 0 20px}.baseline-costs{display:flex;flex-direction:column;gap:12px}.baseline-cost-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--bg-surface)}.baseline-cost-item:last-child{border-bottom:none}.baseline-cost-item.total{padding-top:16px;margin-top:8px;border-top:2px solid var(--border-color);border-bottom:none}.baseline-cost-label{font-size:13px;font-weight:500}.baseline-cost-value{font-size:14px;font-weight:600;color:var(--color-primary);font-family:SF Mono,monospace}.baseline-cost-value.target{color:var(--color-primary)}.no-scenarios{text-align:center;padding:40px 20px;color:#666}.no-scenarios p{margin:0 0 16px}.create-scenario-link{background:none;border:none;color:#000888;font-size:14px;font-weight:500;cursor:pointer;text-decoration:underline}.scenarios-list{display:flex;flex-direction:column;gap:16px}.scenario-item{padding:20px;background:#f8f9fa;border-radius:10px;border:2px solid transparent;transition:all .2s}.scenario-item:hover{background:#f0f2f5}.scenario-item.selected{border-color:#000888;background:#f8f9ff}.scenario-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.scenario-item-name{font-size:15px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.scenario-item-desc{font-size:13px;color:var(--color-secondary);margin:0}.scenario-item-actions{display:flex;gap:8px}.compare-btn{padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);font-size:12px;font-weight:500;color:var(--color-secondary);cursor:pointer;transition:all .2s}.compare-btn:hover:not(:disabled){border-color:var(--btn-primary-bg);color:var(--color-primary)}.compare-btn.active{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.compare-btn:disabled{opacity:.5;cursor:not-allowed}.delete-btn{padding:6px 12px;border:none;border-radius:6px;background:var(--danger-light);font-size:12px;font-weight:500;color:var(--danger);cursor:pointer;transition:all .2s}.delete-btn:hover{background:var(--danger-light);opacity:.9}.scenario-adjustments{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.adjustment-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500;background:var(--bg-surface-hover);color:var(--color-secondary)}.adjustment-badge.increase{background:var(--danger-light);color:var(--danger)}.adjustment-badge.decrease{background:#2ecc7126;color:#27ae60}.scenario-results{display:flex;gap:24px;padding-top:12px;border-top:1px solid var(--border-color)}.scenario-result-item{display:flex;flex-direction:column}.result-label{font-size:11px;color:var(--color-muted);margin-bottom:4px}.result-value{font-size:18px;font-weight:700;color:var(--color-primary)}.result-value.increase{color:var(--danger)}.result-value.decrease{color:#27ae60}.comparison-card{grid-column:1 / -1;margin-top:24px}.comparison-table-wrapper{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;table-layout:fixed}.comparison-table th,.comparison-table td{padding:10px 8px;text-align:right;border-bottom:1px solid #f0f0f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-table th{font-size:13px;font-weight:600;color:#555;background:#f8f9fa}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left}.category-cell{font-weight:500}.value-cell{font-family:SF Mono,monospace;font-size:14px}.scenario-value{display:block}.scenario-diff{display:block;font-size:11px;margin-top:4px}.scenario-diff.increase{color:#e74c3c}.scenario-diff.decrease{color:#27ae60}.total-row{background:#f8f9fa}.target-row td{font-size:13px;color:#666}.value-cell.target{color:#2980b9}.value-cell.on-target{color:#27ae60;font-weight:600}.value-cell.over-target{color:#e74c3c;font-weight:600}.scenario-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.scenario-modal{background:var(--bg-card);border-radius:12px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.scenario-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--bg-surface);position:sticky;top:0;background:var(--bg-card);z-index:1}.scenario-modal-header h3{font-size:18px;font-weight:600;color:var(--color-primary);margin:0}.scenario-modal-body{padding:24px}.modal-form-group input,.modal-form-group select,.modal-form-group textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--color-primary);transition:border-color .2s}.modal-form-group input:focus,.modal-form-group select:focus,.modal-form-group textarea:focus{outline:none;border-color:var(--btn-primary-bg)}.modal-form-group textarea{resize:vertical;font-family:inherit}.adjustments-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--bg-surface)}.adjustments-section h4{font-size:15px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.adjustments-hint{font-size:13px;color:var(--color-muted);margin:0 0 16px}.adjustments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.adjustment-input-group label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.adjustment-input-wrapper{position:relative}.adjustment-input-wrapper input{width:100%;padding:10px 50px 10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;color:var(--color-primary)}.adjustment-input-wrapper input:focus{outline:none;border-color:var(--btn-primary-bg)}.adjustment-preview{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:600;color:var(--color-muted)}.scenario-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--bg-surface);background:var(--bg-card);position:sticky;bottom:0}.modal-btn.primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}@media (max-width: 1024px){.scenarios-content{grid-template-columns:1fr}.baseline-card{position:static}}@media (max-width: 640px){.cost-scenarios-header-row{flex-direction:column;gap:16px}.scenario-new-btn{width:100%;justify-content:center}.scenario-product-selector{flex-direction:column;align-items:stretch}.scenario-product-selector select{min-width:auto;width:100%}.scenario-item-header,.scenario-results{flex-direction:column;gap:12px}.adjustments-grid{grid-template-columns:1fr 1fr}}.cost-targets-page{max-width:100%;margin:0 auto;overflow-x:hidden}.cost-targets-header{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:24px}.cost-targets-back-link{display:inline-block;color:var(--color-secondary);text-decoration:none;font-size:14px;margin-bottom:12px;transition:color .2s}.cost-targets-back-link:hover{color:var(--color-primary)}.cost-targets-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.cost-targets-subtitle{font-size:15px;color:var(--color-secondary);margin:0}.targets-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.targets-summary-card{background:var(--bg-card);border-radius:10px;padding:20px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px}.summary-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-icon.green{background:#2ecc7126;color:#27ae60}.summary-icon.orange{background:#e67e2226;color:#d35400}.summary-icon.blue{background:#3498db26;color:var(--color-primary)}.summary-icon.red{background:var(--danger-light);color:var(--danger)}.summary-content{display:flex;flex-direction:column}.summary-value{font-size:22px;font-weight:700;color:var(--color-primary)}.summary-value.over{color:var(--danger)}.summary-value.under{color:#27ae60}.summary-label{font-size:13px;color:var(--color-secondary);margin-top:4px}.targets-card{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:24px}.targets-card-title{font-size:18px;font-weight:600;color:var(--color-primary);margin:0 0 20px}.targets-list{display:flex;flex-direction:column;gap:16px}.target-item{padding:20px;background:var(--bg-surface);border-radius:12px;border-left:4px solid var(--bg-surface-hover);transition:all .2s}.target-item.on-target{border-left-color:#27ae60}.target-item.close{border-left-color:#f39c12}.target-item.over-budget{border-left-color:var(--danger)}.target-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.target-product-name{font-size:16px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.target-product-sku{font-size:12px;color:var(--color-muted)}.target-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.target-status-badge.on-target{background:#2ecc7126;color:#27ae60}.target-status-badge.close{background:#f39c1226;color:#d68910}.target-status-badge.over-budget{background:var(--danger-light);color:var(--danger)}.target-costs-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:20px;align-items:center;margin-bottom:16px}.target-cost-block{display:flex;flex-direction:column}.cost-block-label{font-size:12px;color:var(--color-secondary);margin-bottom:6px}.cost-block-value{font-size:20px;font-weight:700;font-family:SF Mono,monospace}.cost-block-value.current,.cost-block-value.target{color:var(--color-primary)}.cost-block-value.variance.over{color:var(--danger)}.cost-block-value.variance.under{color:#27ae60}.target-edit-input{display:flex;align-items:center;gap:4px}.currency-prefix{font-size:16px;font-weight:600;color:var(--color-muted)}.target-edit-input input{width:120px;padding:8px 12px;border:2px solid var(--btn-primary-bg);border-radius:6px;font-size:18px;font-weight:600;color:var(--color-primary)}.target-edit-input input:focus{outline:none}.target-actions{display:flex;gap:8px}.target-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.target-btn.edit{background:var(--accent-light);color:var(--color-primary)}.target-btn.edit:hover{background:var(--accent-light)}.target-btn.save{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.target-btn.save:hover{background:var(--btn-primary-hover)}.target-btn.cancel{background:var(--bg-surface);color:var(--color-secondary)}.target-btn.cancel:hover{background:var(--bg-surface-hover)}.target-progress{margin-bottom:16px}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;color:var(--color-secondary)}.progress-percent{font-weight:600;color:var(--color-primary)}.progress-bar-track{height:12px;background:var(--bg-surface-hover);border-radius:6px;overflow:hidden;display:flex}.progress-bar-fill{height:100%;border-radius:6px 0 0 6px;transition:width .3s ease}.progress-bar-fill.on-target{background:linear-gradient(90deg,#27ae60,#2ecc71)}.progress-bar-fill.close{background:linear-gradient(90deg,#f39c12,#f1c40f)}.progress-bar-fill.over-budget{background:linear-gradient(90deg,#c0392b,#e74c3c)}.progress-bar-remaining{height:100%;background:var(--bg-surface)}.target-breakdown{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--border-color)}.breakdown-label{font-size:12px;color:var(--color-muted);white-space:nowrap}.breakdown-items{display:flex;flex-wrap:wrap;gap:16px}.breakdown-item{font-size:12px;font-weight:500}.guide-card{background:var(--bg-surface)}.guide-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.guide-section h4{font-size:15px;font-weight:600;color:var(--color-primary);margin:0 0 12px}.guide-section p{font-size:14px;color:var(--color-secondary);line-height:1.6;margin:0}.guide-section ul{margin:0;padding-left:20px}.guide-section li{font-size:14px;color:var(--color-secondary);line-height:1.8}.guide-section li strong{color:var(--color-primary)}@media (max-width: 1024px){.targets-summary-cards{grid-template-columns:repeat(2,1fr)}.target-costs-row{grid-template-columns:repeat(3,1fr)}.target-actions{grid-column:1 / -1;margin-top:12px;justify-content:flex-start}}@media (max-width: 640px){.targets-summary-cards{grid-template-columns:1fr}.target-costs-row{grid-template-columns:1fr 1fr;gap:16px}.target-item-header{flex-direction:column;gap:12px}.target-breakdown{flex-direction:column;align-items:flex-start;gap:8px}}.enterprise-page{max-width:100%;margin:0 auto;overflow-x:hidden;padding:20px}.enterprise-header{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:16px}.enterprise-back-link{display:inline-block;color:var(--color-secondary);text-decoration:none;font-size:14px;margin-bottom:12px;transition:color .2s}.enterprise-back-link:hover{color:var(--color-primary)}.enterprise-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.enterprise-subtitle{font-size:15px;color:var(--color-secondary);margin:0}.enterprise-indicators{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.enterprise-indicator-card{background:var(--bg-card);border-radius:12px;padding:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);display:flex;align-items:center;gap:16px}.indicator-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.indicator-value{font-size:24px;font-weight:700;color:var(--color-primary);line-height:1.2}.indicator-value.profit{color:#27ae60}.indicator-value.loss{color:var(--danger)}.indicator-label{font-size:13px;color:var(--color-secondary);margin-top:4px}.enterprise-main{display:grid;grid-template-columns:1fr 280px;gap:12px;align-items:start}.enterprise-card{background:var(--bg-card);border-radius:12px;padding:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.enterprise-card-title{font-size:18px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.enterprise-card-subtitle{font-size:14px;color:var(--color-secondary);margin:0 0 12px}.enterprise-pages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.enterprise-page-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-surface);border-radius:10px;cursor:pointer;transition:all .2s}.enterprise-page-item:hover{background:var(--bg-surface-hover);box-shadow:var(--shadow-sm);transform:translate(4px)}.enterprise-page-item:hover .page-item-arrow{transform:translate(4px)}.enterprise-sidebar{position:sticky;top:20px}.enterprise-actions-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.enterprise-action-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;border-radius:8px;background:var(--bg-surface);width:100%;text-align:left;font-size:14px;font-weight:500;color:var(--color-primary);cursor:pointer;transition:all .2s}.enterprise-action-item:hover{background:var(--bg-surface-hover)}.action-icon{width:36px;height:36px;border-radius:8px;background:var(--bg-surface-hover);display:flex;align-items:center;justify-content:center;color:var(--color-secondary);flex-shrink:0}.enterprise-action-item:hover .action-icon{background:var(--bg-surface-hover)}.enterprise-summary{border-top:1px solid var(--bg-surface);padding-top:16px}.summary-title{font-size:14px;font-weight:600;color:var(--color-secondary);margin:0 0 16px}.summary-items{display:flex;flex-direction:column;gap:10px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--bg-surface)}.summary-item:last-child{border-bottom:none}.summary-item.total{padding-top:12px;margin-top:8px;border-top:2px solid var(--border-color);border-bottom:none}.summary-item-label{font-size:13px;color:var(--color-secondary)}.summary-item.total .summary-item-label{font-weight:600;color:var(--color-primary)}.summary-item-value{font-size:14px;font-weight:600;color:var(--color-primary);font-family:SF Mono,monospace}.summary-item.total .summary-item-value{font-size:16px;color:var(--color-primary)}@media (max-width: 1200px){.enterprise-pages-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.enterprise-indicators{grid-template-columns:repeat(2,1fr)}.enterprise-main{grid-template-columns:1fr}.enterprise-sidebar{position:static}}@media (max-width: 640px){.enterprise-indicators{grid-template-columns:1fr}.indicator-value{font-size:20px}}.enterprise-indicator-clickable{cursor:pointer;transition:transform .15s,box-shadow .15s;position:relative}.enterprise-indicator-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #192a561a}.em-edit-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--color-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.em-edit-btn:hover{background:var(--bg-surface);color:var(--color-primary)}.em-modal-overlay{position:fixed;inset:0;z-index:5000;background:#00000073;display:flex;align-items:center;justify-content:center;padding:24px}.em-modal{background:var(--bg-card);border-radius:14px;width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:emModalIn .2s ease}@keyframes emModalIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.em-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light)}.em-modal-header h3{margin:0;font-size:16px;font-weight:700;color:var(--color-primary)}.em-modal-close{background:none;border:none;font-size:20px;color:var(--color-muted);cursor:pointer;padding:4px;border-radius:6px;line-height:1}.em-modal-close:hover{background:var(--bg-surface);color:var(--color-primary)}.em-modal-body{padding:16px 20px}.em-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px 16px}.em-modal-cancel{padding:8px 16px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--color-secondary);font-size:13px;font-weight:600;cursor:pointer}.em-modal-save{padding:8px 16px;border-radius:8px;border:none;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:13px;font-weight:700;cursor:pointer}.em-modal-save:hover{background:var(--btn-primary-hover)}.em-field-label{display:block;font-size:12px;font-weight:700;color:var(--color-secondary);margin-bottom:6px}.em-field-input{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-input);color:var(--color-primary)}.em-field-input:focus{outline:none;border-color:var(--color-primary)}.enterprise-cost-page{max-width:100%;margin:0 auto;overflow-x:hidden}.cost-page-header{background:var(--bg-card);border-radius:12px;padding:20px 24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:16px}.cost-page-back-link{display:inline-block;color:var(--color-secondary);text-decoration:none;font-size:14px;margin-bottom:12px;transition:color .2s}.cost-page-back-link:hover{color:var(--color-primary)}.cost-page-header-row{display:flex;justify-content:space-between;align-items:flex-start}.cost-page-title{font-size:20px;font-weight:600;margin:0 0 4px}.cost-page-subtitle{font-size:14px;color:var(--color-secondary);margin:0}.cost-page-add-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.cost-page-add-btn:hover{opacity:.9;transform:translateY(-1px)}.cost-page-summary{background:var(--bg-card);border-radius:12px;padding:20px 24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);border-left:4px solid;margin-bottom:16px;display:flex;gap:48px}.summary-stat{display:flex;flex-direction:column}.summary-stat-label{font-size:13px;color:var(--color-secondary);margin-bottom:6px}.summary-stat-value{font-size:24px;font-weight:700;color:var(--color-primary)}.summary-stat-value.highlight{font-family:SF Mono,monospace}.cost-page-card{background:var(--bg-card);border-radius:12px;padding:16px 20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.cost-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.cost-table{width:100%;border-collapse:collapse;table-layout:auto}.cost-table th,.cost-table td{padding:8px 6px;text-align:left;border-bottom:1px solid var(--border-light);vertical-align:middle;font-size:12px;white-space:nowrap}.cost-table th{font-size:11px;font-weight:600;color:var(--color-secondary);text-transform:uppercase;background:var(--bg-surface);letter-spacing:.3px}.cost-table td{color:var(--color-primary)}.cost-table tbody tr:hover{background:var(--bg-surface)}.cost-table .name-cell{font-weight:500}.cost-table .category-cell{color:var(--color-secondary)}.cost-table .cost-cell{font-family:SF Mono,monospace;font-weight:600;text-align:right}.cost-table .desc-cell{color:var(--color-muted);max-width:160px;overflow:hidden;text-overflow:ellipsis}.cost-table tfoot td{background:var(--bg-surface);border-top:2px solid var(--bg-surface-hover)}.empty-state{text-align:center;padding:48px 20px!important;color:var(--color-muted);font-size:14px}.actions-cell{white-space:nowrap;padding-left:4px!important;padding-right:4px!important}.action-btn{padding:2px 6px;border:none;border-radius:3px;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s;display:inline-block;line-height:1.4}.action-btn+.action-btn{margin-left:2px}.action-btn.edit{background:var(--accent-light);color:var(--color-primary)}.action-btn.edit:hover{background:var(--accent-light)}.action-btn.delete{background:var(--danger-light);color:var(--danger)}.action-btn.delete:hover{background:var(--danger-light)}.cost-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.cost-modal{background:var(--bg-card);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.cost-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:3px solid}.cost-modal-header h3{font-size:18px;font-weight:600;color:var(--color-primary);margin:0}.modal-close{background:none;border:none;font-size:24px;color:var(--color-muted);cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--color-primary)}.cost-modal-body{padding:24px}.modal-form-group{margin-bottom:16px}.modal-form-group:last-child{margin-bottom:0}.modal-form-group label{display:block;font-size:13px;font-weight:500;color:var(--color-secondary);margin-bottom:8px}.modal-form-group input,.modal-form-group select,.modal-form-group textarea{width:100%;padding:12px;border:1px solid var(--input-border);border-radius:8px;font-size:14px;color:var(--color-primary);transition:border-color .2s;font-family:inherit}.modal-form-group input:focus,.modal-form-group select:focus,.modal-form-group textarea:focus{outline:none;border-color:var(--color-primary)}.modal-form-group textarea{resize:vertical;min-height:80px}.cost-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-light)}.modal-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.modal-btn.primary{color:var(--btn-primary-text)}.modal-btn.primary:hover{opacity:.9}.modal-btn.secondary{background:var(--bg-surface);color:var(--color-secondary)}.modal-btn.secondary:hover{background:var(--bg-surface-hover)}@media (max-width: 768px){.cost-page-header-row{flex-direction:column;gap:16px}.cost-page-add-btn{width:100%;justify-content:center}.cost-page-summary{flex-direction:column;gap:16px}.summary-stat-value{font-size:24px}.cost-table th,.cost-table td{padding:10px 8px}}[data-theme=dark] .cost-page-header,[data-theme=dark] .cost-page-summary,[data-theme=dark] .cost-page-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .cost-page-add-btn{background:var(--btn-primary-bg)}[data-theme=dark] .action-btn.edit{background:var(--accent-light);color:var(--color-primary)}[data-theme=dark] .action-btn.delete{background:var(--danger-light);color:var(--danger)}[data-theme=dark] .cost-modal{background:var(--bg-card)}[data-theme=dark] .modal-btn.secondary{background:var(--bg-surface-hover);color:var(--color-secondary)}.epc-page{max-width:100%;margin:0 auto;overflow-x:hidden}.epc-header{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:24px}.epc-back{display:inline-block;color:var(--color-secondary);text-decoration:none;font-size:14px;margin-bottom:12px;transition:color .2s}.epc-back:hover{color:var(--color-primary)}.epc-header-row{display:flex;justify-content:space-between;align-items:flex-start}.epc-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.epc-subtitle{font-size:15px;color:var(--color-secondary);margin:0}.epc-header-actions{display:flex;gap:12px}.epc-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.epc-btn.primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.epc-btn.primary:hover{background:var(--btn-primary-hover);transform:translateY(-1px)}.epc-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.epc-ov-card{background:var(--bg-card);border-radius:10px;padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.epc-ov-label{font-size:13px;color:var(--color-secondary);margin-bottom:8px}.epc-ov-value{font-size:22px;font-weight:700;color:var(--color-primary);font-family:SF Mono,Roboto Mono,monospace}.epc-ov-value.green{color:#27ae60}.epc-ov-value.orange{color:#f39c12}.epc-ov-value.red{color:var(--danger)}.epc-content{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start;margin-bottom:24px;min-width:0}.epc-sidebar{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);position:sticky;top:20px}.epc-sidebar-title{font-size:16px;font-weight:600;color:var(--color-primary);margin:0 0 16px}.epc-sidebar-empty{font-size:13px;color:var(--color-muted);text-align:center;padding:20px 0}.epc-product-list{display:flex;flex-direction:column;gap:10px}.epc-prod-item{padding:14px 16px;background:var(--bg-surface);border-radius:10px;cursor:pointer;transition:all .2s;border:2px solid transparent}.epc-prod-item:hover{background:var(--bg-surface-hover)}.epc-prod-item.active{background:var(--accent-light);border-color:var(--btn-primary-bg)}.epc-prod-info{display:flex;flex-direction:column;margin-bottom:8px}.epc-prod-name{font-size:14px;font-weight:600;color:var(--color-primary)}.epc-prod-sku{font-size:12px;color:var(--color-muted);margin-top:2px}.epc-prod-metrics{display:flex;justify-content:space-between;align-items:center}.epc-prod-price{font-size:16px;font-weight:700;color:var(--color-primary);font-family:SF Mono,Roboto Mono,monospace}.epc-prod-margin{font-size:12px;font-weight:600;padding:3px 8px;border-radius:4px}.epc-prod-margin.good{background:#2ecc7126;color:#27ae60}.epc-prod-margin.ok{background:#f39c1226;color:#f39c12}.epc-prod-margin.bad{background:var(--danger-light);color:var(--danger)}.epc-prod-actions{display:flex;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-light)}.epc-pa-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.epc-pa-btn.edit{background:var(--accent-light);color:var(--btn-primary-bg)}.epc-pa-btn.edit:hover{background:var(--accent-light);opacity:.9}.epc-pa-btn.delete{background:var(--danger-light);color:var(--danger)}.epc-pa-btn.delete:hover{background:var(--danger-light);opacity:.9}.epc-main{display:flex;flex-direction:column;gap:20px;min-width:0;overflow:hidden}.epc-card{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.epc-empty{background:var(--bg-card);border-radius:12px;padding:60px 40px;text-align:center;color:var(--color-secondary);border:2px dashed var(--border-color);display:flex;flex-direction:column;align-items:center;gap:12px}.epc-empty h3{margin:0;font-size:18px;color:var(--color-primary)}.epc-empty p{margin:0 0 8px;font-size:14px}.epc-summary-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.epc-summary-name{font-size:22px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.epc-summary-sku{font-size:14px;color:var(--color-muted)}.epc-key-metrics{display:flex;gap:28px}.epc-km{display:flex;flex-direction:column;align-items:flex-end}.epc-km-label{font-size:12px;color:var(--color-secondary);margin-bottom:4px}.epc-km-value{font-size:22px;font-weight:700;color:var(--color-primary);font-family:SF Mono,Roboto Mono,monospace}.epc-km-value.green{color:#27ae60}.epc-km-value.orange{color:#f39c12}.epc-km-value.red{color:var(--danger)}.epc-km-pct{font-size:13px;font-weight:500;opacity:.8}.epc-monthly-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:20px;border-top:1px solid var(--bg-surface)}.epc-ms-item{display:flex;flex-direction:column;padding:14px;background:var(--bg-surface);border-radius:8px}.epc-ms-item.highlight{background:var(--accent-light);border:1px solid rgba(39,174,96,.2)}.epc-ms-label{font-size:12px;color:var(--color-secondary);margin-bottom:6px}.epc-ms-value{font-size:20px;font-weight:700;color:var(--color-primary);font-family:SF Mono,Roboto Mono,monospace}.epc-ms-value.green{color:#27ae60}.epc-ms-value.red{color:var(--danger)}.epc-tabs{display:flex;gap:4px;background:var(--bg-surface);padding:4px;border-radius:10px}.epc-tab{flex:1;padding:12px 16px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--color-secondary);cursor:pointer;transition:all .2s}.epc-tab:hover{color:var(--color-primary)}.epc-tab.active{background:var(--bg-card);color:var(--color-primary);font-weight:600;box-shadow:var(--shadow-sm)}.epc-section-title{font-size:16px;font-weight:600;color:var(--color-primary);margin:0 0 6px}.epc-section-hint{font-size:13px;color:var(--color-muted);margin:0 0 20px}.epc-breakdown-bars{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.epc-bb-item{display:flex;flex-direction:column;gap:6px}.epc-bb-header{display:flex;justify-content:space-between;align-items:center}.epc-bb-name{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--color-secondary)}.epc-bb-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.epc-bb-values{font-size:13px;font-family:SF Mono,Roboto Mono,monospace;font-weight:500;color:var(--color-primary)}.epc-bb-pct{color:var(--color-muted);font-size:11px}.epc-bb-track{height:8px;background:var(--bg-surface);border-radius:4px;overflow:hidden}.epc-bb-fill{height:100%;border-radius:4px;transition:width .3s ease}.epc-breakdown-table{display:flex;flex-direction:column;gap:16px}.epc-bt-section{padding-bottom:16px;border-bottom:1px solid var(--bg-surface)}.epc-bt-section:last-child{border-bottom:none;padding-bottom:0}.epc-bt-title{font-size:12px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.epc-bt-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:14px;color:var(--color-secondary)}.epc-bt-val{font-family:SF Mono,Roboto Mono,monospace;font-weight:500;color:var(--color-primary)}.epc-bt-val.green{color:#27ae60}.epc-bt-val.red{color:var(--danger)}.epc-bt-row.subtotal{padding-top:10px;margin-top:6px;border-top:1px dashed var(--border-color);font-weight:600;color:var(--color-primary)}.epc-bt-row.subtotal .epc-bt-val{font-weight:600;color:var(--color-primary)}.epc-bt-total-section{background:var(--bg-surface);padding:20px;margin:0 -24px -24px;border-radius:0 0 12px 12px}.epc-bt-row.total-row{padding-bottom:10px;border-bottom:2px solid var(--border-color);font-size:18px;font-weight:700;color:var(--color-primary)}.epc-bt-row.total-row .epc-bt-val{font-size:18px;font-weight:700}.epc-bt-row.margin-row{padding-top:10px;font-weight:600}.epc-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.epc-price-inputs{display:flex;flex-direction:column;gap:18px}.epc-pi-group label{display:block;font-size:13px;font-weight:500;color:#555;margin-bottom:8px}.epc-money-input{position:relative;display:flex;align-items:center}.epc-mi-symbol{position:absolute;left:12px;font-size:14px;color:#888;z-index:1}.epc-money-input input{width:100%;padding:12px 12px 12px 28px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;font-weight:600;font-family:SF Mono,Roboto Mono,monospace;color:#333;transition:border-color .2s}.epc-money-input input:focus{outline:none;border-color:#16a085}.epc-text-input{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;font-weight:600;font-family:SF Mono,Roboto Mono,monospace;color:#333;transition:border-color .2s}.epc-text-input:focus{outline:none;border-color:#16a085}.epc-margin-slider-row{display:flex;align-items:center;gap:14px}.epc-margin-slider{flex:1;-webkit-appearance:none;appearance:none;height:8px;background:linear-gradient(90deg,#e74c3c,#f39c12,#27ae60);border-radius:4px;outline:none}.epc-margin-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #16a085;cursor:pointer;box-shadow:0 2px 6px #00000026}.epc-margin-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #16a085;cursor:pointer}.epc-margin-val{font-size:18px;font-weight:700;color:#1a1a2e;min-width:50px;text-align:right;font-family:SF Mono,Roboto Mono,monospace}.epc-recommend-btn{padding:12px 20px;background:#16a08514;border:2px dashed #16a085;border-radius:10px;color:#16a085;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.epc-recommend-btn:hover{background:#16a08524}.epc-price-results{background:#f8f9fb;border-radius:12px;padding:20px}.epc-pr-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.epc-pr-label{font-size:14px;color:#555}.epc-pr-value{font-size:18px;font-weight:700;font-family:SF Mono,Roboto Mono,monospace;color:#1a1a2e}.epc-pr-value.highlight{color:#16a085;font-size:22px}.epc-pr-value.positive{color:#27ae60}.epc-pr-value.negative{color:#e74c3c}.epc-pr-divider{height:1px;background:#e0e0e0;margin:6px 0}.epc-mg{margin-top:16px}.epc-mg-track{position:relative;height:12px;background:var(--bg-surface-hover);border-radius:6px;overflow:visible}.epc-mg-fill{height:100%;border-radius:6px;transition:width .3s ease}.epc-mg-fill.good{background:linear-gradient(90deg,#2ecc71,#27ae60)}.epc-mg-fill.warning{background:linear-gradient(90deg,#f39c12,#e67e22)}.epc-mg-fill.bad{background:linear-gradient(90deg,var(--danger),var(--danger-hover))}.epc-mg-target{position:absolute;top:-6px;width:2px;height:24px;background:var(--color-primary);transform:translate(-50%)}.epc-mg-target-label{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:10px;font-weight:600;color:var(--color-primary);white-space:nowrap;background:var(--bg-card);padding:2px 6px;border-radius:3px;box-shadow:var(--shadow-sm)}.epc-mg-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:10px;color:var(--color-muted)}.epc-sim-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;align-items:end}.epc-sim-ctrl label{display:block;font-size:13px;font-weight:500;color:var(--color-secondary);margin-bottom:8px}.epc-sim-input-row{display:flex;align-items:center;gap:10px}.epc-sim-slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:var(--border-color);border-radius:3px;outline:none}.epc-sim-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--btn-primary-bg);cursor:pointer}.epc-sim-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--btn-primary-bg);cursor:pointer;border:none}.epc-sim-val-wrap{display:flex;align-items:center;gap:2px}.epc-sim-num-input{width:56px;padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;text-align:center;font-family:SF Mono,Roboto Mono,monospace}.epc-sim-num-input:focus{outline:none;border-color:var(--btn-primary-bg)}.epc-sim-reset{padding:10px 16px;background:var(--bg-surface);border:none;border-radius:6px;font-size:13px;color:var(--color-secondary);cursor:pointer;align-self:end;transition:all .2s}.epc-sim-reset:hover{background:var(--bg-surface-hover)}.epc-sim-comparison{display:flex;align-items:stretch;gap:24px;margin-bottom:20px}.epc-sim-col{flex:1;padding:20px;background:var(--bg-surface);border-radius:10px}.epc-sim-col.simulated{background:var(--accent-light);border:1px solid rgba(39,174,96,.2)}.epc-sim-arrow{flex:0 0 40px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--color-muted)}.epc-sim-col-title{display:block;font-size:11px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.epc-sim-row{display:flex;justify-content:space-between;padding:7px 0;font-size:14px;color:var(--color-secondary)}.epc-sim-row span:last-child{font-family:SF Mono,Roboto Mono,monospace;font-weight:500;color:var(--color-primary)}.epc-sim-row.profit{padding-top:10px;margin-top:8px;border-top:1px solid var(--border-color);font-weight:600}.epc-sim-row span.green{color:#27ae60!important;font-weight:600}.epc-sim-row span.red{color:var(--danger)!important;font-weight:600}.epc-sim-impact{padding:16px;background:var(--bg-surface);border-radius:8px;text-align:center;font-size:16px}.epc-sim-impact .green{color:#27ae60;font-weight:700}.epc-sim-impact .red{color:var(--danger);font-weight:700}.epc-comparison-card{margin-top:24px}.epc-table-wrap{overflow-x:auto}.epc-table{width:100%;border-collapse:collapse;table-layout:fixed}.epc-table th,.epc-table td{padding:10px 8px;text-align:right;border-bottom:1px solid #f0f0f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.epc-table th:first-child,.epc-table td:first-child{text-align:left}.epc-table th{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;background:#f8f9fa;letter-spacing:.5px}.epc-table tbody tr{cursor:pointer;transition:background .2s}.epc-table tbody tr:hover{background:#f8f9fa}.epc-table tbody tr.selected{background:#e8fff0}.epc-t-name{display:flex;flex-direction:column}.epc-t-pname{font-weight:600;color:#333}.epc-t-psku{font-size:12px;color:#888;margin-top:2px}.epc-t-num{font-family:SF Mono,Roboto Mono,monospace;text-align:right}.epc-t-money{font-family:SF Mono,Roboto Mono,monospace;font-weight:500}.epc-t-money.profit{color:#27ae60;font-weight:600}.epc-t-money.loss{color:#e74c3c;font-weight:600}.epc-t-margin{font-weight:600}.epc-t-margin.good{color:#27ae60}.epc-t-margin.ok{color:#f39c12}.epc-t-margin.bad{color:#e74c3c}.epc-t-actions{display:flex;gap:6px;justify-content:flex-end}.epc-ta-btn{padding:5px 10px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.epc-ta-btn.edit{background:#e8fff0;color:#16a085}.epc-ta-btn.delete{background:#e74c3c1a;color:#e74c3c}.epc-ta-btn:hover{opacity:.8}.epc-table tfoot td{background:#f8f9fa;border-top:2px solid #e0e0e0}.epc-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:epcFadeIn .15s ease}@keyframes epcFadeIn{0%{opacity:0}to{opacity:1}}.epc-modal{background:var(--bg-card);border-radius:12px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:epcSlideUp .2s ease}.epc-modal-sm{max-width:440px}@keyframes epcSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.epc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:3px solid var(--btn-primary-bg)}.epc-modal-header h3{font-size:18px;font-weight:600;color:var(--color-primary);margin:0}.epc-modal-close{background:none;border:none;font-size:24px;color:var(--color-muted);cursor:pointer;padding:0;line-height:1}.epc-modal-close:hover{color:var(--color-primary)}.epc-modal-body{padding:24px}.epc-confirm-text{font-size:15px;color:var(--color-secondary);line-height:1.5;margin:0}.epc-mf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.epc-mf-group{margin-bottom:16px}.epc-mf-group:last-child{margin-bottom:0}.epc-mf-group label{display:block;font-size:13px;font-weight:500;color:var(--color-secondary);margin-bottom:8px}.epc-mf-group input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--color-primary);transition:border-color .2s;box-sizing:border-box}.epc-mf-group input:focus{outline:none;border-color:var(--btn-primary-bg)}.epc-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--bg-surface)}.epc-mbtn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.epc-mbtn.primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.epc-mbtn.primary:hover{background:var(--btn-primary-hover)}.epc-mbtn.secondary{background:var(--bg-surface);color:var(--color-secondary)}.epc-mbtn.secondary:hover{background:var(--bg-surface-hover)}.epc-mbtn.danger{background:var(--danger);color:var(--btn-primary-text)}.epc-mbtn.danger:hover{background:var(--danger-hover)}@media (max-width: 1200px){.epc-sim-controls{grid-template-columns:repeat(2,1fr)}.epc-price-grid,.epc-monthly-strip{grid-template-columns:1fr}}@media (max-width: 1024px){.epc-overview{grid-template-columns:repeat(2,1fr)}.epc-content{grid-template-columns:1fr}.epc-sidebar{position:static;order:1}.epc-main{order:0}.epc-summary-header{flex-direction:column;gap:16px}.epc-key-metrics{width:100%;justify-content:space-between}.epc-km{align-items:flex-start}}@media (max-width: 768px){.epc-header-row{flex-direction:column;gap:16px}.epc-header-actions{width:100%}.epc-sim-controls{grid-template-columns:1fr}.epc-sim-comparison{flex-direction:column}.epc-sim-arrow{transform:rotate(90deg)}.epc-mf-row{grid-template-columns:1fr}.epc-tabs{flex-direction:column}}@media (max-width: 640px){.epc-overview{grid-template-columns:1fr}.epc-key-metrics{flex-direction:column;gap:12px}}.stx-donut{border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--ring-color, var(--color-primary)) var(--pct, 0%),var(--border-light) 0);position:relative;flex-shrink:0}.stx-donut:before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--bg-card)}.stx-donut-val{position:relative;z-index:1;font-size:16px;font-weight:900;color:var(--color-primary)}.stx-donut-clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.stx-donut-clickable:hover{transform:scale(1.08);box-shadow:0 4px 16px #192a5626}.stx-donut-overlay{position:fixed;inset:0;z-index:5000;background:#00000073;display:flex;align-items:center;justify-content:center;padding:24px}.stx-donut-modal{background:var(--bg-card);border-radius:14px;width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:donutModalIn .2s ease}@keyframes donutModalIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stx-donut-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light)}.stx-donut-modal-header h4{margin:0;font-size:15px;font-weight:700;color:var(--color-primary)}.stx-donut-modal-close{background:none;border:none;font-size:20px;color:var(--color-muted);cursor:pointer;padding:4px;border-radius:6px;line-height:1}.stx-donut-modal-close:hover{background:var(--bg-surface);color:var(--color-primary)}.stx-donut-modal-body{padding:16px 20px 20px}.stx-donut-gap-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;background:#eda6a31a;color:var(--danger);font-size:13px;font-weight:600;margin-bottom:14px}.stx-donut-gap-val{font-size:20px;font-weight:900}.stx-donut-details{display:flex;flex-direction:column;gap:8px}.stx-donut-detail-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:var(--bg-surface)}.stx-donut-detail-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.stx-donut-detail-label{font-size:13px;font-weight:600;color:var(--color-primary);flex:1}.stx-donut-detail-val{font-size:13px;font-weight:800;color:var(--color-primary)}.production-page{max-width:100%;margin:0 auto;overflow-x:hidden;padding:20px}.production-header{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:16px}.production-back-link{display:inline-block;color:var(--color-secondary);text-decoration:none;font-size:14px;margin-bottom:12px;transition:color .2s}.production-back-link:hover{color:var(--color-primary)}.production-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.production-subtitle{font-size:15px;color:var(--color-secondary);margin:0}.production-indicators{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.production-indicator-card{display:flex;flex-direction:column;align-items:center;padding:14px 18px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-light);min-width:120px;flex:1}.indicator-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.indicator-icon.blue{background:var(--accent-light);color:var(--color-primary)}.indicator-icon.green{background:#2ecc7126;color:#27ae60}.indicator-icon.orange{background:#e67e2226;color:#d35400}.indicator-icon.red{background:var(--danger-light);color:var(--danger)}.indicator-value{font-size:22px;font-weight:900;color:var(--color-primary);line-height:1.2}.indicator-label{font-size:11px;color:var(--color-muted);margin-top:2px;text-align:center}.production-indicator-clickable{position:relative;cursor:pointer;transition:transform .15s,box-shadow .15s}.production-indicator-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #192a561a}.production-indicator-edit{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;border-radius:6px;background:var(--bg-surface);color:var(--color-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.production-indicator-edit:hover{color:var(--color-primary);background:var(--bg-surface-hover)}.cert-status-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px}.cert-status-card{background:var(--bg-card);border-radius:10px;padding:16px 20px;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between}.cert-badge{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600}.cert-badge.iso{background:linear-gradient(135deg,#27ae60,#2ecc71);color:var(--btn-primary-text)}.cert-badge.iatf{background:linear-gradient(135deg,var(--danger) 0%,var(--danger-hover) 100%);color:var(--btn-primary-text)}.cert-info{display:flex;flex-direction:column;align-items:flex-end}.cert-status{font-size:13px;font-weight:600;padding:4px 10px;border-radius:4px}.cert-status.certified{background:#2ecc7126;color:#27ae60}.cert-expiry{font-size:12px;color:var(--color-muted);margin-top:4px}.cert-status-card.clickable{cursor:pointer;transition:all .2s;position:relative}.cert-status-card.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.cert-view-hint{position:absolute;bottom:10px;right:16px;font-size:11px;font-weight:500;color:var(--color-primary);opacity:0;transition:opacity .2s}.cert-status-card.clickable:hover .cert-view-hint{opacity:1}.equipment-status{flex-direction:column;align-items:stretch;gap:8px}.equipment-status.clickable{cursor:pointer;transition:all .2s}.equipment-status.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.equipment-label{font-size:14px;font-weight:600;color:var(--color-primary);display:flex;justify-content:space-between;align-items:center}.view-layout-hint{font-size:11px;font-weight:500;color:var(--color-primary);opacity:0;transition:opacity .2s}.equipment-status.clickable:hover .view-layout-hint{opacity:1}.equipment-stats{display:flex;gap:16px}.eq-stat{font-size:13px;padding:4px 10px;border-radius:4px}.eq-stat.running{background:#2ecc7126;color:#27ae60}.eq-stat.idle{background:#f1c40f26;color:#d4ac0d}.eq-stat.maintenance{background:var(--accent-light);color:var(--color-primary)}.production-main{display:grid;grid-template-columns:1fr 1fr 280px;gap:12px;align-items:start}.production-card{background:var(--bg-card);border-radius:12px;padding:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.production-card-title{font-size:18px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.production-card-subtitle{font-size:14px;color:var(--color-secondary);margin:0 0 12px}.production-pages-list{display:flex;flex-direction:column;gap:10px}.production-page-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-surface);border-radius:10px;cursor:pointer;transition:all .2s}.production-page-item:hover{background:var(--bg-surface-hover);box-shadow:var(--shadow-sm);transform:translate(4px)}.page-item-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-item-info{flex:1;min-width:0}.page-item-name{font-size:14px;font-weight:600;color:var(--color-primary);margin:0 0 2px}.page-item-desc{font-size:12px;color:var(--color-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-item-arrow{color:var(--color-muted);font-size:16px;transition:transform .2s}.production-page-item:hover .page-item-arrow{transform:translate(4px)}.production-system-card{grid-column:1 / 3}.production-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.production-headcount-card{grid-column:1 / -1}.production-headcount-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.production-sidebar{grid-column:3;grid-row:1 / 3;position:sticky;top:20px;align-self:start}.production-actions-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.production-action-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;border-radius:8px;background:var(--bg-surface);width:100%;text-align:left;font-size:14px;font-weight:500;color:var(--color-primary);cursor:pointer;transition:all .2s}.production-action-item:hover{background:var(--bg-surface-hover)}.action-icon{width:36px;height:36px;border-radius:8px;background:var(--bg-surface-hover);display:flex;align-items:center;justify-content:center;color:var(--color-icon);flex-shrink:0}.production-action-item:hover .action-icon{background:var(--bg-surface-hover);opacity:.9}.quality-trend-section{border-top:1px solid var(--bg-surface);padding-top:16px}.trend-title{font-size:14px;font-weight:600;color:var(--color-secondary);margin:0 0 16px}.trend-chart{display:flex;align-items:flex-end;justify-content:space-between;height:100px;gap:8px}.trend-bar-wrapper{display:flex;flex-direction:column;align-items:center;flex:1}.trend-bar{width:100%;background:linear-gradient(180deg,#27ae60,#2ecc71);border-radius:4px 4px 0 0;min-height:10px;transition:height .3s ease}.trend-label{font-size:11px;color:var(--color-muted);margin-top:6px}.recent-audits-section{border-top:1px solid var(--bg-surface);padding-top:16px;margin-top:16px}.recent-audits-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.recent-audit-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-surface);border-radius:8px;cursor:pointer;transition:all .2s}.recent-audit-item:hover{background:var(--bg-surface-hover)}.audit-type-badge{padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;color:#fff;white-space:nowrap}.audit-item-info{flex:1;min-width:0}.audit-area{display:block;font-size:13px;font-weight:500;color:var(--color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audit-date{display:block;font-size:11px;color:var(--color-muted)}.view-all-btn{width:100%;padding:10px;background:var(--bg-surface);border:none;border-radius:8px;font-size:13px;font-weight:500;color:var(--color-secondary);cursor:pointer;transition:all .2s}.view-all-btn:hover{background:var(--bg-surface-hover);color:var(--color-primary)}.audit-status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.audit-status-badge.completed{background:#2ecc7126;color:#27ae60}.audit-status-badge.progress{background:var(--accent-light);color:var(--color-primary)}.audit-status-badge.action{background:#e67e2226;color:#d35400}.audit-status-badge.open{background:#95a5a626;color:#7f8c8d}.audit-modal{background:var(--bg-card);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.audit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--bg-surface)}.audit-modal-header h3{margin:0;font-size:18px;font-weight:600}.audit-modal-close{background:none;border:none;font-size:24px;color:var(--color-muted);cursor:pointer}.audit-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px}.audit-type-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s}.audit-type-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.audit-type-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.audit-type-name{font-size:13px;font-weight:600;color:var(--color-primary);text-align:center}@media (max-width: 1200px){.production-main{grid-template-columns:1fr 1fr}.production-sidebar{grid-column:1 / -1;grid-row:auto;position:static}.production-system-card,.production-headcount-card{grid-column:1 / -1}.production-headcount-grid{grid-template-columns:1fr 1fr}}@media (max-width: 1024px){.cert-status-row{grid-template-columns:1fr}}@media (max-width: 768px){.production-main{grid-template-columns:1fr}.production-system-card,.production-headcount-card{grid-column:1}.production-system-grid,.production-headcount-grid{grid-template-columns:1fr}}@media (max-width: 640px){.production-indicator-card{min-width:100px}.indicator-value{font-size:20px}.audit-types-grid{grid-template-columns:repeat(2,1fr);padding:16px;gap:12px}.audit-type-card{padding:16px 12px}.audit-type-icon{width:40px;height:40px}}.fs-page{max-width:100%;margin:0 auto;overflow-x:hidden}.fs-header{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);margin-bottom:24px}.fs-back{background:none;border:none;color:var(--color-secondary);font-size:14px;cursor:pointer;padding:0;margin-bottom:12px}.fs-back:hover{color:var(--color-primary)}.fs-header-content{display:flex;justify-content:space-between;align-items:center}.fs-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.fs-subtitle{font-size:15px;color:var(--color-secondary);margin:0}.fs-add-btn{padding:10px 20px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.fs-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0008884d}.fs-pillars{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.fs-pillar-card{background:var(--bg-card);border-radius:10px;padding:16px;border-left:4px solid;box-shadow:var(--shadow-sm)}.pillar-header{font-size:14px;font-weight:600;margin-bottom:6px}.pillar-desc{font-size:12px;color:var(--color-secondary)}.fs-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.fs-summary-card{background:var(--bg-card);border-radius:10px;padding:20px;text-align:center;box-shadow:var(--shadow-sm)}.fs-sum-value{font-size:32px;font-weight:700;color:#333}.fs-sum-value.green{color:#27ae60}.fs-sum-value.orange{color:#e67e22}.fs-sum-value.red{color:#e74c3c}.fs-sum-label{font-size:13px;color:var(--color-secondary);margin-top:4px}.fs-card{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm)}.fs-card-title{font-size:18px;font-weight:600;color:#333;margin:0 0 20px}.fs-table{width:100%;border-collapse:collapse;table-layout:fixed}.fs-table th,.fs-table td{padding:10px 8px;text-align:left;border-bottom:1px solid #f0f0f0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-table th{font-weight:600;color:#555;background:#f8f9fa}.fs-table tbody tr:hover{background:#fafbfc}.score-badge{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;border-radius:6px;font-size:12px;font-weight:600}.score-badge.good{background:#2ecc7126;color:#27ae60}.score-badge.warn{background:#e67e2226;color:#d35400}.score-total{font-weight:700;font-size:14px}.score-total.green{color:#27ae60}.score-total.orange{color:#e67e22}.score-total.red{color:#e74c3c}.status-badge.progress{background:#3498db26;color:#2980b9}.fs-action-btn{padding:6px 12px;background:#f0f2f5;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:background .2s}.fs-action-btn:hover{background:#e5e8ec}.fs-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.fs-modal{background:var(--bg-card);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.fs-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.fs-modal-header h3{margin:0;font-size:18px;font-weight:600}.fs-modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;line-height:1}.fs-modal-form{padding:24px}.fs-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.fs-form-group{margin-bottom:16px}.fs-form-group label{display:block;font-size:13px;font-weight:600;color:#555;margin-bottom:6px}.fs-form-group input,.fs-form-group textarea{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.fs-form-group input:focus,.fs-form-group textarea:focus{border-color:var(--color-primary);outline:none}.fs-scores-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:10px}.fs-score-input{text-align:center}.fs-score-input label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.fs-score-input input{width:50px;padding:8px;text-align:center;border:1px solid #e0e0e0;border-radius:6px;font-size:16px;font-weight:600}.score-hint{display:block;font-size:11px;color:#888;margin-top:4px}.fs-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0}.fs-btn-cancel{padding:10px 20px;background:#f0f2f5;border:none;border-radius:8px;font-size:14px;cursor:pointer}.fs-btn-submit{padding:10px 20px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}@media (max-width: 1024px){.fs-pillars{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.fs-pillars,.fs-summary-row{grid-template-columns:repeat(2,1fr)}.fs-scores-grid{grid-template-columns:repeat(3,1fr)}.fs-table{display:block;overflow-x:auto}}.std-page{max-width:100%;margin:0 auto;overflow-x:hidden}.std-header{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);margin-bottom:24px}.std-back{background:none;border:none;color:var(--color-secondary);font-size:14px;cursor:pointer;padding:0;margin-bottom:12px}.std-back:hover{color:var(--color-primary)}.std-header-content{display:flex;justify-content:space-between;align-items:center}.std-header-info{display:flex;flex-direction:column;gap:8px}.std-badge{display:inline-block;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:700;color:#fff;width:fit-content}.std-badge.iso{background:linear-gradient(135deg,#27ae60,#2ecc71)}.std-badge.iatf{background:linear-gradient(135deg,#e74c3c,#c0392b)}.std-badge.vda{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.std-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0}.std-subtitle{font-size:15px;color:var(--color-secondary);margin:0}.std-cert-status{display:flex;align-items:center;gap:20px}.cert-indicator{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-weight:600;font-size:14px}.cert-indicator.certified{background:#2ecc7126;color:#27ae60}.cert-details{text-align:right;font-size:13px;color:var(--color-secondary);line-height:1.6}.cert-details strong{color:#333}.std-add-btn{padding:10px 20px;background:linear-gradient(135deg,#002,#000888);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.std-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0008884d}.std-tabs{display:flex;gap:8px;margin-bottom:24px;background:var(--bg-card);padding:8px;border-radius:10px;box-shadow:var(--shadow-sm)}.std-tab{padding:10px 20px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--color-secondary);cursor:pointer;transition:all .2s}.std-tab:hover{background:#f0f2f5}.std-tab.active{background:#000888;color:#fff}.std-content{display:flex;flex-direction:column;gap:24px}.std-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.std-card{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm)}.std-card h3{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.score-card{text-align:center}.score-circle{position:relative;width:140px;height:140px;margin:0 auto 16px}.score-circle svg{width:100%;height:100%}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:700;color:#333}.score-label{font-size:14px;color:var(--color-secondary)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-label{font-size:12px;color:#888}.info-value{font-size:14px;font-weight:600;color:#333}.info-value.highlight{color:#e67e22}.req-list{list-style:none;padding:0;margin:0}.req-list li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;color:#555;border-bottom:1px solid #f5f5f5}.req-list li:last-child{border-bottom:none}.check{color:#27ae60;font-weight:600}.clause-bars{display:flex;flex-direction:column;gap:16px}.clause-bar-item{display:flex;flex-direction:column;gap:8px}.clause-bar-header{display:flex;justify-content:space-between;align-items:center}.clause-name{font-size:13px;color:#555}.clause-score{font-size:13px;font-weight:600}.clause-score.green{color:#27ae60}.clause-score.orange{color:#e67e22}.clause-score.red{color:#e74c3c}.clause-bar-track{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.clause-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.clause-bar-fill.green{background:#27ae60}.clause-bar-fill.orange{background:#e67e22}.clause-bar-fill.red{background:#e74c3c}.std-table{width:100%;border-collapse:collapse;table-layout:fixed}.std-table th,.std-table td{padding:10px 8px;text-align:left;border-bottom:1px solid #f0f0f0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.std-table th{font-weight:600;color:#555;background:#f8f9fa}.std-table tbody tr:hover{background:#fafbfc}.mini-progress{display:flex;align-items:center;gap:8px}.mini-progress span{font-size:12px;font-weight:600;min-width:32px}.mini-fill{height:6px;border-radius:3px;flex:1;max-width:80px}.mini-fill.green{background:#27ae60}.mini-fill.orange{background:#e67e22}.status-pill{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.status-pill.green{background:#2ecc7126;color:#27ae60}.status-pill.orange{background:#e67e2226;color:#d35400}.std-btn-sm{padding:6px 12px;background:#f0f2f5;border:none;border-radius:6px;font-size:12px;cursor:pointer}.std-btn-sm:hover{background:#e5e8ec}.severity-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:capitalize}.severity-badge.major{background:#e74c3c26;color:#c0392b}.std-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.std-summary-card{background:var(--bg-card);border-radius:10px;padding:20px;text-align:center;box-shadow:var(--shadow-sm)}.std-sum-value{font-size:32px;font-weight:700;color:#333}.std-sum-value.green{color:#27ae60}.std-sum-value.orange{color:#e67e22}.std-sum-value.blue{color:#2980b9}.std-sum-value.red{color:#e74c3c}.std-sum-label{font-size:13px;color:var(--color-secondary);margin-top:4px}.audit-timeline{position:relative;padding-left:30px}.audit-timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:#e0e0e0}.timeline-item{position:relative;padding-bottom:24px}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:-26px;top:4px;width:14px;height:14px;border-radius:50%;background:#e0e0e0;border:3px solid #fff;box-shadow:0 0 0 2px #e0e0e0}.timeline-item.completed .timeline-marker{background:#27ae60;box-shadow:0 0 0 2px #27ae60}.timeline-item.upcoming .timeline-marker{background:#3498db;box-shadow:0 0 0 2px #3498db}.timeline-item.future .timeline-marker{background:#e67e22;box-shadow:0 0 0 2px #e67e22}.timeline-date{font-size:12px;color:#888;margin-bottom:4px}.timeline-title{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.timeline-desc{font-size:13px;color:var(--color-secondary)}.tools-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.tool-card{padding:16px;background:#f8f9fa;border-radius:10px}.tool-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tool-name{font-size:14px;font-weight:600;color:#333}.tool-status{font-size:10px;padding:3px 8px;border-radius:10px}.tool-status.green{background:#2ecc7126;color:#27ae60}.tool-status.orange{background:#e67e2226;color:#d35400}.tool-maturity{display:flex;align-items:center;gap:10px}.maturity-bar{flex:1;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.maturity-fill{height:100%;background:linear-gradient(90deg,#27ae60,#2ecc71);border-radius:3px}.maturity-value{font-size:12px;font-weight:600;color:#333;min-width:32px}.core-tools-detail{display:flex;flex-direction:column;gap:16px}.core-tool-item{padding:20px;background:#f8f9fa;border-radius:12px}.ct-header{display:flex;align-items:center;gap:16px}.ct-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border-radius:12px;font-size:14px;font-weight:700}.ct-info{flex:1}.ct-info h4{font-size:15px;font-weight:600;color:#333;margin:0 0 4px}.ct-info p{font-size:13px;color:var(--color-secondary);margin:0}.ct-maturity{text-align:center}.ct-score{display:block;font-size:24px;font-weight:700;color:#27ae60}.ct-label{font-size:12px;color:#888}.ct-phases{display:flex;gap:8px;margin-top:16px}.phase{flex:1;padding:10px 8px;background:#e0e0e0;border-radius:6px;font-size:11px;text-align:center;color:var(--color-secondary)}.phase span{display:block;font-weight:700;font-size:14px;margin-bottom:4px}.phase.complete{background:#27ae60;color:#fff}.phase.active{background:#3498db;color:#fff}.vda-legend{display:flex;align-items:center;gap:24px;padding:16px 24px;background:var(--bg-card);border-radius:10px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.legend-title{font-size:14px;font-weight:600;color:#333}.legend-items{display:flex;gap:24px}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#555}.rating-badge{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:12px;font-weight:700;color:#fff}.rating-badge.green{background:#27ae60}.rating-badge.blue{background:#3498db}.rating-badge.orange{background:#e67e22}.rating-badge.red{background:#e74c3c}.vda-audits{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.vda-audit-card{padding:20px;background:#f8f9fa;border-radius:12px}.vda-audit-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.vda-audit-info h4{font-size:16px;font-weight:600;color:#333;margin:0 0 4px}.vda-audit-info p{font-size:12px;color:#888;margin:0}.vda-rating{text-align:center;padding:8px 16px;border-radius:8px}.vda-rating.green{background:#2ecc7126}.vda-rating.blue{background:#3498db26}.vda-rating.orange{background:#e67e2226}.vda-rating.red{background:#e74c3c26}.rating-letter{display:block;font-size:24px;font-weight:700}.vda-rating.green .rating-letter{color:#27ae60}.vda-rating.blue .rating-letter{color:#2980b9}.vda-rating.orange .rating-letter{color:#d35400}.vda-rating.red .rating-letter{color:#c0392b}.rating-score{font-size:12px;color:var(--color-secondary)}.vda-elements{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.vda-element{display:flex;align-items:center;gap:10px}.el-name{font-size:12px;color:#555;min-width:24px}.el-bar{flex:1;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.el-fill{height:100%;background:#3498db;border-radius:3px}.el-score{font-size:12px;font-weight:600;color:#333;min-width:32px;text-align:right}.vda-audit-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #e8e8e8}.findings-count{font-size:12px;color:#888}.vda-status{font-size:11px;padding:4px 10px;border-radius:12px;font-weight:600}.vda-status.completed{background:#2ecc7126;color:#27ae60}.vda-status.action{background:#e67e2226;color:#d35400}.std-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.std-modal{background:var(--bg-card);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.std-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.std-modal-header h3{margin:0;font-size:18px;font-weight:600}.std-modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer}.std-modal-form{padding:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:#555;margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px}.element-scores{display:flex;flex-direction:column;gap:10px;padding:12px;background:#f8f9fa;border-radius:8px}.element-input{display:flex;align-items:center;gap:12px}.element-input span{flex:1;font-size:13px;color:#555}.element-input input{width:70px;text-align:center}.std-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0}.btn-submit{padding:10px 20px;background:linear-gradient(135deg,#002,#000888);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}@media (max-width: 1200px){.std-grid{grid-template-columns:1fr 1fr}.tools-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.vda-audits{grid-template-columns:1fr}.std-summary-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.std-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:repeat(2,1fr)}.std-header-content{flex-direction:column;align-items:flex-start;gap:16px}.std-cert-status,.vda-legend{flex-direction:column;align-items:flex-start}.legend-items{flex-wrap:wrap}}.metrics-page{max-width:100%;margin:0 auto;overflow-x:hidden}.metrics-header{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);margin-bottom:24px}.metrics-back{background:none;border:none;color:var(--color-secondary);font-size:14px;cursor:pointer;padding:0;margin-bottom:12px}.metrics-back:hover{color:var(--color-primary)}.metrics-header-content{display:flex;justify-content:space-between;align-items:center}.metrics-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.metrics-subtitle{font-size:15px;color:var(--color-secondary);margin:0}.metrics-add-btn{padding:10px 20px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.metrics-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0008884d}.oee-formula-card{background:linear-gradient(135deg,#1a1a2e,#2d2d44);border-radius:16px;padding:32px;margin-bottom:24px;color:var(--btn-primary-text)}.formula-title{text-align:center;font-size:18px;font-weight:600;margin-bottom:24px;color:#ffffffe6}.formula-components{display:flex;align-items:center;justify-content:center;gap:16px}.formula-item{text-align:center;padding:16px 24px;background:#ffffff1a;border-radius:12px}.formula-item.result{background:#ffffff26;border:1px solid rgba(255,255,255,.2)}.formula-value{font-size:32px;font-weight:700}.formula-value.world-class{color:#2ecc71}.formula-value.good{color:#3498db}.formula-value.average{color:#f1c40f}.formula-value.poor{color:#e74c3c}.formula-label{font-size:14px;font-weight:600;margin-top:4px;color:#ffffffe6}.formula-desc{font-size:11px;color:#fff9;margin-top:4px}.formula-operator{font-size:24px;font-weight:300;color:#ffffff80}.oee-benchmark{display:flex;align-items:center;gap:24px;padding:16px 24px;background:var(--bg-card);border-radius:10px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.benchmark-title{font-size:14px;font-weight:600;color:#333}.benchmark-items{display:flex;gap:20px}.benchmark-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#555}.benchmark-item span{padding:4px 10px;border-radius:4px;font-weight:600;font-size:12px}.benchmark-item.world-class span{background:#2ecc7126;color:#27ae60}.benchmark-item.good span{background:#3498db26;color:#2980b9}.benchmark-item.average span{background:#f1c40f26;color:#d4ac0d}.benchmark-item.poor span{background:#e74c3c26;color:#c0392b}.metrics-card{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);margin-bottom:24px}.metrics-card h3{font-size:18px;font-weight:600;color:#333;margin:0 0 20px}.oee-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.oee-equipment-card{padding:20px;background:#f8f9fa;border-radius:12px}.eq-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.eq-name{font-size:14px;font-weight:600;color:#333}.eq-status{font-size:10px;padding:3px 8px;border-radius:10px;text-transform:capitalize}.eq-status.running{background:#2ecc7126;color:#27ae60}.eq-status.idle{background:#f1c40f26;color:#d4ac0d}.eq-status.maintenance{background:#3498db26;color:#2980b9}.eq-oee{font-size:36px;font-weight:700;text-align:center;margin-bottom:16px}.eq-oee.world-class{color:#27ae60}.eq-oee.good{color:#2980b9}.eq-oee.average{color:#d4ac0d}.eq-oee.poor{color:#c0392b}.eq-components{display:flex;flex-direction:column;gap:8px}.eq-comp{display:flex;align-items:center;gap:8px}.comp-label{font-size:11px;font-weight:600;color:#888;width:16px}.comp-bar{flex:1;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.comp-fill{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:3px}.comp-value{font-size:11px;font-weight:600;color:#555;min-width:36px;text-align:right}.eq-date{font-size:11px;color:#888;text-align:center;margin-top:12px}.eq-no-data{text-align:center;color:#aaa;font-size:13px;padding:24px 0}.metrics-table{width:100%;border-collapse:collapse;table-layout:fixed}.metrics-table th,.metrics-table td{padding:10px 8px;text-align:left;border-bottom:1px solid #f0f0f0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metrics-table th{font-weight:600;color:#555;background:#f8f9fa}.metrics-table tbody tr:hover{background:#fafbfc}.metric-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.metric-badge.world-class{background:#2ecc7126;color:#27ae60}.metric-badge.good{background:#3498db26;color:#2980b9}.metric-badge.average{background:#f1c40f26;color:#d4ac0d}.metric-badge.poor{background:#e74c3c26;color:#c0392b}.metric-badge.oee{font-weight:700}.metrics-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metrics-summary-card{background:var(--bg-card);border-radius:10px;padding:20px;text-align:center;box-shadow:var(--shadow-sm)}.metrics-sum-value{font-size:32px;font-weight:700;color:#333}.metrics-sum-value.green{color:#27ae60}.metrics-sum-value.orange{color:#e67e22}.metrics-sum-value.red{color:#e74c3c}.metrics-sum-value.blue{color:#2980b9}.metrics-sum-label{font-size:13px;color:var(--color-secondary);margin-top:4px}.downtime-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.dt-category-card{background:var(--bg-card);border-radius:10px;padding:20px;box-shadow:var(--shadow-sm);text-align:center;border-left:4px solid}.dt-category-card.breakdown{border-color:#e74c3c}.dt-category-card.changeover{border-color:#3498db}.dt-category-card.planned{border-color:#27ae60}.dt-category-card.other{border-color:#9b59b6}.dt-cat-value{font-size:28px;font-weight:700}.dt-category-card.breakdown .dt-cat-value{color:#e74c3c}.dt-category-card.changeover .dt-cat-value{color:#3498db}.dt-category-card.planned .dt-cat-value{color:#27ae60}.dt-category-card.other .dt-cat-value{color:#9b59b6}.dt-cat-label{font-size:13px;color:var(--color-secondary);margin-top:4px}.category-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.category-badge.breakdown{background:#e74c3c26;color:#c0392b}.category-badge.changeover{background:#3498db26;color:#2980b9}.category-badge.planned{background:#2ecc7126;color:#27ae60}.category-badge.other{background:#9b59b626;color:#8e44ad}.scrap-chart-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.scrap-by-reason{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm)}.scrap-by-reason h3{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.reason-bars{display:flex;flex-direction:column;gap:12px}.reason-bar-item{display:flex;align-items:center;gap:12px}.reason-label{font-size:13px;color:#555;min-width:120px}.reason-bar-track{flex:1;height:20px;background:#f0f0f0;border-radius:4px;overflow:hidden}.reason-bar-fill{height:100%;background:linear-gradient(90deg,#e74c3c,#c0392b);border-radius:4px}.reason-value{font-size:13px;font-weight:600;color:#333;min-width:40px;text-align:right}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.kpi-card{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm)}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.kpi-name{font-size:14px;font-weight:600;color:#555}.kpi-target{font-size:12px;color:#888}.kpi-value{font-size:36px;font-weight:700;margin-bottom:8px}.kpi-value.good{color:#27ae60}.kpi-value.warn{color:#e67e22}.kpi-value.bad{color:#e74c3c}.kpi-progress{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.kpi-progress-fill{height:100%;border-radius:4px}.kpi-progress-fill.good{background:#27ae60}.kpi-progress-fill.warn{background:#e67e22}.kpi-progress-fill.bad{background:#e74c3c}.metrics-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.metrics-modal{background:var(--bg-card);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.metrics-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.metrics-modal-header h3{margin:0;font-size:18px;font-weight:600}.metrics-modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer}.metrics-modal-form{padding:24px}.metrics-modal-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.metrics-modal-form .form-row.three{grid-template-columns:1fr 1fr 1fr}.metrics-modal-form .form-group{margin-bottom:16px}.metrics-modal-form .form-group label{display:block;font-size:13px;font-weight:600;color:#555;margin-bottom:6px}.metrics-modal-form .form-group input,.metrics-modal-form .form-group textarea,.metrics-modal-form .form-group select{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px}.metrics-modal-form .form-group input:focus,.metrics-modal-form .form-group textarea:focus,.metrics-modal-form .form-group select:focus{border-color:var(--color-primary);outline:none}.oee-input-section{padding:16px;background:#f8f9fa;border-radius:10px;margin-bottom:16px}.oee-input-section h4{font-size:14px;font-weight:600;color:#333;margin:0 0 12px}.oee-preview{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#f0f2f5;border-radius:10px;margin-top:16px}.preview-label{font-size:14px;color:#555}.preview-value{font-size:28px;font-weight:700}.metrics-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0}.metrics-modal-actions .btn-cancel{padding:10px 20px;background:#f0f2f5;border:none;border-radius:8px;font-size:14px;cursor:pointer}.metrics-modal-actions .btn-submit{padding:10px 20px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.metrics-action-btn{padding:6px 12px;background:#f0f2f5;border:none;border-radius:6px;font-size:12px;cursor:pointer;margin-right:4px}.metrics-action-btn:hover{background:#e5e8ec}.metrics-action-btn.delete{color:#e74c3c}.metrics-action-btn.delete:hover{background:#e74c3c1a}@media (max-width: 1200px){.oee-grid,.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.formula-components{flex-wrap:wrap}.downtime-categories{grid-template-columns:repeat(2,1fr)}.scrap-chart-section{grid-template-columns:1fr}}@media (max-width: 768px){.oee-grid,.kpi-grid{grid-template-columns:1fr}.metrics-summary-row{grid-template-columns:repeat(2,1fr)}.metrics-header-content{flex-direction:column;align-items:flex-start;gap:16px}.oee-benchmark{flex-direction:column;align-items:flex-start}.benchmark-items{flex-wrap:wrap}}.ppa-page{max-width:100%;margin:0 auto;overflow-x:hidden}.ppa-header{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);margin-bottom:24px}.ppa-back{background:none;border:none;color:var(--color-secondary);font-size:14px;cursor:pointer;padding:0;margin-bottom:12px}.ppa-back:hover{color:var(--color-primary)}.ppa-header-content{display:flex;justify-content:space-between;align-items:center}.ppa-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.ppa-subtitle{font-size:15px;color:var(--color-secondary);margin:0}.ppa-add-btn{padding:10px 20px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.ppa-add-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.ppa-layout{display:grid;grid-template-columns:260px 1fr;gap:20px;min-width:0}.ppa-sidebar{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);height:fit-content;position:sticky;top:20px}.ppa-sidebar-title{font-size:16px;font-weight:600;color:var(--color-primary);margin:0 0 16px}.ppa-audit-list{display:flex;flex-direction:column;gap:12px}.ppa-audit-item{padding:14px;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s}.ppa-audit-item:hover{border-color:var(--color-primary)}.ppa-audit-item.active{border-color:var(--color-primary);background:var(--accent-light)}.audit-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.audit-product{font-size:14px;font-weight:600;color:var(--color-primary)}.audit-status{font-size:10px;padding:3px 8px;border-radius:10px;text-transform:capitalize}.audit-status.completed{background:#2ecc7126;color:#27ae60}.audit-status.in_progress{background:var(--accent-light);color:var(--color-primary)}.audit-item-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--color-muted);margin-bottom:8px}.audit-item-stats{display:flex;justify-content:space-between;align-items:center}.findings-count{font-size:11px;color:#e67e22}.audit-score{font-size:14px;font-weight:700;color:#27ae60}.ppa-main{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}.ppa-tabs{display:flex;gap:4px;padding:12px;background:var(--bg-surface);border-bottom:1px solid var(--border-color);overflow-x:auto}.ppa-tab{padding:10px 16px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:500;color:var(--color-secondary);cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:6px}.ppa-tab:hover{background:var(--bg-surface-hover)}.ppa-tab.active{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.tab-badge{background:#fff3;padding:2px 6px;border-radius:10px;font-size:11px}.ppa-tab:not(.active) .tab-badge{background:#e67e2226;color:#d35400}.ppa-content{padding:24px}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.overview-card{padding:20px;background:var(--bg-surface);border-radius:12px}.overview-card h4{font-size:14px;font-weight:600;color:var(--color-secondary);margin:0 0 16px}.info-rows{display:flex;flex-direction:column;gap:10px}.info-row{display:flex;justify-content:space-between;font-size:13px}.info-row span{color:var(--color-muted)}.status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.status-badge.completed{background:#2ecc7126;color:#27ae60}.status-badge.in_progress{background:var(--accent-light);color:var(--color-primary)}.score-display{text-align:center;margin-bottom:16px}.big-score{font-size:48px;font-weight:700;color:#27ae60}.score-label{font-size:13px;color:var(--color-muted)}.component-scores{display:flex;flex-direction:column;gap:8px}.comp-score{display:flex;justify-content:space-between;font-size:12px;padding:8px 12px;background:var(--bg-card);border-radius:6px}.findings-stats{display:flex;justify-content:space-around}.finding-stat{text-align:center}.stat-value{display:block;font-size:28px;font-weight:700;color:var(--color-primary)}.stat-label{font-size:12px;color:var(--color-muted)}.linked-diagram-card{padding:24px;background:var(--bg-surface);border-radius:12px}.linked-diagram-card h4{font-size:14px;font-weight:600;color:var(--color-secondary);margin:0 0 20px}.linkage-flow{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.link-node{padding:12px 20px;border-radius:8px;font-size:13px;font-weight:600;color:var(--btn-primary-text)}.link-node.cp{background:var(--accent)}.link-node.pfmea{background:var(--danger)}.link-node.wf{background:#27ae60}.link-node.msa{background:#9b59b6}.link-node.spc{background:#e67e22}.link-arrow{font-size:20px;color:var(--color-muted)}.linkage-note{text-align:center;font-size:12px;color:var(--color-muted);margin-top:16px}.ppa-section{padding:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{font-size:18px;font-weight:600;color:var(--color-primary);margin:0}.section-header p{font-size:13px;color:var(--color-muted);margin:4px 0 0}.doc-status{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.doc-status.approved{background:#2ecc7126;color:#27ae60}.doc-status.draft{background:#f1c40f26;color:#d4ac0d}.ppa-table{width:100%;border-collapse:collapse;margin-bottom:20px;table-layout:fixed}.ppa-table th,.ppa-table td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--border-light);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppa-table th{font-weight:600;color:var(--color-secondary);background:var(--bg-surface)}.ppa-table tbody tr:hover{background:var(--bg-surface)}.ppa-table tr.high-rpn{background:var(--danger-light)}.type-badge{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600}.type-badge.critical{background:var(--danger-light);color:var(--danger)}.type-badge.major{background:#e67e2226;color:#d35400}.rpn-high{color:var(--danger)}.rpn-med{color:#e67e22}.rpn-low{color:#27ae60}.status-pill{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.status-pill.acceptable,.status-pill.capable{background:#2ecc7126;color:#27ae60}.status-pill.marginal{background:#f1c40f26;color:#d4ac0d}.status-pill.unacceptable,.status-pill.not-capable{background:var(--danger-light);color:var(--danger)}.acceptable{color:#27ae60}.marginal,.marginal-cpk{color:#d4ac0d}.unacceptable,.not-capable{color:var(--danger)}.capable{color:#27ae60}.msa-legend,.spc-legend{display:flex;gap:20px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light)}.legend-item{font-size:12px;padding:4px 10px;border-radius:4px}.legend-item.acceptable,.legend-item.capable{background:#2ecc7126;color:#27ae60}.legend-item.marginal,.legend-item.marginal-cpk{background:#f1c40f26;color:#d4ac0d}.legend-item.unacceptable,.legend-item.not-capable{background:var(--danger-light);color:var(--danger)}.workflow-steps{display:flex;flex-direction:column;gap:0}.workflow-step{display:flex;align-items:center;gap:16px;padding:16px 0;position:relative}.step-number{width:36px;height:36px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.step-content{flex:1}.step-name{font-size:14px;font-weight:600;color:var(--color-primary);margin-bottom:4px}.step-meta{display:flex;gap:16px;font-size:12px;color:var(--color-muted)}.step-status{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.step-status.compliant{background:#2ecc7126;color:#27ae60}.step-status.observation{background:#f1c40f26;color:#d4ac0d}.step-connector{position:absolute;left:18px;top:52px;width:2px;height:24px;background:var(--bg-surface-hover)}.section-findings{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-light)}.section-findings h4{font-size:14px;font-weight:600;color:var(--color-secondary);margin:0 0 12px}.finding-item{padding:12px 16px;background:var(--bg-surface);border-radius:8px;border-left:4px solid;margin-bottom:10px}.finding-desc{font-size:13px;color:var(--color-primary)}.finding-link{display:block;font-size:11px;color:var(--color-muted);margin-top:4px}.add-finding-btn{padding:8px 16px;background:#27ae60;color:var(--btn-primary-text);border:none;border-radius:6px;font-size:13px;cursor:pointer}.findings-list{display:flex;flex-direction:column;gap:16px}.finding-card{padding:20px;background:var(--bg-surface);border-radius:12px;border-left:4px solid}.finding-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.severity-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}.severity-badge.critical{background:var(--danger-light);color:var(--danger)}.severity-badge.major{background:#e67e2226;color:#d35400}.severity-badge.minor{background:#f1c40f26;color:#d4ac0d}.finding-category{font-size:12px;color:var(--color-muted);flex:1}.status-select{padding:6px 12px;border:1px solid var(--input-border);border-radius:6px;font-size:12px;background:var(--bg-card)}.finding-description{font-size:14px;color:var(--color-primary);margin:0 0 12px;line-height:1.5}.finding-details{display:flex;gap:24px;font-size:13px;color:var(--color-secondary);margin-bottom:12px}.finding-improvement{padding:12px;background:#27ae6014;border-radius:8px;font-size:13px}.finding-improvement strong{display:block;margin-bottom:6px;color:#27ae60}.finding-improvement p{margin:0;color:var(--color-primary)}.finding-links{margin-top:12px;font-size:12px;color:var(--color-muted)}.link-tag{display:inline-block;margin-left:8px;padding:2px 8px;background:var(--bg-surface-hover);border-radius:4px;color:var(--color-secondary)}.no-audit-selected{padding:60px;text-align:center}.no-audit-selected p{font-size:15px;color:var(--color-muted);margin-bottom:20px}.ppa-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.ppa-modal{background:var(--bg-card);border-radius:16px;width:90%;max-width:480px;max-height:90vh;overflow-y:auto}.ppa-modal.wide{max-width:600px}.ppa-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light)}.ppa-modal-header h3{margin:0;font-size:18px;font-weight:600}.ppa-modal-close{background:none;border:none;font-size:24px;color:var(--color-muted);cursor:pointer}.ppa-modal-form{padding:24px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--input-border);border-radius:8px;font-size:14px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-primary);outline:none}.ppa-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-light)}@media (max-width: 1024px){.ppa-layout{grid-template-columns:1fr}.ppa-sidebar{position:static}.overview-grid{grid-template-columns:1fr}}@media (max-width: 640px){.ppa-header{flex-direction:column;gap:12px;align-items:flex-start}.ppa-add-btn{width:100%;justify-content:center}}.history-page{max-width:100%;margin:0 auto;overflow-x:hidden}.history-header{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);margin-bottom:24px}.history-back{background:none;border:none;color:var(--color-secondary);font-size:14px;cursor:pointer;padding:0;margin-bottom:12px}.history-back:hover{color:var(--color-primary)}.history-header-content{display:flex;justify-content:space-between;align-items:center}.history-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.history-subtitle{font-size:15px;color:var(--color-secondary);margin:0}.history-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.history-stat-card{background:var(--bg-card);border-radius:12px;padding:20px;text-align:center;box-shadow:var(--shadow-sm)}.stat-value{font-size:32px;font-weight:700;color:var(--color-primary)}.stat-value.green,.stat-value.excellent{color:#27ae60}.stat-value.good{color:var(--color-primary)}.stat-value.orange,.stat-value.average{color:#e67e22}.stat-value.poor{color:var(--danger)}.stat-label{font-size:13px;color:var(--color-secondary);margin-top:4px}.history-filters{display:flex;gap:16px;margin-bottom:24px;padding:16px 20px;background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm)}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:12px;font-weight:600;color:var(--color-secondary)}.filter-group select,.filter-group input{padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;min-width:160px}.filter-group.search{flex:1}.filter-group.search input{width:100%}.history-content{display:grid;grid-template-columns:1fr 400px;gap:24px}.history-list{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm)}.list-title{font-size:16px;font-weight:600;color:var(--color-primary);margin:0 0 20px}.audit-timeline{position:relative}.audit-timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--border-color)}.timeline-audit-item{position:relative;padding-left:32px;padding-bottom:20px;cursor:pointer}.timeline-audit-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;border:3px solid var(--bg-card);box-shadow:0 0 0 2px var(--border-color);z-index:1}.timeline-content{padding:16px;background:var(--bg-surface);border-radius:10px;transition:all .2s}.timeline-audit-item:hover .timeline-content{background:#f0f2f5}.timeline-audit-item.selected .timeline-content{background:var(--accent-light);border:1px solid var(--border-color)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.type-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;color:var(--btn-primary-text)}.timeline-date{font-size:12px;color:var(--color-muted)}.timeline-area{font-size:15px;font-weight:600;color:var(--color-primary);margin-bottom:6px}.timeline-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--color-muted);margin-bottom:10px}.timeline-footer{display:flex;justify-content:space-between;align-items:center}.history-status{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.history-status.completed{background:#2ecc7126;color:#27ae60}.history-status.progress{background:#3498db26;color:var(--color-primary)}.history-status.action{background:#e67e2226;color:#d35400}.history-status.open{background:#95a5a626;color:#7f8c8d}.score-badge{font-size:14px;font-weight:700}.score-badge.excellent{color:#27ae60}.score-badge.good{color:var(--color-primary)}.score-badge.average{color:#e67e22}.score-badge.poor{color:var(--danger)}.history-detail{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);position:sticky;top:20px;height:fit-content}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light)}.detail-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-primary)}.close-detail{background:none;border:none;font-size:24px;color:var(--color-muted);cursor:pointer;padding:0;line-height:1}.detail-content{padding:24px}.detail-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-light)}.detail-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.detail-section h4{font-size:14px;font-weight:600;color:var(--color-secondary);margin:0 0 16px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.rating{flex-direction:row;align-items:center;gap:12px}.detail-label{font-size:11px;color:var(--color-muted);text-transform:uppercase}.detail-value{font-size:14px;font-weight:600;color:var(--color-primary)}.detail-value.score{font-size:18px}.detail-value.score.excellent{color:#27ae60}.detail-value.score.good{color:var(--color-primary)}.detail-value.score.average{color:#e67e22}.detail-value.score.poor{color:var(--danger)}.score-breakdown{display:flex;flex-direction:column;gap:8px}.score-item{display:flex;justify-content:space-between;padding:10px 14px;background:var(--bg-surface);border-radius:8px;font-size:13px}.score-item span:first-child{color:var(--color-secondary)}.score-item span:last-child{font-weight:600;color:var(--color-primary)}.rating-badge{padding:6px 14px;border-radius:6px;font-size:16px;font-weight:700;color:var(--btn-primary-text)}.rating-badge.A{background:#27ae60}.rating-badge.B{background:var(--accent)}.rating-badge.C{background:#e67e22}.rating-badge.D{background:var(--danger)}.components-list{display:flex;flex-direction:column;gap:8px}.component-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-surface);border-radius:8px}.comp-name{font-size:13px;color:var(--color-secondary)}.comp-status{font-size:12px;font-weight:600;padding:3px 10px;border-radius:10px;background:var(--border-color);color:var(--color-secondary)}.comp-status.approved{background:#2ecc7126;color:#27ae60}.comp-status.draft{background:#f1c40f26;color:#d4ac0d}.detail-findings,.detail-actions{margin-top:16px}.detail-findings h5,.detail-actions h5{font-size:13px;font-weight:600;color:var(--color-secondary);margin:0 0 10px}.detail-findings ul,.detail-actions ul{margin:0;padding:0 0 0 20px;font-size:13px;color:var(--color-secondary)}.detail-findings li,.detail-actions li{margin-bottom:6px}.finding-preview{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-surface);border-radius:6px;margin-bottom:8px}.finding-preview .severity{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:capitalize}.finding-preview .severity.critical{background:#e74c3c26;color:var(--danger)}.finding-preview .severity.major{background:#e67e2226;color:#d35400}.finding-preview .severity.minor{background:#f1c40f26;color:#d4ac0d}.finding-preview .finding-text{flex:1;font-size:12px;color:var(--color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finding-preview .finding-status{font-size:10px;padding:2px 8px;border-radius:10px;text-transform:capitalize}.finding-preview .finding-status.open{background:#e67e2226;color:#d35400}.finding-preview .finding-status.in_progress{background:#3498db26;color:var(--color-primary)}.finding-preview .finding-status.closed{background:#2ecc7126;color:#27ae60}.view-more-btn{width:100%;padding:10px;background:transparent;border:1px dashed var(--border-color);border-radius:6px;font-size:12px;color:var(--color-secondary);cursor:pointer;margin-top:8px}.view-more-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.detail-actions-bar{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-light)}.action-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;cursor:pointer;width:100%}.action-btn.primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:500}.questionnaire-summary{background:var(--bg-surface);border-radius:8px;padding:12px;margin-bottom:16px}.summary-note{font-size:13px;color:var(--color-secondary);margin:0}.no-data-note{font-size:13px;color:var(--color-muted);font-style:italic;margin:0}@media (max-width: 1200px){.history-content{grid-template-columns:1fr}.history-detail{position:static}}@media (max-width: 768px){.history-stats{grid-template-columns:repeat(2,1fr)}.history-filters{flex-direction:column}.filter-group select,.filter-group input{min-width:unset;width:100%}.detail-grid{grid-template-columns:1fr}}.floor-page{max-width:100%;margin:0 auto;height:calc(100vh - 40px);display:flex;flex-direction:column;overflow-x:hidden}.floor-header{background:var(--bg-card);border-radius:12px;padding:20px 24px;box-shadow:var(--shadow-sm);margin-bottom:16px;flex-shrink:0}.floor-back{background:none;border:none;color:var(--color-secondary);font-size:14px;cursor:pointer;padding:0;margin-bottom:12px}.floor-back:hover{color:var(--color-primary)}.floor-header-content{display:flex;justify-content:space-between;align-items:center}.floor-title{font-size:22px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.floor-subtitle{font-size:14px;color:var(--color-secondary);margin:0}.floor-header-actions{display:flex;gap:12px}.edit-mode-btn{padding:10px 18px;background:var(--bg-surface);border:2px solid transparent;border-radius:8px;font-size:14px;font-weight:500;color:var(--color-secondary);cursor:pointer;transition:all .2s}.edit-mode-btn:hover{background:var(--bg-surface-hover)}.edit-mode-btn.active{background:var(--accent-light);border-color:var(--btn-primary-bg);color:var(--color-primary)}.add-equipment-btn{padding:10px 18px;background:var(--btn-primary-bg);border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--btn-primary-text);cursor:pointer;transition:all .2s}.add-equipment-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0008884d}.floor-status-bar{display:flex;align-items:center;gap:24px;padding:12px 20px;background:var(--bg-card);border-radius:10px;box-shadow:var(--shadow-sm);margin-bottom:16px;flex-shrink:0}.status-item{display:flex;align-items:center;gap:8px}.status-dot{width:12px;height:12px;border-radius:50%}.status-dot.running{background:#27ae60}.status-dot.idle{background:#f1c40f}.status-dot.maintenance{background:#3498db}.status-count{font-size:18px;font-weight:700;color:var(--color-primary)}.status-label{font-size:13px;color:var(--color-secondary)}.zoom-controls{margin-left:auto;display:flex;align-items:center;gap:8px}.zoom-controls button{width:32px;height:32px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.zoom-controls button:hover{background:var(--bg-surface-hover)}.zoom-controls span{min-width:50px;text-align:center;font-size:13px;color:var(--color-secondary)}.floor-content{display:flex;gap:20px;flex:1;min-height:0}.floor-canvas-container{flex:1;background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);overflow:auto;padding:20px}.floor-canvas{display:block;transition:transform .1s ease-out}.equipment-item{transition:opacity .2s}.equipment-item.draggable{cursor:move}.equipment-item.draggable:hover{opacity:.9}.equipment-item.dragging{opacity:.7}.equipment-item.selected{filter:drop-shadow(0 0 8px rgba(0,8,136,.5))}.equipment-detail-panel{width:280px;background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;flex-shrink:0}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light)}.panel-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-primary)}.panel-close{background:none;border:none;font-size:24px;color:var(--color-muted);cursor:pointer;padding:0;line-height:1}.panel-content{padding:20px;overflow-y:auto}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-light)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:13px;color:var(--color-muted)}.detail-value{font-size:14px;font-weight:500;color:var(--color-primary)}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.running{background:#2ecc7126;color:#27ae60}.status-badge.idle{background:#f1c40f26;color:#d4ac0d}.status-badge.maintenance{background:#3498db26;color:#2980b9}.panel-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-light)}.panel-section h4{font-size:13px;font-weight:600;color:var(--color-secondary);margin:0 0 12px}.status-buttons{display:flex;gap:8px}.status-btn{flex:1;padding:8px 12px;border:2px solid transparent;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize;cursor:pointer;transition:all .2s}.status-btn.running{background:#2ecc711a;color:#27ae60;border-color:#2ecc714d}.status-btn.running.active,.status-btn.running:hover{background:#27ae60;color:#fff;border-color:#27ae60}.status-btn.idle{background:#f1c40f1a;color:#d4ac0d;border-color:#f1c40f4d}.status-btn.idle.active,.status-btn.idle:hover{background:#f1c40f;color:var(--color-primary);border-color:#f1c40f}.status-btn.maintenance{background:#3498db1a;color:#2980b9;border-color:#3498db4d}.status-btn.maintenance.active,.status-btn.maintenance:hover{background:#3498db;color:#fff;border-color:#3498db}.delete-equipment-btn{width:100%;margin-top:20px;padding:10px;background:var(--danger-light);border:1px solid var(--danger);border-radius:8px;font-size:13px;font-weight:500;color:var(--danger);cursor:pointer;transition:all .2s}.delete-equipment-btn:hover{background:var(--danger);color:var(--btn-primary-text)}.edit-instructions{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:12px 24px;background:#000022e6;border-radius:8px;font-size:13px;color:#fff;box-shadow:0 4px 20px #0000004d;z-index:100}.edit-instructions strong{color:#4db6ff}.floor-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.floor-modal{background:var(--bg-card);border-radius:16px;width:90%;max-width:480px;max-height:90vh;overflow-y:auto}.floor-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light)}.floor-modal-header h3{margin:0;font-size:18px;font-weight:600}.floor-modal-close{background:none;border:none;font-size:24px;color:var(--color-muted);cursor:pointer}.floor-modal-form{padding:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.floor-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-light)}.btn-cancel{padding:10px 20px;background:var(--bg-surface);border:none;border-radius:8px;font-size:14px;cursor:pointer}@media (max-width: 1200px){.floor-content{flex-direction:column}.equipment-detail-panel{width:100%;order:-1}}@media (max-width: 768px){.floor-header-content{flex-direction:column;align-items:flex-start;gap:16px}.floor-status-bar{flex-wrap:wrap;gap:16px}.zoom-controls{margin-left:0;width:100%;justify-content:center;margin-top:8px}}.cert-page{max-width:100%;margin:0 auto;overflow-x:hidden}.cert-header{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);margin-bottom:20px}.cert-back{background:none;border:none;color:var(--color-secondary);font-size:14px;cursor:pointer;padding:0;margin-bottom:12px}.cert-back:hover{color:var(--color-primary)}.cert-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.cert-subtitle{font-size:15px;color:var(--color-secondary);margin:0}.cert-tabs{display:flex;gap:16px;margin-bottom:20px}.cert-tab{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 20px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s}.cert-tab:hover{border-color:var(--tab-color);transform:translateY(-2px)}.cert-tab.active{border-color:var(--tab-color);box-shadow:0 4px 12px #0000001a}.tab-badge{padding:4px 12px;border-radius:6px;font-size:13px;font-weight:600;color:var(--btn-primary-text)}.tab-label{font-size:12px;color:var(--color-secondary)}.cert-overview{margin-bottom:20px}.cert-overview-card{background:var(--bg-card);border-radius:12px;padding:24px;border-left:5px solid;box-shadow:var(--shadow-sm)}.overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.overview-header h2{margin:0;font-size:20px;font-weight:600;color:var(--color-primary)}.cert-badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.cert-badge.active{background:#2ecc7126;color:#27ae60}.overview-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.overview-item{display:flex;flex-direction:column;gap:4px}.item-label{font-size:11px;color:var(--color-muted);text-transform:uppercase}.item-value{font-size:14px;font-weight:600;color:var(--color-primary)}.cert-content{display:grid;grid-template-columns:400px 1fr;gap:20px}.cert-history-section{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm)}.section-title{font-size:16px;font-weight:600;color:var(--color-primary);margin:0 0 16px}.history-timeline{position:relative}.history-timeline:before{content:"";position:absolute;left:15px;top:30px;bottom:30px;width:2px;background:var(--border-color)}.history-entry{position:relative;display:flex;gap:16px;padding:12px;margin-bottom:12px;border-radius:10px;cursor:pointer;transition:all .2s}.history-entry:hover{background:var(--bg-surface)}.history-entry.selected{background:var(--accent-light);border:1px solid var(--border-color)}.entry-marker{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--btn-primary-text);flex-shrink:0;z-index:1}.entry-content{flex:1;min-width:0}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.entry-type{font-size:13px;font-weight:600;color:var(--color-primary)}.entry-date{font-size:12px;color:var(--color-muted)}.entry-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--color-secondary);margin-bottom:8px}.entry-result{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:capitalize}.entry-result.passed{background:#2ecc7126;color:#27ae60}.entry-result.failed{background:#e74c3c26;color:var(--danger)}.entry-stats{display:flex;gap:16px;font-size:12px}.entry-score{font-weight:600}.entry-findings{color:#e67e22}.entry-docs{color:var(--color-primary)}.cert-documents-section{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm)}.docs-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.docs-subtitle{font-size:13px;color:var(--color-muted);margin:4px 0 0}.upload-btn{padding:10px 18px;background:var(--btn-primary-bg);border:none;border-radius:8px;font-size:13px;font-weight:500;color:var(--btn-primary-text);cursor:pointer;transition:all .2s}.upload-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0008884d}.audit-notes{padding:16px;background:var(--bg-surface);border-radius:10px;margin-bottom:20px}.audit-notes h4{font-size:13px;font-weight:600;color:var(--color-secondary);margin:0 0 8px}.audit-notes p{font-size:14px;color:var(--color-primary);margin:0;line-height:1.5}.documents-list{display:flex;flex-direction:column;gap:12px}.document-item{display:flex;align-items:center;gap:16px;padding:14px 16px;background:var(--bg-surface);border-radius:10px;transition:all .2s}.document-item:hover{background:#f0f2f5}.doc-icon{flex-shrink:0}.doc-info{flex:1;min-width:0}.doc-name{font-size:14px;font-weight:600;color:var(--color-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-meta{display:flex;gap:12px;font-size:12px}.doc-type{color:var(--color-secondary)}.doc-format{color:var(--color-muted);text-transform:uppercase}.doc-size{color:var(--color-muted)}.doc-date{font-size:12px;color:var(--color-muted);flex-shrink:0}.doc-actions{display:flex;gap:8px;flex-shrink:0}.doc-action{width:32px;height:32px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.doc-action.download{background:#3498db1a;color:var(--color-primary)}.doc-action.download:hover{background:#3498db;color:var(--btn-primary-text)}.doc-action.view{background:#9b59b61a;color:#9b59b6}.doc-action.view:hover{background:#9b59b6;color:var(--btn-primary-text)}.doc-action.delete{background:#e74c3c1a;color:var(--danger)}.doc-action.delete:hover{background:#e74c3c;color:var(--btn-primary-text)}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--color-muted)}.no-selection svg{margin-bottom:16px}.no-selection p{font-size:15px;margin:0}.cert-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.cert-modal{background:var(--bg-card);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.cert-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light)}.cert-modal-header h3{margin:0;font-size:18px;font-weight:600}.cert-modal-close{background:none;border:none;font-size:24px;color:var(--color-muted);cursor:pointer}.cert-modal-form{padding:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--color-secondary);margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);outline:none}.file-upload-area{border:2px dashed var(--border-color);border-radius:10px;padding:30px;text-align:center;cursor:pointer;transition:all .2s}.file-upload-area:hover{border-color:var(--color-primary);background:var(--accent-light)}.file-upload-area svg{margin-bottom:10px}.file-upload-area p{font-size:14px;color:var(--color-secondary);margin:0 0 4px}.file-upload-area span{font-size:12px;color:var(--color-muted)}.cert-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0}.btn-cancel{padding:10px 20px;background:#f0f2f5;border:none;border-radius:8px;font-size:14px;cursor:pointer}.btn-submit{padding:10px 20px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}@media (max-width: 1200px){.overview-grid{grid-template-columns:repeat(3,1fr)}.cert-content{grid-template-columns:1fr}.cert-history-section{order:2}.cert-documents-section{order:1}}@media (max-width: 768px){.cert-tabs{flex-direction:column}.overview-grid{grid-template-columns:repeat(2,1fr)}.document-item{flex-wrap:wrap}.doc-date{width:100%;margin-top:8px;text-align:right}}.audit-q-page{max-width:100%;margin:0 auto;overflow-x:hidden}.audit-q-header{background:var(--bg-card);border-radius:12px;padding:20px 24px;box-shadow:var(--shadow-sm);margin-bottom:16px}.audit-q-back{background:none;border:none;color:var(--color-secondary);font-size:14px;cursor:pointer;padding:0;margin-bottom:12px}.audit-q-back:hover{color:var(--color-primary)}.audit-q-header-content{display:flex;justify-content:space-between;align-items:center}.audit-q-title{font-size:22px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.audit-q-subtitle{font-size:14px;color:var(--color-secondary);margin:0}.save-audit-btn{padding:12px 24px;background:#27ae60;border:none;border-radius:8px;font-size:14px;font-weight:600;color:var(--btn-primary-text);cursor:pointer;transition:all .2s}.save-audit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #27ae6066}.audit-info-bar{display:grid;grid-template-columns:1fr 1fr 200px;gap:16px;background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);margin-bottom:16px}.audit-info-field label{display:block;font-size:12px;font-weight:600;color:var(--color-secondary);margin-bottom:6px}.audit-info-field input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px}.audit-info-field input:focus{border-color:var(--color-primary);outline:none}.audit-score-summary{display:flex;gap:24px;background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);margin-bottom:16px}.score-main{display:flex;align-items:center;gap:30px}.score-circle{width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-surface);border:6px solid}.score-circle.excellent{border-color:#27ae60}.score-circle.good{border-color:var(--color-primary)}.score-circle.average{border-color:#f1c40f}.score-circle.poor{border-color:var(--danger)}.score-value{font-size:32px;font-weight:700;color:var(--color-primary)}.score-label{font-size:11px;color:var(--color-muted);text-transform:uppercase}.score-details{display:flex;flex-direction:column;gap:12px}.score-detail{display:flex;align-items:baseline;gap:8px}.detail-value{font-size:24px;font-weight:700;color:#333}.detail-value.findings{color:#e67e22}.detail-label{font-size:12px;color:#888}.category-scores{flex:1;display:flex;flex-direction:column;gap:8px}.cat-score-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .2s}.cat-score-item:hover{background:#f8f9fa}.cat-score-item.active{background:#00088814}.cat-score-bar{width:100px;height:8px;background:#eee;border-radius:4px;overflow:hidden}.cat-score-fill{height:100%;border-radius:4px;transition:width .3s ease}.cat-score-name{flex:1;font-size:13px;color:#555}.cat-score-value{font-size:14px;font-weight:600;color:#333;min-width:45px;text-align:right}.audit-q-nav{display:flex;gap:8px;background:#fff;border-radius:12px;padding:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:16px;overflow-x:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f8f9fa;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.nav-item:hover{background:#f0f2f5}.nav-item.active{background:#fff;border-color:var(--nav-color);box-shadow:0 2px 8px #0000001a}.nav-number{width:24px;height:24px;border-radius:50%;background:var(--nav-color);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}.nav-name{font-size:13px;font-weight:500;color:#333}.nav-score{font-size:12px;font-weight:600;color:#666}.audit-q-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.category-section{padding:24px}.category-header{border-left:4px solid;padding-left:16px;margin-bottom:24px}.category-header h2{font-size:18px;font-weight:600;color:#333;margin:0 0 4px}.category-header p{font-size:14px;color:#666;margin:0}.questions-list{display:flex;flex-direction:column;gap:16px}.question-item{display:flex;gap:16px;padding:20px;background:#f8f9fa;border-radius:12px;border:2px solid transparent;transition:all .2s}.question-item:hover{border-color:#e0e0e0}.question-item.has-finding{border-color:#e67e22;background:#e67e220d}.question-number{width:32px;height:32px;border-radius:50%;background:#e0e0e0;color:#666;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.question-content{flex:1}.question-text{font-size:15px;color:#333;margin-bottom:16px;line-height:1.5}.question-rating{display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.rating-label{font-size:13px;color:#666}.rating-buttons{display:flex;gap:4px}.rating-btn{width:36px;height:36px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-card);font-size:14px;font-weight:600;color:var(--color-secondary);cursor:pointer;transition:all .2s}.rating-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.rating-btn.selected{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.quick-ratings{display:flex;gap:8px;margin-left:auto}.quick-btn{padding:6px 14px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.quick-btn.na{background:#95a5a626;color:#7f8c8d}.quick-btn.na:hover{background:#7f8c8d;color:#fff}.quick-btn.partial{background:#f1c40f26;color:#d4ac0d}.quick-btn.partial:hover{background:#f1c40f;color:#333}.quick-btn.full{background:#2ecc7126;color:#27ae60}.quick-btn.full:hover{background:#27ae60;color:#fff}.question-finding{margin-bottom:12px}.finding-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.finding-toggle input{width:18px;height:18px;accent-color:#e67e22}.toggle-label{font-size:13px;color:#e67e22;font-weight:500}.finding-input{width:100%;margin-top:10px;padding:10px 12px;border:1px solid #e67e22;border-radius:8px;font-size:13px;resize:vertical;background:#e67e220d}.finding-input:focus{outline:none;border-color:#d35400}.question-notes input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--color-secondary)}.question-notes input:focus{border-color:var(--color-primary);outline:none}.question-score{display:flex;align-items:flex-start}.score-badge{padding:8px 14px;border-radius:8px;font-size:14px;font-weight:700}.score-badge.full{background:#2ecc7126;color:#27ae60}.score-badge.partial{background:#f1c40f26;color:#d4ac0d}.score-badge.zero{background:#95a5a626;color:#7f8c8d}.category-nav-buttons{display:flex;justify-content:space-between;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.nav-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.nav-btn.prev{background:var(--bg-surface);color:var(--color-secondary)}.nav-btn.prev:hover{background:var(--bg-surface-hover)}.nav-btn.next{background:var(--btn-primary-bg);color:var(--btn-primary-text);margin-left:auto}.nav-btn.next:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.audit-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.audit-modal.success{background:var(--bg-card);border-radius:16px;padding:40px;text-align:center;max-width:450px;width:90%}.modal-icon{margin-bottom:20px}.audit-modal.success h3{font-size:22px;font-weight:600;color:var(--color-primary);margin:0 0 20px}.modal-summary{background:var(--bg-surface);border-radius:10px;padding:16px;margin-bottom:16px;text-align:left}.modal-summary p{margin:8px 0;font-size:14px;color:var(--color-secondary)}.modal-note{font-size:13px;color:var(--color-muted);margin-bottom:24px}.modal-actions{display:flex;gap:12px;justify-content:center}.btn-secondary{padding:12px 24px;background:var(--bg-surface);border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--color-secondary);cursor:pointer}.btn-primary{padding:12px 24px;background:var(--btn-primary-bg);border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--btn-primary-text);cursor:pointer}@media (max-width: 1024px){.audit-score-summary{flex-direction:column}.audit-info-bar{grid-template-columns:1fr 1fr}.audit-info-bar .audit-info-field:last-child{grid-column:1 / -1}}@media (max-width: 768px){.audit-q-header-content{flex-direction:column;align-items:flex-start;gap:16px}.audit-info-bar{grid-template-columns:1fr}.question-rating{flex-direction:column;align-items:flex-start}.quick-ratings{margin-left:0}.question-item{flex-direction:column}.question-number{align-self:flex-start}.question-score{align-self:flex-end}}.wco-page{max-width:100%;margin:0 auto;overflow-x:hidden}.wco-header{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:20px}.wco-back{background:none;border:none;color:var(--color-secondary);font-size:14px;cursor:pointer;padding:0;margin-bottom:10px;display:inline-block;transition:color .2s}.wco-back:hover{color:var(--color-primary)}.wco-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.wco-title{font-size:22px;font-weight:600;color:var(--color-primary);margin:0 0 6px}.wco-subtitle{font-size:14px;color:var(--color-secondary);margin:0}.wco-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.wco-btn.primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.wco-btn.primary:hover{background:var(--btn-primary-hover);transform:translateY(-1px)}.wco-content{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:start;min-width:0}.wco-sidebar{background:var(--bg-card);border-radius:12px;padding:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);position:sticky;top:20px;min-width:0}.wco-sb-title{font-size:15px;font-weight:600;color:var(--color-primary);margin:0 0 14px}.wco-sb-empty{font-size:13px;color:var(--color-muted);text-align:center;padding:20px 0}.wco-sb-list{display:flex;flex-direction:column;gap:8px}.wco-sb-item{padding:12px 14px;background:var(--bg-surface);border-radius:8px;cursor:pointer;transition:all .2s;border:2px solid transparent}.wco-sb-item:hover{background:var(--bg-surface-hover)}.wco-sb-item.active{background:var(--accent-light);border-color:var(--btn-primary-bg)}.wco-sb-info{display:flex;flex-direction:column;margin-bottom:4px}.wco-sb-name{font-size:13px;font-weight:600;color:var(--color-primary)}.wco-sb-type{font-size:11px;color:var(--color-muted);margin-top:2px}.wco-sb-shifts{font-size:11px;font-weight:600;color:var(--color-primary);background:var(--accent-light);padding:2px 6px;border-radius:4px;display:inline-block;margin-top:4px}.wco-main{display:flex;flex-direction:column;gap:16px;min-width:0;overflow:hidden}.wco-card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);min-width:0;overflow:hidden}.wco-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.wco-card-title{font-size:15px;font-weight:600;color:var(--color-primary);margin:0}.wco-card-actions{display:flex;gap:6px;flex-shrink:0}.wco-btn-sm{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.wco-btn-sm.edit{background:var(--accent-light);color:var(--btn-primary-bg)}.wco-btn-sm.delete{background:var(--danger-light);color:var(--danger)}.wco-btn-sm.add{background:var(--accent-light);color:var(--btn-primary-bg)}.wco-btn-sm:hover{opacity:.8}.wco-empty{background:var(--bg-card);border-radius:12px;padding:50px 30px;text-align:center;border:2px dashed var(--border-color);display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-secondary)}.wco-empty h3{margin:0;font-size:18px;color:var(--color-primary)}.wco-empty p{margin:0 0 8px;font-size:14px}.wco-indicators{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.wco-ind-card{background:var(--bg-card);border-radius:10px;padding:14px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);display:flex;flex-direction:column;min-width:0}.wco-ind-label{font-size:11px;color:var(--color-secondary);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wco-ind-value{font-size:20px;font-weight:700;color:var(--color-primary);font-family:SF Mono,Roboto Mono,monospace}.wco-ind-value.red{color:var(--danger)}.wco-params-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:20px}.wco-param label{display:block;font-size:11px;font-weight:500;color:var(--color-secondary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wco-param-input{position:relative;display:flex;align-items:center}.wco-param-input input{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-weight:600;font-family:SF Mono,Roboto Mono,monospace;color:var(--color-primary);transition:border-color .2s;box-sizing:border-box}.wco-param-input input:focus{outline:none;border-color:var(--btn-primary-bg)}.wco-param-unit{position:absolute;right:10px;font-size:11px;color:var(--color-muted);pointer-events:none}.wco-time-breakdown{padding-top:16px;border-top:1px solid var(--bg-surface)}.wco-tb-title{font-size:13px;font-weight:600;color:var(--color-secondary);margin:0 0 12px}.wco-tb-bars{display:flex;flex-direction:column;gap:8px}.wco-tb-item{display:flex;flex-direction:column;gap:4px}.wco-tb-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--color-secondary)}.wco-tb-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.wco-tb-val{font-family:SF Mono,Roboto Mono,monospace;font-weight:500;font-size:11px;color:var(--color-primary)}.wco-tb-track{height:6px;background:var(--bg-surface);border-radius:3px;overflow:hidden}.wco-tb-fill{height:100%;border-radius:3px;transition:width .3s ease}.wco-table-wrap{width:100%;overflow-x:auto}.wco-table{width:100%;border-collapse:collapse;table-layout:fixed}.wco-table th,.wco-table td{padding:8px 6px;text-align:right;border-bottom:1px solid var(--bg-surface);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wco-table th:first-child,.wco-table td:first-child{text-align:left;width:22%}.wco-table th:nth-child(2),.wco-table td:nth-child(2),.wco-table th:nth-child(3),.wco-table td:nth-child(3){width:7%}.wco-table th:nth-child(4),.wco-table td:nth-child(4){width:7%}.wco-table th:nth-child(5),.wco-table td:nth-child(5),.wco-table th:nth-child(6),.wco-table td:nth-child(6),.wco-table th:nth-child(7),.wco-table td:nth-child(7){width:9%}.wco-table th:nth-child(8),.wco-table td:nth-child(8){width:9%}.wco-table th:nth-child(9),.wco-table td:nth-child(9){width:8%}.wco-table th:last-child,.wco-table td:last-child{width:7%}.wco-table th{font-size:10px;font-weight:600;color:var(--color-secondary);text-transform:uppercase;background:var(--bg-surface);letter-spacing:.3px}.wco-table tbody tr{transition:background .2s}.wco-table tbody tr:hover{background:var(--bg-surface)}.wco-t-product{font-weight:600;color:var(--color-primary);font-size:12px;display:flex;flex-direction:column}.wco-t-sub{font-size:10px;color:var(--color-muted);font-weight:400;margin-top:1px}.wco-t-num{font-family:SF Mono,Roboto Mono,monospace;font-weight:500;color:var(--color-primary);font-size:12px}.wco-t-num small{font-size:10px;color:var(--color-muted);margin-left:1px}.wco-t-num.bold{font-weight:700}.wco-t-num.red{color:var(--danger)}.wco-t-num.orange{color:#f39c12}.wco-t-num.green{color:#27ae60}.wco-t-actions{display:flex;gap:4px;justify-content:flex-end}.wco-ta{padding:4px 8px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;line-height:1}.wco-ta.edit{background:var(--accent-light);color:var(--btn-primary-bg)}.wco-ta.delete{background:var(--danger-light);color:var(--danger)}.wco-ta.save{background:var(--accent-light);color:var(--btn-primary-bg)}.wco-ta.cancel{background:var(--bg-surface);color:var(--color-secondary)}.wco-ta:hover{opacity:.8}.wco-table tfoot td{background:var(--bg-surface);border-top:2px solid var(--border-color);font-size:12px}.wco-editing-row{background:var(--bg-surface)}.wco-inline-input{width:100%;padding:5px 8px;border:1px solid var(--border-color);border-radius:4px;font-size:12px;color:var(--color-primary);box-sizing:border-box}.wco-inline-input.narrow{width:70px}.wco-inline-input:focus{outline:none;border-color:var(--btn-primary-bg)}.wco-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;min-width:0}.wco-sum-section{min-width:0;overflow:hidden}.wco-sum-section h4{font-size:12px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.4px;margin:0 0 10px}.wco-sum-row{display:flex;justify-content:space-between;padding:5px 0;font-size:13px;color:var(--color-secondary);gap:8px}.wco-sum-row span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.wco-sum-row span:last-child{font-family:SF Mono,Roboto Mono,monospace;font-weight:500;color:var(--color-primary);white-space:nowrap;flex-shrink:0}.wco-sum-row.bold{font-weight:600}.wco-sum-row.bold span:last-child{font-weight:700}.wco-sum-row.red span:last-child{color:var(--danger)}.wco-oee-gauge{margin-top:12px}.wco-oee-bar{height:12px;background:var(--bg-surface-hover);border-radius:6px;overflow:hidden}.wco-oee-fill{height:100%;border-radius:6px;transition:width .3s ease}.wco-oee-labels{display:flex;justify-content:space-between;margin-top:4px;font-size:10px;color:var(--color-muted)}.wco-oee-target{font-weight:600;color:var(--color-primary)}.wco-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:wcoFade .15s ease}@keyframes wcoFade{0%{opacity:0}to{opacity:1}}.wco-modal{background:var(--bg-card);border-radius:12px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:wcoSlide .2s ease}.wco-modal-lg{max-width:620px}.wco-modal-sm{max-width:440px}@keyframes wcoSlide{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.wco-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:3px solid var(--btn-primary-bg)}.wco-modal-header h3{font-size:17px;font-weight:600;color:var(--color-primary);margin:0}.wco-modal-close{background:none;border:none;font-size:24px;color:var(--color-muted);cursor:pointer;padding:0;line-height:1}.wco-modal-close:hover{color:var(--color-primary)}.wco-modal-body{padding:20px}.wco-confirm{font-size:15px;color:var(--color-secondary);line-height:1.5;margin:0}.wco-mf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wco-mf-group{margin-bottom:14px}.wco-mf-group:last-child{margin-bottom:0}.wco-mf-group label{display:block;font-size:12px;font-weight:500;color:var(--color-secondary);margin-bottom:6px}.wco-mf-group input,.wco-mf-group select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--color-primary);transition:border-color .2s;box-sizing:border-box}.wco-mf-group input:focus,.wco-mf-group select:focus{outline:none;border-color:var(--btn-primary-bg)}.wco-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--bg-surface)}.wco-mbtn{padding:10px 18px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.wco-mbtn.primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.wco-mbtn.primary:hover{background:var(--btn-primary-hover)}.wco-mbtn.secondary{background:var(--bg-surface);color:var(--color-secondary)}.wco-mbtn.secondary:hover{background:var(--bg-surface-hover)}.wco-mbtn.danger{background:var(--danger);color:var(--btn-primary-text)}.wco-mbtn.danger:hover{background:var(--danger-hover)}@media (max-width: 1200px){.wco-indicators{grid-template-columns:repeat(3,1fr)}.wco-summary-grid{grid-template-columns:1fr 1fr}}@media (max-width: 1024px){.wco-content{grid-template-columns:1fr}.wco-sidebar{position:static;order:1}.wco-main{order:0}.wco-indicators{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.wco-header-row{flex-direction:column;gap:12px}.wco-indicators{grid-template-columns:repeat(2,1fr)}.wco-summary-grid,.wco-mf-row{grid-template-columns:1fr}.wco-table{table-layout:auto}.wco-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 640px){.wco-indicators{grid-template-columns:1fr}}.sysmgmt-page{max-width:100%;overflow-x:hidden}.sysmgmt-header{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:24px}.sysmgmt-back{display:inline-block;background:none;border:none;color:var(--color-secondary);font-size:14px;cursor:pointer;padding:0;margin-bottom:12px;transition:color .2s}.sysmgmt-back:hover{color:var(--color-primary)}.sysmgmt-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.sysmgmt-subtitle{font-size:15px;color:var(--color-secondary);margin:0}.sysmgmt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.sysmgmt-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);cursor:pointer;transition:all .2s}.sysmgmt-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.sysmgmt-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sysmgmt-card-body{flex:1;min-width:0}.sysmgmt-card-name{font-size:15px;font-weight:600;color:var(--color-primary);margin:0 0 2px}.sysmgmt-card-desc{font-size:12px;color:var(--color-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sysmgmt-card-arrow{font-size:18px;color:var(--color-muted);flex-shrink:0;transition:transform .2s}.sysmgmt-card:hover .sysmgmt-card-arrow{color:var(--color-primary);transform:translate(4px)}.smp-page{max-width:100%;overflow-x:hidden}.smp-header{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);border-left:4px solid var(--btn-primary-bg);margin-bottom:0}.smp-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.smp-badge-label{display:inline-block;padding:4px 12px;border-radius:4px;font-size:11px;font-weight:700;color:var(--btn-primary-text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.smp-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 6px}.smp-subtitle{font-size:14px;color:var(--color-secondary);margin:0;max-width:700px}.smp-tabs{display:flex;gap:4px;padding:12px 24px 0;background:var(--bg-card);border-radius:0 0 12px 12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);border-top:none;margin-bottom:24px;overflow-x:auto}.smp-tab{padding:10px 18px;border:none;background:none;font-size:13px;font-weight:500;color:var(--color-muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:all .2s}.smp-tab:hover{color:var(--color-primary)}.smp-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.smp-content{background:var(--bg-card);border-radius:12px;padding:28px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.smp-section-title{font-size:17px;font-weight:600;color:var(--color-primary);margin:24px 0 12px}.smp-section-title:first-child{margin-top:0}.smp-text{font-size:14px;color:var(--color-primary);line-height:1.7;margin:0 0 12px}.smp-list{list-style:disc;padding-left:20px;margin:0 0 16px}.smp-list li{font-size:14px;color:var(--color-primary);line-height:1.7;margin-bottom:4px}.smp-ordered{list-style:decimal}.smp-kpi-row{display:flex;gap:16px;margin:20px 0;flex-wrap:wrap}.smp-kpi{display:flex;flex-direction:column;align-items:center;padding:16px 24px;background:var(--bg-surface);border-radius:10px;min-width:100px;flex:1}.smp-kpi-value{font-size:28px;font-weight:700;color:var(--color-primary);line-height:1.2}.smp-kpi-label{font-size:12px;color:var(--color-muted);margin-top:4px;text-align:center}.smp-table{width:100%;border-collapse:collapse;margin:12px 0 20px;font-size:13px}.smp-table th{background:var(--bg-surface);padding:10px 14px;text-align:left;font-weight:600;color:var(--color-secondary);border-bottom:2px solid var(--border-color);white-space:nowrap}.smp-table td{padding:10px 14px;border-bottom:1px solid var(--bg-surface);color:var(--color-primary);vertical-align:top}.smp-table tbody tr:hover{background:var(--bg-surface)}.smp-table-compact th,.smp-table-compact td{padding:8px 10px;font-size:12px}.smp-score-cell{text-align:center;color:var(--color-muted)}.smp-badge{display:inline-block;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:600;color:var(--btn-primary-text)}.smp-req-block{margin-bottom:20px;padding-left:16px;border-left:3px solid var(--border-color)}.smp-req-domain{font-size:15px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.smp-steps{display:flex;flex-direction:column;gap:16px;margin:12px 0}.smp-step-card{display:flex;gap:16px;padding:16px 20px;background:var(--bg-surface);border-radius:10px}.smp-step-num{width:36px;height:36px;border-radius:50%;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.smp-step-title{font-size:15px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.smp-step-card .smp-text{margin:0}.smp-four-boxes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.smp-box{padding:20px;border:2px solid var(--border-color);border-radius:10px;background:var(--bg-surface)}.smp-box-title{font-size:15px;font-weight:600;margin:0 0 10px}.smp-box .smp-list{margin-bottom:0}@media (max-width: 768px){.sysmgmt-grid,.smp-four-boxes{grid-template-columns:1fr}.smp-kpi-row,.smp-header-row{flex-direction:column}.smp-content{padding:20px}.smp-table{font-size:12px}.smp-table th,.smp-table td{padding:8px 10px}}@media (max-width: 640px){.smp-tabs{padding:8px 16px 0}.smp-tab{padding:8px 12px;font-size:12px}.smp-kpi-value{font-size:22px}}.excal-page{max-width:100%;margin:0 auto;overflow-x:hidden}.excal-header{background:var(--bg-card);border-radius:12px;padding:20px 24px;box-shadow:var(--shadow-sm);margin-bottom:16px}.excal-back{background:none;border:none;color:var(--color-secondary);font-size:14px;cursor:pointer;padding:0;margin-bottom:12px}.excal-back:hover{color:var(--color-primary)}.excal-header-content{display:flex;justify-content:space-between;align-items:center}.excal-title{font-size:22px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.excal-subtitle{font-size:14px;color:var(--color-secondary);margin:0}.excal-header-actions{display:flex;align-items:center;gap:10px}.reminder-bell-btn{position:relative;width:40px;height:40px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--color-icon);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.reminder-bell-btn:hover{background:var(--bg-surface-hover)}.reminder-bell-btn.has-reminders{border-color:#e67e22;color:#e67e22}.bell-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:#e74c3c;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.export-pdf-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #e0e0e0;border-radius:10px;background:#f8f9fa;font-size:13px;font-weight:500;color:#555;cursor:pointer;transition:all .2s}.export-pdf-btn:hover{background:#e74c3c;border-color:#e74c3c;color:#fff}.excal-view-toggle{display:flex;gap:4px;background:#f0f2f5;border-radius:10px;padding:4px}.view-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#666;background:transparent;cursor:pointer;transition:all .2s}.view-btn.active{background:#fff;color:#333;box-shadow:0 1px 4px #0000001a}.reminders-panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 16px #0000001f;margin-bottom:16px;border:1px solid #e67e22}.reminders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.reminders-header h3{font-size:16px;font-weight:600;color:#333;margin:0}.reminder-link{background:none;border:none;font-size:13px;color:#000888;cursor:pointer;font-weight:500}.reminder-link:hover{text-decoration:underline}.no-reminders{font-size:13px;color:#888;margin:0}.reminders-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.reminder-item{display:flex;gap:12px;padding:10px 14px;border-radius:8px;border-left:4px solid;align-items:center}.reminder-item.today{background:var(--danger-light);border-color:var(--danger)}.reminder-item.urgent{background:#e67e2214;border-color:#e67e22}.reminder-item.warning{background:#f1c40f14;border-color:#f1c40f}.reminder-item.info{background:var(--accent-light);border-color:var(--color-primary)}.reminder-urgency-bar{width:0}.reminder-info{display:flex;flex-direction:column;gap:2px}.reminder-name{font-size:14px;font-weight:600;color:var(--color-primary)}.reminder-label{font-size:12px;font-weight:500;color:#e67e22}.reminder-item.today .reminder-label{color:#e74c3c}.reminder-item.info .reminder-label{color:var(--color-primary)}.reminder-meta{font-size:11px;color:var(--color-muted)}.planned-count{font-size:12px;color:var(--color-muted);text-align:center;padding-top:8px;border-top:1px solid var(--border-light)}.plan-star-btn{background:none;border:none;font-size:20px;cursor:pointer;color:var(--color-muted);transition:all .2s;padding:4px;line-height:1}.plan-star-btn:hover{color:#f1c40f;transform:scale(1.2)}.plan-star-btn.active{color:#f1c40f}.planned-star{color:#f1c40f;margin-right:4px}.cal-event-item.is-planned{background:#f1c40f0f}.list-event-card.is-planned{border-color:#f1c40f66}.cal-event-dot.planned{box-shadow:0 0 0 2px #f1c40f}.detail-plan-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.plan-toggle-btn{padding:10px 20px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-surface);font-size:14px;font-weight:500;color:var(--color-secondary);cursor:pointer;transition:all .2s}.plan-toggle-btn:hover{border-color:#f1c40f;background:#f1c40f14}.plan-toggle-btn.planned{background:#f1c40f1f;border-color:#f1c40f;color:#b7950b}.plan-reminder-note{font-size:12px;color:var(--color-muted)}.export-menu-wrapper{position:relative}.export-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-surface);font-size:13px;font-weight:500;color:var(--color-secondary);cursor:pointer;transition:all .2s}.export-btn:hover{background:var(--bg-surface-hover);border-color:var(--border-color)}.export-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);z-index:100;overflow:hidden;animation:dropIn .15s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.export-dropdown-title{font-size:11px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;padding:12px 16px 6px}.export-dropdown-divider{height:1px;background:var(--border-light);margin:4px 0}.export-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:none;font-size:13px;color:var(--color-primary);cursor:pointer;text-align:left;transition:background .15s;position:relative}.export-dropdown button:hover{background:var(--bg-surface)}.export-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--btn-primary-text);flex-shrink:0}.export-icon.pdf{background:var(--danger)}.export-icon.ics{background:var(--accent)}.export-icon.ios{background:var(--color-primary)}.export-icon.android{background:#3ddc84;color:var(--btn-primary-text)}.export-icon.google{background:#4285f4;font-size:14px}.export-sub{font-size:11px;color:var(--color-muted);margin-left:auto}.export-dropdown-note{font-size:11px;color:var(--color-muted);padding:8px 16px 12px;text-align:center;background:var(--bg-surface)}.detail-export-btns{display:flex;gap:8px;flex-wrap:wrap}.cal-export-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:2px solid;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;background:var(--bg-card)}.cal-export-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.cal-export-btn.outlook{border-color:#0078d4;color:#0078d4}.cal-export-btn.outlook:hover{background:#0078d4;color:var(--btn-primary-text)}.cal-export-btn.apple{border-color:var(--color-primary);color:var(--color-primary)}.cal-export-btn.apple:hover{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.cal-export-btn.android{border-color:#3ddc84;color:#1b8a4a}.cal-export-btn.android:hover{background:#3ddc84;color:var(--btn-primary-text)}.cal-export-btn.google{border-color:#4285f4;color:#4285f4}.cal-export-btn.google:hover{background:#4285f4;color:var(--btn-primary-text)}.google-g{font-weight:800;font-size:14px}.excal-industry-bar{display:flex;gap:8px;background:var(--bg-card);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-sm);margin-bottom:16px;overflow-x:auto}.industry-chip{display:flex;align-items:center;gap:6px;padding:8px 16px;border:2px solid transparent;border-radius:20px;font-size:13px;font-weight:500;color:var(--color-secondary);background:var(--bg-surface);cursor:pointer;transition:all .2s;white-space:nowrap}.industry-chip:hover{background:var(--bg-surface-hover)}.industry-chip.active{border-color:var(--chip-color);background:#00000005;color:var(--chip-color);font-weight:600}.chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.excal-filters{display:flex;gap:12px;align-items:center;background:var(--bg-card);border-radius:12px;padding:16px;box-shadow:var(--shadow-sm);margin-bottom:16px;flex-wrap:wrap}.filter-search{display:flex;align-items:center;gap:8px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:0 12px;flex:1;min-width:240px}.filter-search svg{color:var(--color-muted);flex-shrink:0}.filter-search input{border:none;background:none;padding:10px 0;font-size:14px;width:100%;outline:none}.filter-selects{display:flex;gap:8px;flex-wrap:wrap}.filter-selects select{padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--color-primary);background:var(--bg-surface);cursor:pointer;min-width:140px}.filter-selects select:focus{border-color:var(--color-primary);outline:none}.filter-clear{padding:10px 16px;background:var(--danger-light);border:1px solid var(--danger);border-radius:8px;font-size:13px;color:var(--danger);cursor:pointer;font-weight:500;white-space:nowrap}.filter-clear:hover{background:var(--danger-light)}.excal-calendar-section{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}.cal-nav{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border-light)}.cal-nav button{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:8px;cursor:pointer;color:var(--color-icon);display:flex;align-items:center}.cal-nav button:hover{background:var(--bg-surface-hover)}.cal-month-title{font-size:20px;font-weight:600;color:var(--color-primary);margin:0;min-width:200px;text-align:center}.cal-year-btns{display:flex;gap:4px;margin-left:auto}.cal-year-btns button{padding:6px 16px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-surface);font-size:13px;color:var(--color-secondary);cursor:pointer}.cal-year-btns button.active{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.cal-grid{padding:0 24px 24px}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.cal-weekday{text-align:center;font-size:12px;font-weight:600;color:var(--color-muted);text-transform:uppercase;padding:8px 0}.cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-day{min-height:80px;padding:6px 8px;border-radius:8px;border:1px solid var(--border-light);transition:all .15s;cursor:default;position:relative}.cal-day.has-events{cursor:pointer}.cal-day.has-events:hover{border-color:var(--border-color);background:var(--bg-surface)}.cal-day.other-month{opacity:.35}.cal-day.today{background:var(--accent-light);border-color:var(--btn-primary-bg)}.cal-day.today .cal-day-num{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center}.cal-day-num{font-size:13px;font-weight:500;color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px}.cal-day-events{display:flex;gap:3px;flex-wrap:wrap;margin-top:4px}.cal-event-dot{width:8px;height:8px;border-radius:50%;cursor:pointer;transition:transform .15s}.cal-event-dot:hover{transform:scale(1.5)}.cal-more{font-size:10px;color:var(--color-muted);line-height:8px}.cal-month-events{padding:24px;border-top:1px solid var(--border-light)}.cal-month-events h3{font-size:16px;font-weight:600;color:var(--color-primary);margin:0 0 16px;display:flex;align-items:center;gap:12px}.events-count{font-size:13px;font-weight:400;color:var(--color-muted)}.cal-events-list{display:flex;flex-direction:column;gap:8px}.cal-event-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-surface);border-radius:10px;cursor:pointer;transition:all .2s;border:2px solid transparent}.cal-event-item:hover{background:var(--bg-surface-hover)}.cal-event-item.selected{border-color:var(--btn-primary-bg);background:var(--accent-light)}.event-color-bar{width:4px;height:36px;border-radius:2px;flex-shrink:0}.event-info{flex:1;min-width:0}.event-name{font-size:14px;font-weight:600;color:var(--color-primary)}.event-meta{font-size:12px;color:var(--color-muted);display:flex;gap:6px;align-items:center}.meta-dot{color:var(--color-muted)}.event-tags{display:flex;gap:6px}.tag-industry{font-size:11px;font-weight:600;color:var(--btn-primary-text);padding:3px 10px;border-radius:12px;white-space:nowrap}.no-events{text-align:center;padding:40px;color:var(--color-muted);font-size:14px}.excal-list-section{display:flex;flex-direction:column;gap:24px}.list-month-group{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}.list-month-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-surface);border-bottom:1px solid var(--border-color)}.list-month-header h3{font-size:18px;font-weight:600;color:var(--color-primary);margin:0}.month-count{font-size:13px;color:var(--color-muted);background:var(--bg-card);padding:4px 12px;border-radius:12px}.list-events{padding:16px;display:flex;flex-direction:column;gap:12px}.list-event-card{display:flex;gap:16px;padding:20px;border-radius:12px;border:2px solid var(--border-light);cursor:pointer;transition:all .2s}.list-event-card:hover{border-color:var(--border-color);box-shadow:var(--shadow-sm)}.list-event-card.selected{border-color:var(--btn-primary-bg);background:var(--accent-light)}.list-event-date-block{width:60px;text-align:center;border-left:3px solid;padding-left:10px;flex-shrink:0}.date-month{display:block;font-size:12px;font-weight:600;color:var(--color-muted);text-transform:uppercase}.date-days{display:block;font-size:18px;font-weight:700;color:var(--color-primary)}.list-event-body{flex:1;min-width:0}.list-event-top{display:flex;align-items:center;gap:12px;margin-bottom:6px}.list-event-name{font-size:16px;font-weight:600;color:var(--color-primary);margin:0}.list-event-industry{font-size:11px;font-weight:600;color:var(--btn-primary-text);padding:3px 10px;border-radius:12px;white-space:nowrap}.list-event-desc{font-size:13px;color:var(--color-secondary);margin:0 0 10px;line-height:1.5}.list-event-details{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:10px}.detail-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--color-muted)}.detail-item svg{color:var(--color-muted)}.list-event-tiers{display:flex;gap:6px;flex-wrap:wrap}.tier-badge{font-size:11px;font-weight:500;padding:3px 10px;border-radius:6px;background:var(--bg-surface);color:var(--color-secondary);border:1px solid var(--border-color)}.excal-detail-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.excal-detail-panel{background:var(--bg-card);border-radius:16px;width:90%;max-width:560px;max-height:85vh;overflow-y:auto;position:relative;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.detail-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:none;background:#ffffff4d;color:var(--btn-primary-text);font-size:20px;cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center}.detail-close:hover{background:#ffffff80}.detail-banner{padding:32px 28px 24px;color:var(--btn-primary-text)}.detail-industry-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;background:#fff3;padding:4px 12px;border-radius:12px;margin-bottom:12px;display:inline-block}.detail-banner h2{font-size:22px;font-weight:700;margin:0 0 8px}.detail-banner p{font-size:14px;opacity:.9;margin:0}.detail-body{padding:24px 28px}.detail-description{font-size:14px;color:var(--color-secondary);line-height:1.6;margin:0 0 20px}.detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:11px;font-weight:600;color:var(--color-muted);text-transform:uppercase}.info-value{font-size:14px;color:var(--color-primary);font-weight:500}.info-link{font-size:14px;color:var(--color-primary);font-weight:500;text-decoration:none}.info-link:hover{text-decoration:underline}.detail-section{margin-bottom:20px}.detail-section h4{font-size:13px;font-weight:600;color:var(--color-muted);text-transform:uppercase;margin:0 0 10px}.detail-tags{display:flex;gap:6px;flex-wrap:wrap}.detail-tag{font-size:12px;padding:5px 12px;border-radius:6px}.detail-tag.tier{background:var(--accent-light);color:var(--color-primary);border:1px solid var(--border-color);font-weight:500}.detail-tag.equipment{background:var(--bg-surface);color:var(--color-secondary);border:1px solid var(--border-color)}@media (max-width: 1024px){.excal-header-content{flex-direction:column;align-items:flex-start;gap:12px}.filter-selects{width:100%}.filter-selects select{flex:1;min-width:0}}@media (max-width: 768px){.excal-industry-bar{gap:6px}.industry-chip{padding:6px 12px;font-size:12px}.excal-filters{flex-direction:column}.filter-search{min-width:0;width:100%}.cal-day{min-height:50px;padding:4px}.cal-day-num{font-size:11px}.cal-year-btns{display:none}.list-event-card{flex-direction:column}.list-event-date-block{text-align:left;width:auto;padding-bottom:8px;border-left-width:3px}.detail-info-grid{grid-template-columns:1fr}.excal-detail-panel{width:95%}.detail-export-btns{flex-direction:column}.cal-export-btn{justify-content:center}.export-dropdown{width:260px;right:-40px}.excal-header-actions{flex-wrap:wrap;gap:8px}}.headcount-page{max-width:100%;margin:0 auto;overflow-x:hidden;padding:20px}.headcount-header{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.06);margin-bottom:16px}.headcount-back-link{display:inline-block;color:#666;text-decoration:none;font-size:14px;margin-bottom:12px;transition:color .2s}.headcount-back-link:hover{color:#000888}.headcount-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.headcount-subtitle{font-size:15px;color:#666;margin:0}.headcount-indicators{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.headcount-indicator-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;gap:16px}.headcount-indicator-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.headcount-indicator-icon.blue{background:var(--accent-light);color:var(--color-primary)}.headcount-indicator-icon.green{background:#2ecc7126;color:#27ae60}.headcount-indicator-icon.orange{background:#e67e2226;color:#d35400}.headcount-indicator-icon.purple{background:#9b59b626;color:#9b59b6}.headcount-indicator-value{font-size:28px;font-weight:700;color:var(--color-primary);line-height:1.2}.headcount-star{font-size:16px;font-weight:500;color:var(--color-muted)}.headcount-indicator-content{flex:1;min-width:0}.headcount-indicator-label{font-size:13px;color:var(--color-secondary);margin-top:4px}.headcount-main{display:grid;grid-template-columns:1fr 280px;gap:12px;align-items:start}.headcount-card{background:var(--bg-card);border-radius:12px;padding:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.headcount-card-title{font-size:18px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.headcount-card-subtitle{font-size:14px;color:var(--color-secondary);margin:0 0 12px}.headcount-pages-list{display:flex;flex-direction:column;gap:10px}.headcount-page-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-surface);border-radius:10px;cursor:pointer;transition:all .2s}.headcount-page-item:hover{background:var(--bg-surface-hover);box-shadow:var(--shadow-sm);transform:translate(4px)}.headcount-page-item-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.headcount-page-item-info{flex:1;min-width:0}.headcount-page-item-name{font-size:14px;font-weight:600;color:var(--color-primary);margin:0 0 2px}.headcount-page-item-desc{font-size:12px;color:var(--color-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.headcount-page-item-arrow{color:var(--color-muted);font-size:16px;transition:transform .2s}.headcount-page-item:hover .headcount-page-item-arrow{transform:translate(4px)}.headcount-sidebar{position:sticky;top:20px}.headcount-actions-list{display:flex;flex-direction:column;gap:10px}.headcount-action-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;border-radius:8px;background:var(--bg-surface);width:100%;text-align:left;font-size:14px;font-weight:500;color:var(--color-primary);cursor:pointer;transition:all .2s}.headcount-action-item:hover{background:var(--bg-surface-hover)}.headcount-action-icon{width:36px;height:36px;border-radius:8px;background:var(--bg-surface-hover);display:flex;align-items:center;justify-content:center;color:var(--color-icon);flex-shrink:0}.headcount-action-item:hover .headcount-action-icon{background:var(--bg-surface-hover);opacity:.9}@media (max-width: 1024px){.headcount-indicators{grid-template-columns:repeat(2,1fr)}.headcount-main{grid-template-columns:1fr}.headcount-sidebar{position:static}}@media (max-width: 768px){.headcount-main{grid-template-columns:1fr}}@media (max-width: 640px){.headcount-indicators{grid-template-columns:1fr}.headcount-indicator-value{font-size:24px}}.hm-edit-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--color-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.hm-edit-btn:hover{background:var(--bg-surface);color:var(--color-primary)}.headcount-action-add{border:1px dashed var(--border-color);color:var(--color-primary);font-weight:600}.headcount-action-add:hover{border-color:var(--color-primary);background:var(--accent-light)}.hm-modal-overlay{position:fixed;inset:0;z-index:5000;background:#00000073;display:flex;align-items:center;justify-content:center;padding:24px}.hm-modal{background:var(--bg-card);border-radius:14px;width:100%;max-width:420px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:hmModalIn .2s ease}@keyframes hmModalIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--border-light);flex-shrink:0}.hm-modal-header h3{margin:0;font-size:17px;font-weight:700;color:var(--color-primary)}.hm-modal-close{background:none;border:none;color:var(--color-muted);cursor:pointer;padding:4px;font-size:22px;line-height:1;border-radius:6px;display:flex;align-items:center;justify-content:center}.hm-modal-close:hover{background:var(--bg-surface);color:var(--color-primary)}.hm-modal-body{padding:20px 24px;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:14px}.hm-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border-light);flex-shrink:0}.hm-modal-cancel{padding:8px 18px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--color-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.hm-modal-cancel:hover{background:var(--bg-surface)}.hm-modal-save{padding:8px 20px;border-radius:8px;border:none;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.hm-modal-save:hover:not(:disabled){background:var(--btn-primary-hover)}.hm-modal-save:disabled{opacity:.5;cursor:not-allowed}.hm-field-label{font-size:12px;font-weight:600;color:var(--color-secondary)}.hm-field-input{padding:9px 12px;border:1px solid var(--input-border);border-radius:8px;font-size:13px;background:var(--bg-input);color:var(--color-primary);transition:border-color .15s}.hm-field-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--accent-light)}.qm-page{max-width:100%;overflow-x:auto}.qm-header{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.06);margin-bottom:20px}.qm-back-link{display:inline-block;color:#666;text-decoration:none;font-size:14px;margin-bottom:12px;transition:color .2s}.qm-back-link:hover{color:#000888}.qm-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.qm-subtitle{font-size:15px;color:#666;margin:0}.qm-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.qm-toolbar-left{display:flex;align-items:center;gap:12px}.qm-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.qm-filter-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-primary);font-weight:500}.qm-filter-select{padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);font-size:14px;min-width:140px;cursor:pointer}.qm-btn{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:background .2s,color .2s;display:inline-flex;align-items:center;white-space:nowrap}.qm-btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.qm-btn-primary:hover{background:var(--btn-primary-hover)}.qm-btn-primary:disabled{background:var(--color-muted);cursor:not-allowed}.qm-btn-secondary{background:var(--bg-surface);color:var(--color-primary)}.qm-btn-secondary:hover{background:var(--bg-surface-hover)}.qm-legend{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-bottom:16px;padding:12px 16px;background:#f8f9fa;border-radius:8px;font-size:13px}.qm-legend-item{display:flex;align-items:center;gap:6px}.qm-legend-stars{color:#f1c40f;letter-spacing:.5px}.qm-legend-label{color:#555}.qm-table-wrapper{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.06)}.qm-table{width:100%;border-collapse:collapse;font-size:14px}.qm-table thead{position:sticky;top:0;z-index:2;background:var(--bg-surface)}.qm-table th{padding:12px 10px;text-align:center;border-bottom:2px solid var(--bg-surface-hover);border-right:1px solid var(--bg-surface-hover);font-weight:600;color:var(--color-primary);vertical-align:bottom}.qm-table th:last-child{border-right:none}.qm-th-employee{min-width:180px;width:180px;max-width:220px;text-align:left;padding-left:16px;vertical-align:middle;position:sticky;left:0;z-index:3;background:var(--bg-surface)}.qm-th-qual{min-width:100px;height:100px}.qm-th-qual-text{display:inline-block;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(-180deg);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.3}.qm-th-avg{min-width:48px;width:48px;font-size:12px}.qm-table td{padding:10px;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);vertical-align:middle;text-align:center}.qm-table td:last-child{border-right:none}.qm-td-employee{position:sticky;left:0;z-index:1;background:var(--bg-card);text-align:left;padding-left:16px;min-width:180px;width:180px;max-width:220px}.qm-table tbody tr:hover .qm-td-employee,.qm-table tbody tr:hover td{background:var(--bg-surface)}.qm-employee-name-wrapper{position:relative}.qm-employee-name-btn{background:none;border:none;padding:0;font-weight:600;color:var(--color-primary);cursor:pointer;font-size:14px;text-align:left;text-decoration:none;transition:color .15s}.qm-employee-name-btn:hover{color:var(--accent-hover);text-decoration:underline}.qm-employee-meta{font-size:12px;color:var(--color-secondary);margin-top:2px}.qm-popover{position:absolute;left:0;top:100%;z-index:100;background:var(--bg-card);border-radius:10px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);padding:12px 0;min-width:220px;animation:qm-pop-in .15s ease-out}@keyframes qm-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.qm-popover-title{font-weight:600;font-size:14px;color:var(--color-primary);padding:0 16px 2px}.qm-popover-subtitle{font-size:12px;color:var(--color-muted);padding:0 16px 8px;border-bottom:1px solid var(--border-color);margin-bottom:6px}.qm-popover-links{display:flex;flex-direction:column}.qm-popover-link{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;color:var(--color-primary);text-decoration:none;transition:background .15s,color .15s}.qm-popover-link:hover{background:var(--accent-light);color:var(--color-primary)}.qm-td-cell{min-width:100px}.qm-td-avg{font-weight:600;min-width:48px}.qm-avg-cell{color:var(--color-primary);font-weight:700}.qm-row-avg .qm-td-employee,.qm-row-avg td{background:var(--bg-surface);font-weight:600;border-top:2px solid var(--bg-surface-hover)}.qm-row-avg .qm-avg-label{color:var(--color-secondary);font-size:13px}.qm-stars{display:flex;gap:2px;justify-content:center;align-items:center;flex-wrap:nowrap}.qm-star{transition:transform .15s ease,opacity .15s ease}.qm-star:hover{transform:scale(1.15);opacity:.9}.qm-star.filled path{fill:#f1c40f;stroke:#f1c40f}.qm-modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;animation:qm-fade-in .15s ease-out}@keyframes qm-fade-in{0%{opacity:0}to{opacity:1}}.qm-modal{background:var(--bg-card);border-radius:14px;box-shadow:var(--shadow-lg);min-width:380px;max-width:480px;width:100%;animation:qm-slide-up .2s ease-out}@keyframes qm-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.qm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border-color)}.qm-modal-title{font-size:17px;font-weight:600;color:var(--color-primary);margin:0}.qm-modal-close{background:none;border:none;font-size:22px;color:var(--color-muted);cursor:pointer;padding:0 2px;line-height:1;transition:color .15s}.qm-modal-close:hover{color:var(--color-primary)}.qm-modal-body{padding:20px}.qm-form{display:flex;flex-direction:column;gap:16px}.qm-form-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--color-secondary)}.qm-form-input{padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--color-primary);background:var(--bg-card);transition:border-color .15s}.qm-form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--accent-light)}.qm-form-hint{font-size:12px;color:var(--color-muted);background:var(--bg-surface);padding:8px 12px;border-radius:6px;line-height:1.5}.qm-form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}@media (max-width: 768px){.qm-toolbar{flex-direction:column;align-items:stretch}.qm-toolbar-left,.qm-toolbar-right{justify-content:flex-start}.qm-th-employee,.qm-td-employee{min-width:140px;width:140px}.qm-th-qual{min-width:80px;height:80px}.qm-th-qual-text{font-size:11px}.qm-table th,.qm-table td{padding:8px 6px}.qm-modal{min-width:unset;margin:16px;max-width:calc(100vw - 32px)}}@media (max-width: 480px){.qm-header{padding:16px}.qm-title{font-size:20px}.qm-legend{flex-direction:column;align-items:flex-start}}[data-theme=dark] .qm-filter-select{background:var(--bg-input);border-color:var(--input-border);color:var(--color-primary)}[data-theme=dark] .qm-btn-secondary{background:var(--bg-surface-hover);color:var(--color-primary)}[data-theme=dark] .qm-btn-secondary:hover{background:var(--bg-surface-hover)}[data-theme=dark] .qm-star:not(.filled) path{fill:var(--color-muted);stroke:var(--color-muted)}[data-theme=dark] .qm-form-input{background:var(--bg-input);border-color:var(--input-border);color:var(--color-primary)}[data-theme=dark] .qm-form-input:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--accent-light)}.eg-page{max-width:100%;margin:0 auto;overflow-x:hidden}.eg-header{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:20px}.eg-back-link{display:inline-block;color:var(--color-secondary);text-decoration:none;font-size:14px;margin-bottom:12px}.eg-back-link:hover{color:var(--color-primary)}.eg-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.eg-subtitle{font-size:15px;color:var(--color-secondary);margin:0}.eg-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px}.eg-employee-select-wrap,.eg-filter-wrap{display:flex;flex-direction:column;gap:6px}.eg-label{font-size:13px;font-weight:500;color:var(--color-secondary)}.eg-select,.eg-input{padding:10px 14px;border:1px solid var(--input-border);border-radius:8px;font-size:14px;min-width:160px;background:var(--bg-card)}.eg-select:focus,.eg-input:focus{outline:none;border-color:var(--color-primary)}.eg-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.eg-btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.eg-btn-primary:hover{background:var(--btn-primary-hover)}.eg-btn-secondary{background:var(--bg-surface);color:var(--color-secondary)}.eg-btn-secondary:hover{background:var(--bg-surface-hover)}.eg-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}.eg-summary-card{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);display:flex;flex-direction:column;gap:4px}.eg-summary-value{font-size:28px;font-weight:700;color:var(--color-primary)}.eg-summary-label{font-size:13px;color:var(--color-secondary)}.eg-summary-completed .eg-summary-value{color:#27ae60}.eg-summary-progress .eg-summary-value{color:var(--color-primary)}.eg-summary-overdue .eg-summary-value{color:var(--danger)}.eg-card{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:20px}.eg-card-title{font-size:18px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.eg-card-subtitle{font-size:14px;color:var(--color-secondary);margin:0 0 16px}.eg-form-card{margin-bottom:20px}.eg-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:20px}.eg-form-full{grid-column:1 / -1}.eg-form-group{display:flex;flex-direction:column;gap:6px}.eg-form-actions{display:flex;gap:12px}.eg-table-wrap{overflow-x:auto}.eg-table{width:100%;border-collapse:collapse}.eg-table th{text-align:left;padding:12px 14px;font-size:13px;font-weight:600;color:var(--color-secondary);background:var(--bg-surface);border-bottom:2px solid var(--bg-surface-hover)}.eg-table td{padding:12px 14px;font-size:14px;color:var(--color-primary);border-bottom:1px solid var(--border-light)}.eg-table tbody tr:hover{background:var(--bg-surface)}.eg-editable{cursor:pointer;padding:2px 4px;border-radius:4px}.eg-editable:hover{background:var(--accent-light)}.eg-input-inline{min-width:120px;padding:6px 10px}.eg-progress-input{min-width:60px}.eg-progress-cell{display:flex;align-items:center;gap:10px}.eg-progress-bar{flex:1;min-width:60px;height:8px;background:var(--bg-surface-hover);border-radius:4px;overflow:hidden}.eg-progress-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.eg-progress-pct{min-width:36px}.eg-category-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;background:var(--accent-light);color:var(--color-primary)}.eg-status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.eg-status-not-started{background:#95a5a626;color:#7f8c8d}.eg-status-in-progress{background:var(--accent-light);color:var(--color-primary)}.eg-status-completed{background:#2ecc7126;color:#27ae60}.eg-status-overdue{background:var(--danger-light);color:var(--danger)}.eg-priority-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600}.eg-priority-low{background:#2ecc7126;color:#27ae60}.eg-priority-medium{background:#f1c40f26;color:#d4ac0d}.eg-priority-high{background:var(--danger-light);color:var(--danger)}.eg-btn-icon{background:none;border:none;font-size:20px;color:var(--color-muted);cursor:pointer;padding:10px;min-width:44px;min-height:44px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.eg-btn-icon:hover{color:var(--danger)}.eg-empty{text-align:center;color:var(--color-muted);padding:24px;margin:0}[data-theme=dark] .eg-header,[data-theme=dark] .eg-card,[data-theme=dark] .eg-summary-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .eg-back-link{color:var(--color-primary)}[data-theme=dark] .eg-back-link:hover{color:var(--accent-hover)}[data-theme=dark] .eg-select,[data-theme=dark] .eg-input{background:var(--bg-input);color:var(--color-primary);border-color:var(--input-border)}[data-theme=dark] .eg-table th{background:var(--bg-surface);border-bottom-color:var(--border-color)}[data-theme=dark] .eg-table td{border-bottom-color:var(--border-light)}[data-theme=dark] .eg-table tbody tr:hover{background:var(--bg-surface-hover)}@media (max-width: 1024px){.eg-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.eg-toolbar{flex-direction:column;align-items:stretch}.eg-summary{grid-template-columns:1fr}.eg-table th,.eg-table td{padding:10px 8px;font-size:13px}}@media (max-width: 640px){.eg-header,.eg-card{padding:16px}.eg-title{font-size:20px}.eg-summary-value{font-size:24px}}.ed-page{max-width:100%;margin:0 auto;overflow-x:hidden}.ed-header{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.06);margin-bottom:20px}.ed-back-link{display:inline-block;color:#666;text-decoration:none;font-size:14px;margin-bottom:12px;transition:color .2s}.ed-back-link:hover{color:#000888}.ed-title{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.ed-subtitle{font-size:15px;color:#666;margin:0}.ed-toolbar{display:flex;gap:16px;margin-bottom:20px}.ed-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.ed-btn-primary{background:#000888;color:#fff}.ed-btn-primary:hover{background:#0006aa}.ed-btn-secondary{background:#f0f2f5;color:#555}.ed-btn-secondary:hover{background:#e5e8ec}.ed-btn-small{padding:6px 12px;font-size:13px}.ed-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.06);margin-bottom:20px}.ed-card-title{font-size:18px;font-weight:600;color:#333;margin:0 0 4px}.ed-card-subtitle{font-size:14px;color:#666;margin:0 0 20px}.ed-form-card{margin-bottom:20px}.ed-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:20px}.ed-form-group{display:flex;flex-direction:column;gap:6px}.ed-label{font-size:13px;font-weight:500;color:#555}.ed-select,.ed-input,.ed-textarea{padding:10px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;font-family:inherit}.ed-textarea{resize:vertical;min-height:80px}.ed-input-inline{flex:1}.ed-select:focus,.ed-input:focus,.ed-textarea:focus{outline:none;border-color:#000888}.ed-form-actions{display:flex;gap:12px}.ed-reviews-list{display:flex;flex-direction:column;gap:12px}.ed-review-item{background:#fff;border-radius:10px;border:1px solid #e9ecef;overflow:hidden;transition:all .2s}.ed-review-item:hover{box-shadow:0 2px 8px #00000014}.ed-review-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;transition:background .2s}.ed-review-header:hover{background:#f8f9fa}.ed-review-header-main{flex:1}.ed-review-employee{font-size:16px;font-weight:600;color:#333;margin-bottom:6px}.ed-review-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.ed-review-separator{color:#ccc}.ed-review-type{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:#3498db1f;color:#2980b9}.ed-review-type-annual{background:#2ecc711f;color:#27ae60}.ed-review-type-mid-year{background:#f1c40f1f;color:#d4ac0d}.ed-review-type-probation{background:#e74c3c1f;color:#c0392b}.ed-review-type-special{background:#9b59b61f;color:#9b59b6}.ed-review-header-right{display:flex;align-items:center;gap:16px}.ed-status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.ed-status-scheduled{background:#95a5a626;color:#7f8c8d}.ed-status-in-progress{background:#3498db26;color:#2980b9}.ed-status-completed{background:#2ecc7126;color:#27ae60}.ed-rating-stars{display:flex;gap:2px}.ed-star{font-size:16px;color:#ddd}.ed-star-filled{color:#f39c12}.ed-expand-icon{color:#999;font-size:12px;transition:transform .2s}.ed-review-details{padding:20px;border-top:1px solid #f0f0f0;background:#fafbfc}.ed-review-section{margin-bottom:24px}.ed-review-section:last-child{margin-bottom:0}.ed-section-title{font-size:15px;font-weight:600;color:#333;margin:0 0 12px}.ed-rating-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.ed-rating-item{display:flex;flex-direction:column;gap:8px}.ed-rating-label{font-size:13px;font-weight:500;color:#555}.ed-rating-controls{display:flex;gap:6px}.ed-rating-btn{width:40px;height:40px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;color:#666;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.ed-rating-btn:hover{border-color:#000888;background:#f8f9fa}.ed-rating-btn-active{background:#000888;color:#fff;border-color:#000888}.ed-goals-list{display:flex;flex-direction:column;gap:8px}.ed-goal-item{padding:10px 14px;background:#f8f9fa;border-radius:6px;font-size:14px;color:#333}.ed-development-plan{display:flex;flex-direction:column;gap:10px}.ed-plan-item{display:flex;gap:10px;align-items:center}.ed-plan-item .ed-input{flex:1}.ed-btn-icon{background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:4px;line-height:1;transition:color .2s}.ed-btn-icon:hover{color:#c0392b}.ed-signatures{display:flex;gap:24px}.ed-signature-item{display:flex;align-items:center}.ed-checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;cursor:pointer}.ed-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.ed-review-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid #f0f0f0}.ed-empty-text{color:#888;font-size:14px;font-style:italic;margin:0}[data-theme=dark] .ed-header,[data-theme=dark] .ed-card,[data-theme=dark] .ed-review-item{background:#0f3460;border-color:#ffffff14}[data-theme=dark] .ed-title,[data-theme=dark] .ed-card-title,[data-theme=dark] .ed-review-employee,[data-theme=dark] .ed-section-title{color:#f0f0f0}[data-theme=dark] .ed-subtitle,[data-theme=dark] .ed-card-subtitle,[data-theme=dark] .ed-label,[data-theme=dark] .ed-review-meta{color:#a0a0b0}[data-theme=dark] .ed-back-link{color:#5dade2}[data-theme=dark] .ed-back-link:hover{color:#7dd3f7}[data-theme=dark] .ed-select,[data-theme=dark] .ed-input,[data-theme=dark] .ed-textarea{background:#16213e;color:#e0e0e0;border-color:#ffffff1f}[data-theme=dark] .ed-review-header:hover{background:#ffffff0a}[data-theme=dark] .ed-review-details{background:#ffffff05;border-top-color:#ffffff14}[data-theme=dark] .ed-goal-item{background:#ffffff0f;color:#e0e0e0}[data-theme=dark] .ed-rating-btn{background:#16213e;color:#e0e0e0;border-color:#ffffff1f}[data-theme=dark] .ed-rating-btn:hover{background:#ffffff14}[data-theme=dark] .ed-empty-text{color:#888}@media (max-width: 1024px){.ed-rating-grid{grid-template-columns:1fr}}@media (max-width: 768px){.ed-form-grid{grid-template-columns:1fr}.ed-review-header{flex-direction:column;align-items:flex-start;gap:12px}.ed-review-header-right{width:100%;justify-content:space-between}.ed-signatures{flex-direction:column;gap:12px}}@media (max-width: 640px){.ed-header,.ed-card{padding:16px}.ed-title{font-size:20px}.ed-review-details{padding:16px}.ed-plan-item{flex-direction:column;align-items:stretch}}.hrdoc-page{max-width:100%;margin:0 auto;overflow-x:hidden}.hrdoc-header{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:20px}.hrdoc-back-link{display:inline-block;color:var(--color-secondary);text-decoration:none;font-size:14px;margin-bottom:12px;transition:color .2s}.hrdoc-back-link:hover{color:var(--color-primary)}.hrdoc-title{font-size:24px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.hrdoc-subtitle{font-size:15px;color:var(--color-secondary);margin:0}.hrdoc-tabs-wrap{margin-bottom:20px;overflow-x:auto}.hrdoc-tabs{display:flex;gap:8px;border-bottom:2px solid var(--bg-surface);padding-bottom:0;min-width:max-content}.hrdoc-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;color:var(--color-secondary);font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap}.hrdoc-tab:hover{color:var(--color-primary)}.hrdoc-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.hrdoc-tab-label{display:inline-block}.hrdoc-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--accent-light);border-radius:10px;font-size:11px;font-weight:600;color:var(--color-primary)}.hrdoc-tab.active .hrdoc-tab-count{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.hrdoc-card{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.hrdoc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.hrdoc-search-wrap{flex:1;min-width:200px}.hrdoc-search{width:100%;padding:10px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-card);transition:all .2s}.hrdoc-search:focus{outline:none;border-color:var(--btn-primary-bg);box-shadow:0 0 0 3px var(--accent-light)}.hrdoc-toolbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hrdoc-upload-btn{padding:10px 20px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.hrdoc-upload-btn:hover{background:var(--btn-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.hrdoc-bulk-btn{padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.hrdoc-bulk-btn.archive{background:#95a5a626;color:#7f8c8d}.hrdoc-bulk-btn.archive:hover{background:#95a5a640}.hrdoc-bulk-btn.delete{background:var(--danger-light);color:var(--danger)}.hrdoc-bulk-btn.delete:hover{background:var(--danger-light);opacity:.9}.hrdoc-table-wrap{overflow-x:auto}.hrdoc-table{width:100%;border-collapse:collapse}.hrdoc-table thead{background:var(--bg-surface)}.hrdoc-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:var(--color-secondary);border-bottom:2px solid var(--border-color)}.hrdoc-th-check{width:40px;text-align:center}.hrdoc-th-actions{width:200px;text-align:right}.hrdoc-table tbody tr{border-bottom:1px solid var(--bg-surface);transition:all .2s}.hrdoc-table tbody tr:hover{background:var(--bg-surface)}.hrdoc-table tbody tr.hrdoc-row-selected{background:var(--accent-light)}.hrdoc-table tbody tr.hrdoc-row-warning{background:#e67e220d}.hrdoc-table td{padding:14px 16px;font-size:14px;color:var(--color-primary)}.hrdoc-td-check{text-align:center}.hrdoc-td-check input[type=checkbox]{width:18px;height:18px;cursor:pointer}.hrdoc-doc-name{display:block;font-weight:500;color:#333;margin-bottom:4px}.hrdoc-expiry-warning{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;background:#e67e2226;color:#d35400;margin-top:4px}.hrdoc-expiry-warning.expired{background:#e74c3c26;color:#c0392b}.hrdoc-employee{color:#666}.hrdoc-date{color:#666;font-size:13px}.hrdoc-status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.hrdoc-status-badge.active{background:#2ecc7126;color:#27ae60}.hrdoc-status-badge.expired{background:var(--danger-light);color:var(--danger)}.hrdoc-status-badge.draft{background:#e67e2226;color:#d35400}.hrdoc-status-badge.archived{background:#95a5a626;color:#7f8c8d}.hrdoc-file-type{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;background:rgba(var(--file-color-rgb, 127, 140, 141),.15);color:var(--file-color, #7f8c8d)}.hrdoc-td-actions{text-align:right}.hrdoc-action-btn{padding:6px 12px;margin-left:6px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--color-secondary);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.hrdoc-action-btn:hover{background:var(--bg-surface);border-color:var(--btn-primary-bg);color:var(--color-primary)}.hrdoc-action-btn.archive{border-color:#95a5a64d;color:#7f8c8d}.hrdoc-action-btn.archive:hover{background:#95a5a61a;border-color:#7f8c8d}.hrdoc-empty{padding:40px;text-align:center;color:var(--color-muted);font-size:14px}.hrdoc-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.hrdoc-upload-form-wrap{background:var(--bg-card);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.hrdoc-upload-form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--bg-surface)}.hrdoc-upload-form-header h2{margin:0;font-size:18px;font-weight:600;color:var(--color-primary)}.hrdoc-modal-close{background:none;border:none;font-size:28px;color:var(--color-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.hrdoc-modal-close:hover{background:var(--bg-surface);color:var(--color-primary)}.hrdoc-upload-form{padding:24px}.hrdoc-form-group{margin-bottom:20px}.hrdoc-form-group label{display:block;font-size:14px;font-weight:500;color:var(--color-primary);margin-bottom:8px}.hrdoc-form-group input[type=text],.hrdoc-form-group input[type=date],.hrdoc-form-group select,.hrdoc-form-group input[type=file]{width:100%;padding:10px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-card);transition:all .2s;box-sizing:border-box}.hrdoc-form-group input[type=text]:focus,.hrdoc-form-group input[type=date]:focus,.hrdoc-form-group select:focus{outline:none;border-color:var(--btn-primary-bg);box-shadow:0 0 0 3px var(--accent-light)}.hrdoc-form-group input[type=file]{padding:8px;cursor:pointer}.hrdoc-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--bg-surface)}.hrdoc-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.hrdoc-btn.primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.hrdoc-btn.primary:hover{background:var(--btn-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.hrdoc-btn.secondary{background:var(--bg-surface);color:var(--color-secondary)}.hrdoc-btn.secondary:hover{background:var(--bg-surface-hover)}@media (max-width: 1024px){.hrdoc-toolbar{flex-direction:column;align-items:stretch}.hrdoc-search-wrap{width:100%}.hrdoc-toolbar-actions{width:100%;justify-content:flex-end}}@media (max-width: 768px){.hrdoc-table{font-size:13px}.hrdoc-table th,.hrdoc-table td{padding:10px 12px}.hrdoc-td-actions{display:flex;flex-direction:column;gap:4px}.hrdoc-action-btn{margin-left:0;width:100%}.hrdoc-upload-form-wrap{width:95%;max-height:95vh}}@media (max-width: 640px){.hrdoc-header{padding:20px}.hrdoc-title{font-size:20px}.hrdoc-card{padding:16px}.hrdoc-tabs{gap:4px}.hrdoc-tab{padding:10px 12px;font-size:13px}.hrdoc-table-wrap{overflow-x:scroll}}[data-theme=dark] .hrdoc-header{background:#27272a;border-color:#ffffff14}[data-theme=dark] .hrdoc-back-link{color:#a1a1aa}[data-theme=dark] .hrdoc-back-link:hover{color:#fff}[data-theme=dark] .hrdoc-title{color:#fafafa}[data-theme=dark] .hrdoc-subtitle{color:#a1a1aa}[data-theme=dark] .hrdoc-tabs{border-bottom-color:#ffffff1a}[data-theme=dark] .hrdoc-tab{color:#a1a1aa}[data-theme=dark] .hrdoc-tab:hover{color:#fff}[data-theme=dark] .hrdoc-tab.active{color:#fff;border-bottom-color:#fff}[data-theme=dark] .hrdoc-tab-count{background:#fff3;color:#fff}[data-theme=dark] .hrdoc-tab.active .hrdoc-tab-count{background:#fff;color:#27272a}[data-theme=dark] .hrdoc-card{background:#27272a;border-color:#ffffff14}[data-theme=dark] .hrdoc-search{background:#3f3f46;border-color:#ffffff1a;color:#fafafa}[data-theme=dark] .hrdoc-search:focus{border-color:#fff;box-shadow:0 0 0 3px #ffffff1a}[data-theme=dark] .hrdoc-upload-btn{background:#fff;color:#27272a}[data-theme=dark] .hrdoc-upload-btn:hover{background:#e5e5e5}[data-theme=dark] .hrdoc-bulk-btn.archive{background:#95a5a633;color:#a1a1aa}[data-theme=dark] .hrdoc-bulk-btn.archive:hover{background:#95a5a64d}[data-theme=dark] .hrdoc-bulk-btn.delete{background:#e74c3c33;color:#ef4444}[data-theme=dark] .hrdoc-bulk-btn.delete:hover{background:#e74c3c4d}[data-theme=dark] .hrdoc-table thead{background:#3f3f46}[data-theme=dark] .hrdoc-table th{color:#a1a1aa;border-bottom-color:#ffffff1a}[data-theme=dark] .hrdoc-table tbody tr{border-bottom-color:#ffffff0d}[data-theme=dark] .hrdoc-table tbody tr:hover{background:#3f3f46}[data-theme=dark] .hrdoc-table tbody tr.hrdoc-row-selected{background:#ffffff1a}[data-theme=dark] .hrdoc-table tbody tr.hrdoc-row-warning{background:#e67e2226}[data-theme=dark] .hrdoc-table td,[data-theme=dark] .hrdoc-doc-name{color:#fafafa}[data-theme=dark] .hrdoc-employee,[data-theme=dark] .hrdoc-date{color:#a1a1aa}[data-theme=dark] .hrdoc-action-btn{background:#3f3f46;border-color:#ffffff1a;color:#a1a1aa}[data-theme=dark] .hrdoc-action-btn:hover{background:#52525b;border-color:#fff;color:#fff}[data-theme=dark] .hrdoc-action-btn.archive{border-color:#95a5a64d;color:#a1a1aa}[data-theme=dark] .hrdoc-action-btn.archive:hover{background:#95a5a633;border-color:#a1a1aa}[data-theme=dark] .hrdoc-empty{color:#71717a}[data-theme=dark] .hrdoc-upload-form-wrap{background:#27272a}[data-theme=dark] .hrdoc-upload-form-header{border-bottom-color:#ffffff1a}[data-theme=dark] .hrdoc-upload-form-header h2{color:#fafafa}[data-theme=dark] .hrdoc-modal-close{color:#a1a1aa}[data-theme=dark] .hrdoc-modal-close:hover{background:#3f3f46;color:#fff}[data-theme=dark] .hrdoc-form-group label{color:#fafafa}[data-theme=dark] .hrdoc-form-group input[type=text],[data-theme=dark] .hrdoc-form-group input[type=date],[data-theme=dark] .hrdoc-form-group select,[data-theme=dark] .hrdoc-form-group input[type=file]{background:#3f3f46;border-color:#ffffff1a;color:#fafafa}[data-theme=dark] .hrdoc-form-group input[type=text]:focus,[data-theme=dark] .hrdoc-form-group input[type=date]:focus,[data-theme=dark] .hrdoc-form-group select:focus{border-color:#fff;box-shadow:0 0 0 3px #ffffff1a}[data-theme=dark] .hrdoc-form-actions{border-top-color:#ffffff1a}[data-theme=dark] .hrdoc-btn.primary{background:#fff;color:#27272a}[data-theme=dark] .hrdoc-btn.primary:hover{background:#e5e5e5}[data-theme=dark] .hrdoc-btn.secondary{background:#3f3f46;color:#a1a1aa}[data-theme=dark] .hrdoc-btn.secondary:hover{background:#52525b;color:#fafafa}.cs-page{max-width:100%}.cs-header{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:20px}.cs-title{font-size:24px;font-weight:700;color:var(--color-primary);margin:0 0 6px}.cs-subtitle{font-size:14px;color:var(--color-secondary);margin:0}.cs-tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--bg-surface);border-radius:10px;padding:4px}.cs-tab{flex:1;padding:10px 16px;border:none;border-radius:8px;background:transparent;font-size:14px;font-weight:500;color:var(--color-secondary);cursor:pointer;transition:all .2s}.cs-tab.active{background:var(--bg-card);color:var(--color-primary);box-shadow:var(--shadow-sm)}.cs-content{display:flex;flex-direction:column;gap:20px}.cs-card{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.cs-card-title{font-size:17px;font-weight:600;color:var(--color-primary);margin:0 0 16px}.cs-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.cs-category{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;border:2px solid var(--border-color);border-radius:10px;background:var(--bg-card);cursor:pointer;transition:all .2s}.cs-category:hover{border-color:var(--cat-color)}.cs-category.active{border-color:var(--cat-color);background:color-mix(in srgb,var(--cat-color) 8%,white)}.cs-category-icon{font-size:24px}.cs-category-label{font-size:13px;font-weight:500;color:var(--color-primary);text-align:center}.cs-form{display:flex;flex-direction:column;gap:16px}.cs-form-row{display:grid;grid-template-columns:1fr 180px;gap:16px}.cs-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--color-secondary)}.cs-label-sm{min-width:120px}.cs-input{padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;transition:border-color .2s}.cs-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--accent-light)}.cs-textarea{resize:vertical;min-height:100px;font-family:inherit}.cs-file-input{font-size:13px}.cs-file-name{font-size:12px;color:var(--color-muted)}.cs-form-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:4px}.cs-form-hint{font-size:12px;color:var(--color-muted)}.cs-btn{padding:10px 22px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.cs-btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.cs-btn-primary:hover{background:var(--btn-primary-hover)}.cs-alert{padding:12px 16px;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:10px}.cs-alert-success{background:#e8f5e9;color:#2e7d32}.cs-alert-error{background:var(--danger-light);color:var(--danger)}.cs-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;text-align:center;color:var(--color-muted)}.cs-tickets{display:flex;flex-direction:column;gap:12px}.cs-ticket-card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.cs-ticket-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cs-ticket-id{font-size:12px;font-weight:600;color:var(--color-primary);font-family:monospace}.cs-ticket-status{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.cs-ticket-subject{font-size:16px;font-weight:600;color:var(--color-primary);margin:0 0 6px}.cs-ticket-preview{font-size:14px;color:var(--color-secondary);margin:0 0 12px;line-height:1.5}.cs-ticket-meta{display:flex;gap:16px;font-size:12px;color:var(--color-muted);flex-wrap:wrap}.cs-ticket-replies{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.cs-reply{font-size:13px;color:var(--color-secondary);background:var(--bg-surface);padding:10px 14px;border-radius:8px}.cs-reply-time{font-size:11px;color:var(--color-muted);margin-left:10px}.cs-faq-item{border-bottom:1px solid var(--border-color);padding:14px 0}.cs-faq-item:last-child{border-bottom:none}.cs-faq-q{font-size:15px;font-weight:500;color:var(--color-primary);cursor:pointer;padding:4px 0}.cs-faq-a{font-size:14px;color:var(--color-secondary);margin:10px 0 0;line-height:1.6}@media (max-width: 640px){.cs-form-row{grid-template-columns:1fr}.cs-categories{grid-template-columns:repeat(2,1fr)}}[data-theme=dark] .cs-header,[data-theme=dark] .cs-card,[data-theme=dark] .cs-ticket-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .cs-tabs{background:var(--bg-surface-hover)}[data-theme=dark] .cs-tab.active{background:var(--bg-card)}[data-theme=dark] .cs-category{border-color:var(--border-color);background:var(--bg-card)}[data-theme=dark] .cs-input{background:var(--bg-input);border-color:var(--input-border);color:var(--color-primary)}[data-theme=dark] .cs-reply{background:var(--bg-surface-hover)}[data-theme=dark] .cs-ticket-replies{border-top-color:var(--border-color)}[data-theme=dark] .cs-faq-item{border-bottom-color:var(--border-light)}.dd-page{max-width:100%}.dd-header{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.dd-title{font-size:24px;font-weight:700;color:var(--color-primary);margin:0 0 4px}.dd-subtitle{font-size:14px;color:var(--color-secondary);margin:0}.dd-badge-super{background:var(--btn-primary-bg);color:var(--btn-primary-text);padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.3px}.dd-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:16px}.dd-stat{background:var(--bg-card);border-radius:10px;padding:16px;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.dd-stat-value{font-size:28px;font-weight:700;color:var(--color-primary)}.dd-stat-label{font-size:12px;color:var(--color-muted);margin-top:2px}.dd-stat-open .dd-stat-value{color:var(--color-primary)}.dd-stat-progress .dd-stat-value{color:#f39c12}.dd-stat-resolved .dd-stat-value{color:#2ecc71}.dd-category-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.dd-cat-chip{padding:5px 12px;border-radius:16px;font-size:12px;font-weight:600}.dd-filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.dd-search{flex:1;min-width:200px;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:14px}.dd-search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--accent-light)}.dd-filter-select{padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:13px;background:var(--bg-card);cursor:pointer}.dd-panels{display:grid;grid-template-columns:380px 1fr;gap:16px;min-height:500px}.dd-list{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);overflow-y:auto;max-height:70vh}.dd-ticket-row{padding:14px 16px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .15s}.dd-ticket-row:hover{background:var(--bg-surface)}.dd-ticket-row.active{background:var(--accent-light);border-left:3px solid var(--accent)}.dd-row-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.dd-row-id{font-size:11px;font-weight:600;color:var(--color-primary);font-family:monospace}.dd-row-status{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.dd-row-subject{font-size:14px;font-weight:600;color:var(--color-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-row-meta{display:flex;gap:10px;font-size:11px;color:var(--color-muted);flex-wrap:wrap}.dd-empty{padding:40px;text-align:center;color:var(--color-muted);font-size:14px}.dd-detail{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:24px;overflow-y:auto;max-height:70vh;display:flex;flex-direction:column;gap:16px}.dd-detail-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-muted);font-size:15px}.dd-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.dd-detail-subject{font-size:18px;font-weight:700;color:var(--color-primary);margin:0 0 6px}.dd-detail-meta{display:flex;gap:14px;font-size:13px;color:var(--color-muted);flex-wrap:wrap}.dd-detail-actions{display:flex;gap:8px;align-items:center}.dd-status-select{padding:6px 10px;border-radius:6px;border:1px solid var(--border-color);font-size:13px}.dd-btn-delete{padding:6px 14px;border-radius:6px;border:1px solid var(--danger);background:transparent;color:var(--danger);font-size:13px;cursor:pointer}.dd-btn-delete:hover{background:var(--danger-light)}.dd-detail-info{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:14px;background:var(--bg-surface);border-radius:8px;font-size:13px;color:var(--color-secondary)}.dd-info-row strong{color:var(--color-primary);margin-right:6px}.dd-detail-message{font-size:14px;color:var(--color-primary);line-height:1.7;padding:14px;background:var(--bg-surface);border-radius:8px;border:1px solid var(--border-color);white-space:pre-wrap}.dd-replies{display:flex;flex-direction:column;gap:8px}.dd-replies-title{font-size:14px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.dd-reply{padding:10px 14px;border-radius:8px;background:var(--bg-surface);font-size:13px}.dd-reply-staff{background:var(--accent-light);border-left:3px solid var(--accent)}.dd-reply-from{font-weight:600;color:var(--color-primary);font-size:12px;margin-bottom:2px}.dd-reply-msg{color:var(--color-secondary);line-height:1.5}.dd-reply-time{font-size:11px;color:var(--color-muted);margin-top:4px}.dd-reply-form{display:flex;flex-direction:column;gap:8px}.dd-reply-input{padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;resize:vertical;font-family:inherit}.dd-reply-input:focus{outline:none;border-color:var(--color-primary)}.dd-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer}.dd-btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);align-self:flex-end}.dd-btn-primary:hover{background:var(--btn-primary-hover)}.dd-btn-primary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 900px){.dd-panels{grid-template-columns:1fr}}[data-theme=dark] .dd-ticket-row{border-bottom-color:var(--border-light)}[data-theme=dark] .dd-ticket-row:hover{background:var(--bg-surface-hover)}[data-theme=dark] .dd-detail-info strong{color:var(--color-primary)}.cm-page{max-width:100%;height:calc(100vh - 40px)}.cm-layout{display:grid;grid-template-columns:300px 1fr;height:100%;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.cm-sidebar{background:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.cm-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 12px}.cm-sidebar-title{font-size:18px;font-weight:700;color:var(--color-primary);margin:0}.cm-new-btn{width:34px;height:34px;border:none;border-radius:8px;background:var(--btn-primary-bg);color:var(--btn-primary-text);display:flex;align-items:center;justify-content:center;cursor:pointer}.cm-new-btn:hover{background:var(--btn-primary-hover)}.cm-sidebar-tabs{display:flex;gap:2px;padding:0 12px 10px}.cm-stab{flex:1;padding:7px;border:none;border-radius:6px;background:transparent;font-size:13px;font-weight:500;color:var(--color-muted);cursor:pointer}.cm-stab.active{background:var(--bg-surface);color:var(--color-primary)}.cm-list{flex:1;overflow-y:auto;padding:0 8px 8px}.cm-list-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:none;background:transparent;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s}.cm-list-item:hover{background:var(--bg-surface)}.cm-list-item.active{background:var(--accent-light)}.cm-list-icon{width:36px;height:36px;border-radius:8px;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--color-primary);flex-shrink:0}.cm-list-info{flex:1;min-width:0}.cm-list-name{display:block;font-size:14px;font-weight:600;color:var(--color-primary)}.cm-list-desc{display:block;font-size:12px;color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-list-empty{padding:20px;text-align:center;font-size:13px;color:var(--color-muted)}.cm-unread{min-width:20px;height:20px;border-radius:10px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cm-avatar-sm{width:36px;height:36px;border-radius:50%;background:var(--btn-primary-bg);color:var(--btn-primary-text);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;position:relative;flex-shrink:0}.cm-avatar-md{width:40px;height:40px;border-radius:50%;background:var(--btn-primary-bg);color:var(--btn-primary-text);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.cm-online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background:#2ecc71;border:2px solid var(--bg-card)}.cm-team-search{width:calc(100% - 8px);margin:0 4px 8px;padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:13px}.cm-main{display:flex;flex-direction:column;background:var(--bg-surface)}.cm-main-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--color-muted);text-align:center;padding:24px}.cm-main-empty h3{font-size:18px;color:var(--color-primary);margin:0}.cm-main-empty p{font-size:14px;margin:0;max-width:300px}.cm-chat-header{padding:14px 20px;background:var(--bg-card);border-bottom:1px solid var(--border-color)}.cm-chat-name{font-size:16px;font-weight:700;color:var(--color-primary);margin:0}.cm-chat-desc{font-size:13px;color:var(--color-muted);margin:2px 0 0}.cm-chat-dm-header{display:flex;align-items:center;gap:12px}.cm-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:8px}.cm-messages-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-muted);font-size:14px}.cm-msg{max-width:70%;display:flex;flex-direction:column}.cm-msg-me{align-self:flex-end;align-items:flex-end}.cm-msg-other{align-self:flex-start;align-items:flex-start}.cm-msg-sender{display:flex;gap:8px;align-items:center;margin-bottom:2px}.cm-msg-name{font-size:12px;font-weight:600;color:var(--color-primary)}.cm-msg-role{font-size:11px;font-weight:500}.cm-msg-bubble{padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.cm-msg-me .cm-msg-bubble{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-bottom-right-radius:4px}.cm-msg-other .cm-msg-bubble{background:var(--bg-card);color:var(--color-primary);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}.cm-msg-time{font-size:11px;color:var(--color-muted);margin-top:2px}.cm-input-area{padding:12px 16px;background:var(--bg-card);border-top:1px solid var(--border-color);display:flex;gap:10px;align-items:flex-end}.cm-input{flex:1;padding:10px 14px;border:1px solid var(--border-color);border-radius:12px;font-size:14px;resize:none;max-height:100px;font-family:inherit}.cm-input:focus{outline:none;border-color:var(--color-primary)}.cm-send-btn{width:40px;height:40px;border:none;border-radius:50%;background:var(--btn-primary-bg);color:var(--btn-primary-text);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.cm-send-btn:hover{background:var(--btn-primary-hover)}.cm-send-btn:disabled{opacity:.4;cursor:not-allowed}.cm-modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999}.cm-modal{background:var(--bg-card);border-radius:14px;box-shadow:var(--shadow-lg);width:100%;max-width:380px;padding:20px}.cm-modal-title{font-size:17px;font-weight:600;color:var(--color-primary);margin:0 0 14px}.cm-modal-list{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.cm-modal-member{display:flex;align-items:center;gap:10px;padding:10px;border:none;background:transparent;border-radius:8px;cursor:pointer;text-align:left;width:100%}.cm-modal-member:hover{background:var(--bg-surface)}.cm-modal-name{font-size:14px;font-weight:600;color:var(--color-primary)}.cm-modal-role{font-size:12px}.cm-modal-close{width:100%;margin-top:12px;padding:10px;border:1px solid var(--border-color);border-radius:8px;background:transparent;font-size:14px;cursor:pointer;color:var(--color-secondary)}@media (max-width: 768px){.cm-layout{grid-template-columns:1fr}.cm-sidebar{max-height:280px;border-right:none;border-bottom:1px solid var(--border-color)}}.sad-page{max-width:100%;--sad-text: var(--color-primary);--sad-muted: var(--color-muted)}.sad-header{background:var(--bg-card);border-radius:12px;padding:24px 28px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.sad-title{font-size:24px;font-weight:700;color:var(--sad-text);margin:0 0 4px}.sad-subtitle{font-size:14px;color:var(--color-secondary);margin:0}.sad-badge-super{background:var(--btn-primary-bg);color:var(--btn-primary-text);padding:6px 18px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.3px}.sad-tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--bg-card);border-radius:10px;padding:4px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.sad-tab{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:8px;border:none;background:transparent;font-size:14px;font-weight:500;color:var(--color-secondary);cursor:pointer;transition:all .15s}.sad-tab:hover{background:var(--bg-surface-hover);color:var(--color-primary)}.sad-tab.active{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.sad-kpis{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.sad-kpi{display:flex;flex-direction:column;align-items:center;padding:14px 18px;border-radius:10px;min-width:120px;flex:1;background:#fff;box-shadow:0 2px 8px #0000000d;border:1px solid rgba(0,0,0,.06)}.sad-kpi-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sad-kpi-icon.blue,.sad-kpi-icon.green,.sad-kpi-icon.purple{background:var(--accent-light);color:var(--color-primary)}.sad-kpi-icon.orange{background:var(--danger-light);color:var(--danger)}.sad-kpi-icon.teal{background:var(--accent-light);color:var(--color-primary)}.sad-kpi-icon.rose{background:var(--danger-light);color:var(--danger)}.sad-kpi-value{font-size:22px;font-weight:900;color:var(--sad-text);line-height:1.2}.sad-kpi-label{font-size:11px;color:var(--color-muted);margin-top:2px;text-align:center}@media (max-width: 640px){.sad-kpi{min-width:100px}.sad-kpi-value{font-size:20px}}.sad-charts-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.sad-widget{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.sad-widget-wide{grid-column:span 2}.sad-widget-title{font-size:15px;font-weight:600;color:var(--sad-text);margin:0 0 14px;display:flex;align-items:center;gap:6px}.sad-donut{display:block;margin:0 auto;transform:rotate(-90deg)}.sad-donut-row{display:flex;align-items:center;gap:20px}.sad-donut-legend{flex:1;display:flex;flex-direction:column;gap:6px}.sad-legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#555}.sad-legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.sad-legend-label{flex:1}.sad-legend-bold{font-weight:600}.sad-legend-count{font-weight:600;color:var(--sad-text);min-width:24px;text-align:right}.sad-legend-divider{height:1px;background:#eee;margin:4px 0}.sad-bar-chart{display:flex;flex-direction:column;gap:8px}.sad-bar-row{display:flex;align-items:center;gap:10px}.sad-bar-label{width:100px;font-size:12px;color:#666;text-align:right;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sad-bar-track{flex:1;height:20px;background:#f0f2f5;border-radius:4px;overflow:hidden}.sad-bar-fill{height:100%;border-radius:4px;min-width:2px;transition:width .4s ease}.sad-bar-val{width:36px;font-size:13px;font-weight:600;color:var(--sad-text);text-align:right;flex-shrink:0}.sad-bottom-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.sad-recent-list{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow-y:auto}.sad-recent-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s}.sad-recent-item:hover{background:#f8f9fa}.sad-recent-avatar{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;flex-shrink:0}.sad-recent-info{flex:1;min-width:0}.sad-recent-company{font-size:13px;font-weight:600;color:var(--sad-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sad-recent-meta{font-size:11px;color:#999}.sad-plan-badge{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.sad-badge-warn{background:var(--danger-light);color:var(--danger)}.sad-empty{padding:20px;text-align:center;color:var(--color-muted);font-size:13px}.sad-revenue-total{margin-top:12px;padding-top:12px;border-top:1px solid #eee;font-size:14px;color:#555;text-align:right}.sad-revenue-total strong{color:var(--sad-text)}.sad-filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.sad-search{flex:1;min-width:220px;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px}.sad-search:focus{outline:none;border-color:#000888;box-shadow:0 0 0 3px #00088814}.sad-select{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:13px;background:#fff;cursor:pointer}.sad-filter-count{font-size:13px;color:#888;font-weight:500}.sad-table-wrap{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #0000000d;border:1px solid rgba(0,0,0,.06);margin-bottom:16px}.sad-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.sad-table thead{background:#f8f9fa}.sad-table th{padding:12px 14px;text-align:left;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #eee;position:sticky;top:0;background:#f8f9fa}.sad-table td{padding:12px 14px;border-bottom:1px solid #f5f5f5;vertical-align:middle}.sad-row{cursor:pointer;transition:background .12s}.sad-row:hover{background:#fafbfc}.sad-row.selected{background:#f0f4ff}.sad-cell-company{min-width:140px}.sad-company-name{font-weight:600;color:var(--sad-text)}.sad-company-id{font-size:10px;color:#999;font-family:monospace}.sad-contact-name{font-weight:500;color:#333}.sad-contact-email{font-size:11px;color:#999}.sad-type-badge{padding:3px 10px;border-radius:10px;font-size:11px;font-weight:600}.sad-type-badge.buyer{background:#3498db1f;color:#2980b9}.sad-type-badge.seller{background:#9b59b61f;color:#8e44ad}.sad-type-badge.service_provider{background:#2ecc711f;color:#27ae60}.sad-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.sad-status-dot.active{background:#2ecc71}.sad-status-dot.trialing{background:#f39c12}.sad-status-dot.canceled{background:#e74c3c}.sad-cell-tags{display:flex;gap:4px;flex-wrap:wrap}.sad-mini-tag{font-size:11px;font-weight:600}.sad-equip-count{font-size:12px;color:#666}.sad-cell-num{text-align:center;font-weight:600;color:var(--sad-text)}.sad-cell-date{font-size:12px;color:#666}.sad-cell-date.warn{color:#f39c12;font-weight:600}.sad-cell-date.expired{color:#e74c3c;font-weight:600}.sad-days-badge{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:8px;font-size:10px;font-weight:700;background:#f39c1226;color:#f39c12}.sad-account-detail{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.06)}.sad-detail-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:12px}.sad-detail-company{font-size:20px;font-weight:700;color:var(--sad-text);margin:0 0 4px}.sad-detail-email{font-size:14px;color:#888;margin:0}.sad-detail-close{padding:6px 16px;border-radius:8px;border:1px solid #ddd;background:#fff;font-size:13px;cursor:pointer}.sad-detail-close:hover{background:#f0f2f5}.sad-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:10px}.sad-detail-item{display:flex;flex-direction:column;gap:2px}.sad-detail-label{font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.3px}.sad-detail-value{font-size:14px;font-weight:500;color:var(--sad-text)}.sad-detail-section{margin-bottom:12px}.sad-detail-section h4{font-size:14px;font-weight:600;color:var(--sad-text);margin:0 0 8px}.sad-detail-tags{display:flex;gap:6px;flex-wrap:wrap}.sad-tag{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;border:1.5px solid;background:transparent}.sad-detail-cats{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:6px}.sad-cat-industry{font-size:12px;font-weight:600;color:#555}.sad-cat-chip{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:500;background:#f0f2f5;color:#333}.sad-detail-team{display:flex;flex-direction:column;gap:4px}.sad-detail-team-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:12px}.sad-detail-team-row:last-child{border-bottom:none}.sad-detail-team-name{font-weight:600;color:var(--sad-text, #1a1a2e);min-width:120px}.sad-detail-team-email{color:#888;flex:1}.sad-detail-team-role{padding:2px 8px;border-radius:8px;font-size:10px;font-weight:600;text-transform:capitalize}.sad-detail-team-role.tm-role-admin{background:#e74c3c1a;color:#e74c3c}.sad-detail-team-role.tm-role-manager{background:#f39c121a;color:#f39c12}.sad-detail-team-role.tm-role-user{background:#3498db1a;color:#3498db}@media (max-width: 1200px){.sad-kpis{grid-template-columns:repeat(3,1fr)}.sad-charts-row{grid-template-columns:1fr 1fr}.sad-widget-wide{grid-column:span 1}.sad-bottom-row{grid-template-columns:1fr 1fr}}@media (max-width: 900px){.sad-kpis{grid-template-columns:repeat(2,1fr)}.sad-charts-row,.sad-bottom-row{grid-template-columns:1fr}.sad-donut-row{flex-direction:column;align-items:center}}@media (max-width: 600px){.sad-kpis{grid-template-columns:1fr}.sad-header{padding:16px}.sad-detail-grid{grid-template-columns:1fr 1fr}}[data-theme=dark] .sad-page{--sad-text: #e8e8f0;--sad-muted: #999}[data-theme=dark] .sad-header,[data-theme=dark] .sad-widget,[data-theme=dark] .sad-kpi,[data-theme=dark] .sad-table-wrap,[data-theme=dark] .sad-account-detail,[data-theme=dark] .sad-tabs{background:#1e1e2e;border-color:#ffffff14;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .sad-subtitle,[data-theme=dark] .sad-tab{color:#999}[data-theme=dark] .sad-tab:hover{background:#2a2a3e;color:#ccc}[data-theme=dark] .sad-tab.active{background:#000888;color:#fff}[data-theme=dark] .sad-kpi-label{color:#888}[data-theme=dark] .sad-widget-title{color:#e8e8f0}[data-theme=dark] .sad-bar-track{background:#2a2a3e}[data-theme=dark] .sad-bar-label,[data-theme=dark] .sad-bar-val{color:#ccc}[data-theme=dark] .sad-legend-item{color:#bbb}[data-theme=dark] .sad-legend-divider{background:#333}[data-theme=dark] .sad-table thead,[data-theme=dark] .sad-table th{background:#252535;color:#999;border-color:#333}[data-theme=dark] .sad-table td{border-color:#2a2a3e}[data-theme=dark] .sad-row:hover{background:#252535}[data-theme=dark] .sad-row.selected{background:#1a1a3e}[data-theme=dark] .sad-company-name,[data-theme=dark] .sad-contact-name{color:#e8e8f0}[data-theme=dark] .sad-company-id,[data-theme=dark] .sad-contact-email{color:#777}[data-theme=dark] .sad-cell-date{color:#999}[data-theme=dark] .sad-search,[data-theme=dark] .sad-select{background:#252535;border-color:#333;color:#e8e8f0}[data-theme=dark] .sad-search:focus{border-color:#000888;box-shadow:0 0 0 3px #00088833}[data-theme=dark] .sad-recent-item:hover{background:#252535}[data-theme=dark] .sad-recent-company{color:#e8e8f0}[data-theme=dark] .sad-recent-meta{color:#777}[data-theme=dark] .sad-detail-grid{background:#252535}[data-theme=dark] .sad-detail-label{color:#777}[data-theme=dark] .sad-detail-value{color:#e8e8f0}[data-theme=dark] .sad-detail-close{background:#252535;border-color:#444;color:#ccc}[data-theme=dark] .sad-detail-close:hover{background:#333}[data-theme=dark] .sad-cat-chip{background:#2a2a3e;color:#ccc}[data-theme=dark] .sad-cat-industry{color:#bbb}[data-theme=dark] .sad-detail-team-row{border-color:#ffffff0a}[data-theme=dark] .sad-detail-team-name{color:#e8e8f0}[data-theme=dark] .sad-detail-team-email{color:#777}[data-theme=dark] .sad-revenue-total{border-color:#333;color:#999}[data-theme=dark] .sad-revenue-total strong{color:#e8e8f0}[data-theme=dark] .sad-empty{color:#777}.sad-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:10px;padding:0 6px;background:#e74c3c;color:#fff;font-size:11px;font-weight:700;margin-left:6px}.sad-tab.active .sad-tab-badge{background:#ffffff40}.sad-sec-main{display:grid;grid-template-columns:1fr 340px;gap:14px;margin-bottom:16px}.sad-sec-log{min-height:400px}.sad-sec-events{display:flex;flex-direction:column;gap:8px;max-height:600px;overflow-y:auto}.sad-sec-event{padding:14px 16px;border-radius:10px;border:1px solid rgba(0,0,0,.06);background:#fafbfc;transition:border-color .15s}.sad-sec-event:hover{border-color:#0000001f}.sad-sec-event-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.sad-sec-sev{padding:2px 10px;border-radius:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.sad-sec-event-type{font-size:13px;font-weight:600;color:var(--sad-text, #1a1a2e)}.sad-sec-event-time{font-size:11px;color:#999;margin-left:auto}.sad-sec-status{padding:2px 8px;border-radius:8px;font-size:11px;font-weight:600;text-transform:capitalize}.sad-sec-event-desc{font-size:13px;color:#555;line-height:1.5;margin-bottom:8px}.sad-sec-event-meta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:8px}.sad-sec-meta-item{font-size:12px;color:#888}.sad-sec-meta-item strong{color:var(--sad-text, #1a1a2e);font-weight:600}.sad-sec-event-action{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.05)}.sad-sec-action-text{font-size:12px;color:#888;flex:1}.sad-sec-event-btns{display:flex;gap:6px}.sad-sec-btn{padding:4px 12px;border-radius:6px;font-size:11px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .15s}.sad-sec-btn.escalate{background:#9b59b61a;color:#8e44ad;border-color:#9b59b633}.sad-sec-btn.escalate:hover{background:#9b59b633}.sad-sec-btn.dismiss{background:#95a5a61a;color:#666;border-color:#95a5a633}.sad-sec-btn.dismiss:hover{background:#95a5a633}.sad-sec-ip-list{display:flex;flex-direction:column;gap:6px;max-height:560px;overflow-y:auto}.sad-sec-ip-row{padding:10px 12px;border-radius:8px;background:#fafbfc;border:1px solid rgba(0,0,0,.05)}.sad-sec-ip-info{display:flex;align-items:center;gap:8px;margin-bottom:4px}.sad-sec-ip-addr{font-size:13px;font-weight:600;font-family:monospace;color:var(--sad-text, #1a1a2e)}.sad-sec-ip-country{font-size:12px;font-weight:600;color:#e74c3c}.sad-sec-ip-reason{font-size:12px;color:#666;margin-bottom:4px}.sad-sec-ip-footer{display:flex;align-items:center;justify-content:space-between}.sad-sec-ip-date{font-size:11px;color:#999}.sad-sec-ip-type{padding:2px 8px;border-radius:8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.sad-sec-ip-type.perm{background:#e74c3c1a;color:#e74c3c}.sad-sec-ip-type.temp{background:#f39c121a;color:#f39c12}.sad-sec-health{display:flex;flex-direction:column;gap:6px}.sad-sec-health-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#555;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.04)}.sad-sec-health-item:last-child{border-bottom:none}.sad-sec-health-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sad-sec-health-item span:nth-child(2){flex:1}.sad-sec-health-item strong{font-size:12px;color:var(--sad-text, #1a1a2e)}.sad-sec-origins{display:flex;flex-direction:column;gap:6px}.sad-sec-origin-row{display:flex;align-items:center;gap:10px}.sad-sec-country{width:28px;font-size:12px;font-weight:700;color:#555;text-align:center}@media (max-width: 1100px){.sad-sec-main{grid-template-columns:1fr}}[data-theme=dark] .sad-sec-event{background:#252535;border-color:#ffffff0f}[data-theme=dark] .sad-sec-event:hover{border-color:#ffffff1f}[data-theme=dark] .sad-sec-event-desc{color:#bbb}[data-theme=dark] .sad-sec-meta-item{color:#888}[data-theme=dark] .sad-sec-meta-item strong{color:#e8e8f0}[data-theme=dark] .sad-sec-action-text{color:#777}[data-theme=dark] .sad-sec-event-action{border-color:#ffffff0d}[data-theme=dark] .sad-sec-ip-row{background:#252535;border-color:#ffffff0f}[data-theme=dark] .sad-sec-ip-addr{color:#e8e8f0}[data-theme=dark] .sad-sec-ip-reason{color:#999}[data-theme=dark] .sad-sec-ip-date{color:#777}[data-theme=dark] .sad-sec-health-item{color:#bbb;border-color:#ffffff0a}[data-theme=dark] .sad-sec-health-item strong{color:#e8e8f0}[data-theme=dark] .sad-sec-country{color:#ccc}[data-theme=dark] .sad-sec-btn.escalate{background:#9b59b626}[data-theme=dark] .sad-sec-btn.dismiss{background:#95a5a626;color:#999}.sad-section{margin-bottom:28px}.sad-section-title{font-size:16px;font-weight:700;color:var(--sad-text, #1a1a2e);margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.06)}.sad-kpi-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.sad-kpi-card{display:flex;flex-direction:column;align-items:center;padding:14px 18px;border-radius:10px;min-width:120px;flex:1;background:var(--sad-card-bg, #fff);border:1px solid rgba(0,0,0,.06);text-align:center;box-shadow:0 1px 4px #0000000a}.sad-kpi-card .sad-kpi-val{font-size:22px;font-weight:900;line-height:1.2}.sad-kpi-card .sad-kpi-label{font-size:11px;color:#888;margin-top:2px;text-align:center}@media (max-width: 640px){.sad-kpi-card{min-width:100px}.sad-kpi-card .sad-kpi-val{font-size:20px}}.sad-two-panel{display:grid;grid-template-columns:320px 1fr;gap:16px;min-height:420px}.sad-panel-list{display:flex;flex-direction:column;gap:6px;max-height:620px;overflow-y:auto;padding-right:4px}.sad-panel-item{padding:12px 14px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,.06);background:var(--sad-card-bg, #fff);transition:all .15s}.sad-panel-item:hover{border-color:#0008882e;background:#00088805}.sad-panel-item.selected{border-color:#000888;background:#0008880a}.sad-panel-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.sad-panel-detail{background:var(--sad-card-bg, #fff);border-radius:12px;border:1px solid rgba(0,0,0,.06);padding:20px;overflow-y:auto;max-height:620px}.sad-badge{display:inline-block;padding:2px 8px;border-radius:8px;font-size:11px;font-weight:600}.sad-btn-primary{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;background:#000888;color:#fff;border:none;cursor:pointer;transition:background .15s}.sad-btn-primary:hover{background:#000666}.sad-btn-secondary{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;background:#f5f5f5;color:#333;border:1px solid #ddd;cursor:pointer;transition:all .15s}.sad-btn-secondary:hover{background:#eee}.sad-filter-row{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.sad-filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:13px;background:#fff;cursor:pointer}@media (max-width: 860px){.sad-two-panel{grid-template-columns:1fr}.sad-panel-list{max-height:300px}}[data-theme=dark] .sad-section-title{color:#e8e8f0;border-color:#ffffff0f}[data-theme=dark] .sad-kpi-card{background:#252535;border-color:#ffffff0f}[data-theme=dark] .sad-kpi-card .sad-kpi-label{color:#999}[data-theme=dark] .sad-panel-item{background:#252535;border-color:#ffffff0f}[data-theme=dark] .sad-panel-item:hover{border-color:#00088866;background:#00088814}[data-theme=dark] .sad-panel-item.selected{border-color:#000888;background:#0008881f}[data-theme=dark] .sad-panel-detail{background:#252535;border-color:#ffffff0f}[data-theme=dark] .sad-btn-secondary{background:#333;color:#ddd;border-color:#555}[data-theme=dark] .sad-filter-select{background:#252535;color:#ddd;border-color:#555}.fg-form{display:flex;flex-direction:column;gap:20px}.fg-form-row{display:flex;flex-direction:column;gap:8px}.fg-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1a1a2e;flex-wrap:wrap}.fg-step{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#000888;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.fg-hint{font-size:12px;color:#888;font-weight:400;margin-left:4px}.fg-select{padding:10px 14px;border-radius:8px;border:1px solid #ddd;font-size:14px;color:#333;background:#fff;width:100%;max-width:600px}.fg-select:focus{outline:none;border-color:#000888;box-shadow:0 0 0 3px #0008881a}.fg-account-info{background:#f8f9fa;border-radius:10px;padding:14px 18px;border:1px solid #e5e8ec}.fg-account-detail{display:flex;flex-direction:column;gap:4px}.fg-account-detail strong{font-size:15px;color:#1a1a2e}.fg-account-meta{font-size:13px;color:#666;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.fg-plan-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:700;letter-spacing:.3px}.fg-existing{margin-top:10px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.fg-existing-label{font-size:12px;color:#888;font-weight:600}.fg-existing-tag{background:#e3f2fd;color:#1565c0;padding:2px 10px;border-radius:8px;font-size:11px;font-weight:600}.fg-feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.fg-feature-btn{display:flex;align-items:center;gap:10px;padding:12px 14px;border:2px solid #e5e8ec;border-radius:10px;background:#fff;cursor:pointer;text-align:left;transition:all .15s}.fg-feature-btn:hover{border-color:#000888;background:#f0f0ff}.fg-feature-btn.selected{border-color:#2e7d32;background:#e8f5e9}.fg-feature-btn.already-granted{opacity:.5;cursor:not-allowed;border-color:#ddd}.fg-feature-btn.already-granted:hover{border-color:#ddd;background:#fff}.fg-feature-check{flex-shrink:0}.fg-feature-info{display:flex;flex-direction:column;gap:2px;min-width:0}.fg-feature-name{font-size:13px;font-weight:600;color:#1a1a2e}.fg-feature-tier{font-size:11px;font-weight:600}.fg-already-badge{margin-left:auto;font-size:10px;color:#888;font-weight:600;background:#f1f3f5;padding:2px 8px;border-radius:6px;white-space:nowrap}.fg-empty-msg{font-size:14px;color:#888;padding:16px 0;font-style:italic}.fg-period-grid{display:flex;flex-wrap:wrap;gap:8px}.fg-period-btn{padding:8px 16px;border-radius:8px;border:2px solid #e5e8ec;background:#fff;font-size:13px;font-weight:600;color:#555;cursor:pointer;transition:all .15s;white-space:nowrap}.fg-period-btn:hover{border-color:#000888;color:#000888}.fg-period-btn.selected{border-color:#000888;background:#000888;color:#fff}.fg-summary{font-size:14px;color:#555;margin-bottom:12px;line-height:1.6}.fg-submit-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:10px;border:none;background:#000888;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s}.fg-submit-btn:hover{background:#000a9e}.fg-action-btn{padding:4px 10px;border-radius:6px;border:1px solid #ddd;background:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.fg-action-btn.extend{color:#000888;border-color:#000888}.fg-action-btn.extend:hover{background:#f0f0ff}.fg-action-btn.revoke{color:#e74c3c;border-color:#e74c3c}.fg-action-btn.revoke:hover{background:#fdecea}@media (max-width: 640px){.fg-feature-grid{grid-template-columns:1fr}.fg-period-grid{flex-direction:column}.fg-period-btn{width:100%;text-align:center}}[data-theme=dark] .fg-label{color:#e8e8f0}[data-theme=dark] .fg-select{background:#252535;color:#ddd;border-color:#555}[data-theme=dark] .fg-select:focus{border-color:#5dade2;box-shadow:0 0 0 3px #5dade226}[data-theme=dark] .fg-account-info{background:#252535;border-color:#ffffff0f}[data-theme=dark] .fg-account-detail strong{color:#f0f0f0}[data-theme=dark] .fg-account-meta{color:#a0a0b0}[data-theme=dark] .fg-existing-tag{background:#1565c026;color:#90caf9}[data-theme=dark] .fg-feature-btn{background:#1e1e30;border-color:#ffffff14}[data-theme=dark] .fg-feature-btn:hover{border-color:#5dade2;background:#5dade214}[data-theme=dark] .fg-feature-btn.selected{border-color:#4caf50;background:#4caf501a}[data-theme=dark] .fg-feature-name{color:#f0f0f0}[data-theme=dark] .fg-already-badge{background:#333;color:#888}[data-theme=dark] .fg-period-btn{background:#1e1e30;border-color:#ffffff14;color:#ccc}[data-theme=dark] .fg-period-btn:hover{border-color:#5dade2;color:#5dade2}[data-theme=dark] .fg-period-btn.selected{background:#5dade2;color:#1e1e30;border-color:#5dade2}[data-theme=dark] .fg-summary{color:#a0a0b0}[data-theme=dark] .fg-submit-btn{background:#5dade2;color:#1e1e30}[data-theme=dark] .fg-submit-btn:hover{background:#7ec8e3}[data-theme=dark] .fg-action-btn{background:#252535;border-color:#555}[data-theme=dark] .fg-action-btn.extend{color:#5dade2;border-color:#5dade2}[data-theme=dark] .fg-action-btn.extend:hover{background:#5dade21a}[data-theme=dark] .fg-action-btn.revoke{color:#e74c3c;border-color:#e74c3c}[data-theme=dark] .fg-action-btn.revoke:hover{background:#e74c3c1a}[data-theme=dark] .fg-empty-msg{color:#777}.srm-page{max-width:1400px}.srm-stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.srm-stat{flex:1;min-width:120px;background:var(--bg-card);border-radius:12px;padding:16px 20px;text-align:center;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:4px}.srm-stat-value{font-size:28px;font-weight:700;color:var(--color-primary)}.srm-stat-label{font-size:12px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.srm-stat-new .srm-stat-value{color:var(--color-primary)}.srm-stat-assigned .srm-stat-value{color:#e65100}.srm-stat-progress .srm-stat-value{color:#7b1fa2}.srm-stat-complete .srm-stat-value{color:#2e7d32}.srm-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.srm-search{flex:1;min-width:200px;padding:10px 14px;border:1px solid var(--input-border);border-radius:8px;font-size:14px;outline:none}.srm-search:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--accent-light)}.srm-select{padding:10px 14px;border:1px solid var(--input-border);border-radius:8px;font-size:14px;outline:none;background:var(--bg-card);cursor:pointer}.srm-layout{display:grid;grid-template-columns:380px 1fr;gap:16px;align-items:start}@media (max-width: 900px){.srm-layout{grid-template-columns:1fr}}.srm-list-panel{max-height:70vh;overflow-y:auto}.srm-panel-title{font-size:14px;font-weight:700;color:var(--color-primary);margin:0 0 12px}.srm-request-list{display:flex;flex-direction:column;gap:8px}.srm-request-item{width:100%;text-align:left;background:var(--bg-surface);border:1px solid var(--input-border);border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;gap:4px}.srm-request-item:hover{border-color:var(--color-primary);background:var(--accent-light)}.srm-request-active{border-color:var(--color-primary);background:var(--accent-light);box-shadow:0 0 0 2px var(--accent-light)}.srm-req-top{display:flex;justify-content:space-between;align-items:center}.srm-req-id{font-size:12px;font-weight:700;color:var(--color-primary)}.srm-req-status{font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px}.srm-req-company{font-size:14px;font-weight:600;color:var(--color-primary)}.srm-req-services{font-size:12px;color:var(--color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srm-req-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.srm-req-priority{font-size:11px;font-weight:700;text-transform:uppercase}.srm-req-date{font-size:11px;color:var(--color-muted)}.srm-detail-panel{min-height:400px}.srm-empty{text-align:center;padding:40px 20px;color:var(--color-muted);font-size:14px}.srm-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.srm-detail-header h3{font-size:18px;font-weight:700;color:var(--color-primary);margin:0}.srm-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:16px}.srm-detail-field{display:flex;flex-direction:column;gap:2px}.srm-detail-field label{font-size:11px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.3px}.srm-detail-field span{font-size:14px;color:var(--color-primary)}.srm-detail-section{margin-bottom:16px}.srm-detail-section>label{display:block;font-size:12px;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px}.srm-service-tags{display:flex;flex-wrap:wrap;gap:6px}.srm-service-tag{background:var(--accent-light);color:var(--color-primary);font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px}.srm-desc-text{font-size:14px;color:var(--color-secondary);line-height:1.5;margin:0}.srm-attachments{display:flex;flex-wrap:wrap;gap:6px}.srm-attachment{background:var(--bg-surface);color:var(--color-secondary);font-size:12px;padding:4px 10px;border-radius:6px;border:1px solid var(--input-border)}.srm-assign-section{background:var(--accent-light);border-radius:10px;padding:16px}.srm-assigned-info{display:flex;flex-direction:column;gap:4px}.srm-assigned-by{font-size:12px;color:var(--color-muted)}.srm-assign-form{display:flex;gap:8px;align-items:center}.srm-assign-form .srm-select{flex:1}.srm-status-form{display:flex;gap:8px;align-items:center}.srm-status-form .srm-select{flex:1}.srm-btn-primary{padding:8px 16px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.srm-btn-primary:disabled{opacity:.5;cursor:not-allowed}.srm-btn-secondary{padding:8px 16px;background:var(--accent-light);color:var(--color-primary);border:1px solid var(--accent);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.srm-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.srm-notes-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.srm-note{background:var(--bg-surface);border-radius:8px;padding:10px 14px}.srm-note-header{display:flex;justify-content:space-between;margin-bottom:4px}.srm-note-author{font-size:12px;font-weight:700;color:var(--color-primary)}.srm-note-date{font-size:11px;color:var(--color-muted)}.srm-note-text{font-size:13px;color:var(--color-secondary);margin:0;line-height:1.4}.srm-note-form{display:flex;gap:8px;align-items:flex-start}.srm-textarea{flex:1;padding:10px 14px;border:1px solid var(--input-border);border-radius:8px;font-size:13px;font-family:inherit;resize:vertical;outline:none}.srm-textarea:focus{border-color:var(--color-primary)}.srm-detail-footer{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid var(--input-border);font-size:11px;color:var(--color-muted)}[data-theme=dark] .srm-stat{box-shadow:var(--shadow-sm)}[data-theme=dark] .srm-request-item:hover,[data-theme=dark] .srm-request-active{border-color:var(--color-primary);background:var(--bg-surface-hover)}.sd-page{max-width:1280px;margin:0 auto;padding:0 24px 40px}.sd-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:12px;flex-wrap:wrap}.sd-title{font-size:26px;font-weight:800;color:var(--color-primary);margin:0 0 4px}.sd-subtitle{font-size:14px;color:var(--color-secondary);margin:0}.sd-kpis{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.sd-kpi-card{display:flex;flex-direction:column;align-items:center;padding:14px 18px;border-radius:10px;min-width:120px;flex:1;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.sd-kpi-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sd-kpi-icon.blue{background:var(--accent-light);color:var(--color-primary)}.sd-kpi-icon.green{background:#2e7d3214;color:#2e7d32}.sd-kpi-icon.purple{background:var(--accent-light);color:var(--color-primary)}.sd-kpi-icon.orange{background:#e6510014;color:#e65100}.sd-kpi-icon.teal{background:#00968814;color:#009688}.sd-kpi-body{display:flex;flex-direction:column;align-items:center}.sd-kpi-value{font-size:22px;font-weight:900;color:var(--color-primary);line-height:1.2}.sd-kpi-label{font-size:11px;color:var(--color-muted);margin-top:2px;text-align:center}@media (max-width: 640px){.sd-kpi-card{min-width:100px}.sd-kpi-value{font-size:20px}}.sd-columns{display:grid;grid-template-columns:1fr 1.6fr;gap:20px}@media (max-width: 900px){.sd-columns{grid-template-columns:1fr}}.sd-card{background:var(--bg-card);border-radius:14px;border:1px solid var(--border-color);padding:20px;box-shadow:var(--shadow-sm)}.sd-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:8px;flex-wrap:wrap}.sd-card-title{font-size:16px;font-weight:700;color:var(--color-primary);margin:0}.sd-link-btn{background:none;border:none;color:var(--color-primary);font-size:13px;font-weight:600;cursor:pointer;padding:0}.sd-link-btn:hover{text-decoration:underline}.sd-empty{text-align:center;color:var(--color-muted);padding:32px 0;font-size:14px}.sd-project-list{display:flex;flex-direction:column;gap:8px}.sd-project-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-surface);cursor:pointer;width:100%;text-align:left;transition:border-color .15s,box-shadow .15s}.sd-project-row:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.sd-project-info{display:flex;flex-direction:column;gap:2px;min-width:0}.sd-project-name{font-size:14px;font-weight:600;color:var(--color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-project-meta{font-size:11px;color:var(--color-muted)}.sd-progress-bar-wrap{display:flex;align-items:center;gap:8px;flex-shrink:0}.sd-progress-bar{width:80px;height:6px;background:var(--bg-surface-hover);border-radius:3px;overflow:hidden}.sd-progress-fill{height:100%;background:var(--btn-primary-bg);border-radius:3px;transition:width .3s}.sd-progress-pct{font-size:12px;font-weight:700;color:var(--color-primary);min-width:32px;text-align:right}.sd-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap}.sd-rfq-tab-pills{display:flex;gap:6px;flex-wrap:wrap}.sd-tab-pill{padding:5px 12px;border-radius:20px;border:1px solid var(--bg-surface-hover);background:var(--bg-card);font-size:12px;font-weight:600;color:var(--color-secondary);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:4px}.sd-tab-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.sd-tab-pill.active{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}.sd-tab-count{font-weight:700}.sd-rfq-list{display:flex;flex-direction:column;gap:6px}.sd-rfq-item{border:1px solid var(--border-color);border-radius:10px;overflow:hidden;transition:border-color .15s}.sd-rfq-item:hover{border-color:var(--border-color)}.sd-rfq-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;width:100%;text-align:left;background:none;border:none}.sd-rfq-left{display:flex;flex-direction:column;gap:3px;min-width:0}.sd-rfq-title{font-size:14px;font-weight:600;color:var(--color-primary)}.sd-rfq-buyer{font-size:12px;color:var(--color-muted);display:flex;align-items:center;gap:4px}.sd-rfq-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.sd-rfq-due{font-size:11px;font-weight:600;color:var(--color-muted)}.sd-rfq-due.soon{color:#e65100}.sd-rfq-due.urgent{color:var(--danger);font-weight:700}.sd-rfq-detail{padding:0 14px 14px;border-top:1px solid var(--border-color)}.sd-rfq-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;font-size:13px;color:var(--color-secondary);padding:12px 0}.sd-my-response{background:#2e7d320a;border:1px solid rgba(46,125,50,.15);border-radius:10px;padding:14px;margin-top:8px}.sd-my-response h4{margin:0 0 8px;font-size:14px;color:#2e7d32}.sd-response-notes{font-size:12px;color:var(--color-secondary);margin:8px 0 0;font-style:italic}.sd-awarded-banner{display:flex;align-items:center;gap:8px;margin-top:12px;padding:12px 16px;border-radius:10px;background:var(--accent-light);border:1px solid var(--border-color);color:var(--color-primary);font-weight:600;font-size:14px}.sd-response-form{margin-top:12px}.sd-response-form h4{margin:0 0 12px;font-size:14px;color:var(--color-primary)}.sd-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.sd-form-full{grid-column:1 / -1}.sd-form-group label{display:block;font-size:12px;font-weight:600;color:var(--color-secondary);margin-bottom:4px}.sd-form-group input,.sd-form-group textarea{width:100%;padding:8px 12px;border:1.5px solid var(--input-border);border-radius:8px;font-size:13px;color:var(--color-primary);background:var(--bg-card);transition:border-color .15s;box-sizing:border-box}.sd-form-group input:focus,.sd-form-group textarea:focus{border-color:var(--color-primary);outline:none}.sd-form-actions{display:flex;gap:10px;margin-top:12px}.sd-btn{padding:8px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;border:none}.sd-btn:disabled{opacity:.5;cursor:not-allowed}.sd-btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.sd-btn-primary:hover:not(:disabled){background:var(--btn-primary-hover)}.sd-btn-danger{background:var(--bg-card);color:var(--danger);border:1px solid var(--border-color)}.sd-btn-danger:hover{background:var(--danger-light);border-color:var(--danger)}[data-theme=dark] .sd-progress-bar{background:var(--bg-surface-hover)}[data-theme=dark] .sd-rfq-detail{border-color:var(--border-color)}.bd-page{max-width:1280px;margin:0 auto;padding:0 24px 40px}.bd-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:12px;flex-wrap:wrap}.bd-title{font-size:26px;font-weight:800;color:var(--color-primary);margin:0 0 4px}.bd-subtitle{font-size:14px;color:var(--color-secondary);margin:0}.bd-kpis{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.bd-kpi-card{display:flex;flex-direction:column;align-items:center;padding:14px 18px;border-radius:10px;min-width:120px;flex:1;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.bd-kpi-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bd-kpi-icon.blue{background:var(--accent-light);color:var(--color-primary)}.bd-kpi-icon.green{background:#2e7d3214;color:#2e7d32}.bd-kpi-icon.purple{background:var(--accent-light);color:var(--color-primary)}.bd-kpi-icon.orange{background:#e6510014;color:#e65100}.bd-kpi-icon.teal{background:#00968814;color:#009688}.bd-kpi-body{display:flex;flex-direction:column;align-items:center}.bd-kpi-value{font-size:22px;font-weight:900;color:var(--color-primary);line-height:1.2}.bd-kpi-label{font-size:11px;color:var(--color-muted);margin-top:2px;text-align:center}@media (max-width: 640px){.bd-kpi-card{min-width:100px}.bd-kpi-value{font-size:20px}}.bd-columns{display:grid;grid-template-columns:1fr 1.6fr;gap:20px}@media (max-width: 900px){.bd-columns{grid-template-columns:1fr}}.bd-card{background:var(--bg-card);border-radius:14px;border:1px solid var(--border-color);padding:20px;box-shadow:var(--shadow-sm)}.bd-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:8px;flex-wrap:wrap}.bd-card-title{font-size:16px;font-weight:700;color:var(--color-primary);margin:0}.bd-link-btn{background:none;border:none;color:var(--color-primary);font-size:13px;font-weight:600;cursor:pointer;padding:0}.bd-link-btn:hover{text-decoration:underline}.bd-empty{text-align:center;color:var(--color-muted);padding:32px 0;font-size:14px}.bd-project-list{display:flex;flex-direction:column;gap:8px}.bd-project-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-surface);cursor:pointer;width:100%;text-align:left;transition:border-color .15s,box-shadow .15s}.bd-project-row:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.bd-project-info{display:flex;flex-direction:column;gap:2px;min-width:0}.bd-project-name{font-size:14px;font-weight:600;color:var(--color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bd-project-meta{font-size:11px;color:var(--color-muted)}.bd-progress-bar-wrap{display:flex;align-items:center;gap:8px;flex-shrink:0}.bd-progress-bar{width:80px;height:6px;background:var(--bg-surface-hover);border-radius:3px;overflow:hidden}.bd-progress-fill{height:100%;background:var(--btn-primary-bg);border-radius:3px;transition:width .3s}.bd-progress-pct{font-size:12px;font-weight:700;color:var(--color-primary);min-width:32px;text-align:right}.bd-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap}.bd-rfq-tab-pills{display:flex;gap:6px;flex-wrap:wrap}.bd-tab-pill{padding:5px 12px;border-radius:20px;border:1px solid var(--bg-surface-hover);background:var(--bg-card);font-size:12px;font-weight:600;color:var(--color-secondary);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:4px}.bd-tab-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.bd-tab-pill.active{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}.bd-tab-count{font-weight:700}.bd-rfq-list{display:flex;flex-direction:column;gap:6px}.bd-rfq-item{border:1px solid var(--border-color);border-radius:10px;overflow:hidden;transition:border-color .15s}.bd-rfq-item:hover{border-color:var(--border-color)}.bd-rfq-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.bd-rfq-left{display:flex;flex-direction:column;gap:3px;min-width:0}.bd-rfq-title{font-size:14px;font-weight:600;color:var(--color-primary)}.bd-rfq-meta{font-size:12px;color:var(--color-muted)}.bd-rfq-right{display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:wrap}.bd-rfq-responses{font-size:12px;color:var(--color-icon);display:flex;align-items:center;gap:4px}.bd-compare-btn{padding:5px 14px;border-radius:8px;border:1.5px solid var(--accent);background:var(--accent-light);color:var(--color-primary);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.bd-compare-btn:hover{background:var(--btn-primary-bg);color:var(--btn-primary-text)}[data-theme=dark] .bd-progress-bar{background:var(--bg-surface-hover)}.spd-page{max-width:1280px;margin:0 auto;padding:0 24px 40px}.spd-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:12px;flex-wrap:wrap}.spd-title{font-size:26px;font-weight:800;color:var(--color-primary);margin:0 0 4px}.spd-subtitle{font-size:14px;color:var(--color-secondary);margin:0}.spd-kpis{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.spd-kpi-card{display:flex;flex-direction:column;align-items:center;padding:14px 18px;border-radius:10px;min-width:120px;flex:1;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.spd-kpi-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.spd-kpi-icon.blue{background:var(--accent-light);color:var(--color-primary)}.spd-kpi-icon.green{background:var(--accent-light);color:var(--accent-text)}.spd-kpi-icon.purple{background:var(--accent-light);color:var(--color-primary)}.spd-kpi-icon.orange{background:var(--danger-light);color:var(--danger)}.spd-kpi-icon.teal{background:var(--accent-light);color:var(--color-primary)}.spd-kpi-body{display:flex;flex-direction:column;align-items:center}.spd-kpi-value{font-size:22px;font-weight:900;color:var(--color-primary);line-height:1.2}.spd-kpi-label{font-size:11px;color:var(--color-muted);margin-top:2px;text-align:center}@media (max-width: 640px){.spd-kpi-card{min-width:100px}.spd-kpi-value{font-size:20px}}.spd-columns{display:grid;grid-template-columns:1fr 1.6fr;gap:20px}@media (max-width: 900px){.spd-columns{grid-template-columns:1fr}}.spd-card{background:var(--bg-card);border-radius:14px;border:1px solid var(--border-color);padding:20px;box-shadow:var(--shadow-sm)}.spd-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:8px;flex-wrap:wrap}.spd-card-title{font-size:16px;font-weight:700;color:var(--color-primary);margin:0}.spd-link-btn{background:none;border:none;color:var(--color-primary);font-size:13px;font-weight:600;cursor:pointer;padding:0}.spd-link-btn:hover{text-decoration:underline}.spd-empty{text-align:center;color:var(--color-muted);padding:32px 0;font-size:14px}.spd-project-list{display:flex;flex-direction:column;gap:8px}.spd-project-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid var(--border-light);background:var(--bg-surface);cursor:pointer;width:100%;text-align:left;transition:border-color .15s,box-shadow .15s}.spd-project-row:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.spd-project-info{display:flex;flex-direction:column;gap:2px;min-width:0}.spd-project-name{font-size:14px;font-weight:600;color:var(--color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spd-project-meta{font-size:11px;color:var(--color-muted)}.spd-progress-bar-wrap{display:flex;align-items:center;gap:8px;flex-shrink:0}.spd-progress-bar{width:80px;height:6px;background:var(--border-light);border-radius:3px;overflow:hidden}.spd-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s}.spd-progress-pct{font-size:12px;font-weight:700;color:var(--color-primary);min-width:32px;text-align:right}.spd-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap}.spd-tab-pills{display:flex;gap:6px;flex-wrap:wrap}.spd-tab-pill{padding:5px 12px;border-radius:20px;border:1px solid var(--border-color);background:var(--bg-card);font-size:12px;font-weight:600;color:var(--color-secondary);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:4px}.spd-tab-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.spd-tab-pill.active{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}.spd-tab-count{font-weight:700}.spd-req-list{display:flex;flex-direction:column;gap:6px}.spd-req-item{border:1px solid var(--border-light);border-radius:10px;overflow:hidden;transition:border-color .15s}.spd-req-item:hover{border-color:var(--border-color)}.spd-req-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;width:100%;text-align:left;background:none;border:none}.spd-req-left{display:flex;flex-direction:column;gap:3px;min-width:0}.spd-req-title{font-size:14px;font-weight:600;color:var(--color-primary)}.spd-req-company{font-size:12px;color:var(--color-muted);display:flex;align-items:center;gap:4px}.spd-req-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.spd-priority{font-size:11px;font-weight:600;color:var(--color-muted)}.spd-priority.urgent{color:var(--danger);font-weight:700}.spd-req-detail{padding:0 14px 14px;border-top:1px solid var(--border-light)}.spd-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;font-size:13px;color:var(--color-secondary);padding:12px 0}.spd-req-desc{font-size:13px;color:var(--color-secondary);margin-top:8px}.spd-req-desc p{margin:4px 0 0;font-style:italic;color:var(--color-secondary)}.spd-admin-notes{margin-top:12px;font-size:13px}.spd-note{margin-top:6px;padding:8px 12px;background:var(--bg-surface);border-radius:8px}.spd-note-text{color:var(--color-primary)}.spd-note-meta{display:block;font-size:11px;color:var(--color-muted);margin-top:2px}[data-theme=dark] .spd-progress-bar{background:var(--bg-surface-hover)}.rc-page{max-width:1280px;margin:0 auto;padding:0 24px 40px}.rc-header{margin-bottom:24px}.rc-back{font-size:13px;color:#000888;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:4px;margin-bottom:8px}.rc-back:hover{text-decoration:underline}.rc-title{font-size:26px;font-weight:800;color:#1a1a2e;margin:0 0 4px}.rc-subtitle{font-size:15px;color:#666;margin:0}.rc-summary-card{background:#f8f9fa;border:1px solid #e8eaed;border-radius:14px;padding:20px 24px;margin-bottom:24px}.rc-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 20px;font-size:13px;color:#555}.rc-summary-grid strong{color:#333}.rc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.rc-empty h2{font-size:20px;color:#333;margin:0 0 8px}.rc-empty p{font-size:14px;color:#888;margin:0 0 16px}.rc-no-responses{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#888}.rc-no-responses h3{font-size:18px;color:#555;margin:16px 0 8px}.rc-no-responses p{font-size:14px;margin:0}.rc-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;border:none}.rc-btn-primary{background:#000888;color:#fff}.rc-btn-primary:hover{background:#1a2a9a}.rc-table-wrap{overflow-x:auto;border:1px solid #e8eaed;border-radius:14px;background:#fff}.rc-table{width:100%;border-collapse:collapse;min-width:600px}.rc-table th,.rc-table td{padding:14px 18px;text-align:left;font-size:13px;border-bottom:1px solid #f0f0f0}.rc-table thead th{background:#f8f9fa;font-weight:700;color:#333;border-bottom:2px solid #e0e0e0;position:sticky;top:0;z-index:2}.rc-th-sticky{position:sticky;left:0;z-index:3;background:#fff}.rc-table thead .rc-th-sticky{background:#f8f9fa}.rc-criteria{font-weight:600;color:#555;white-space:nowrap;display:flex;align-items:center;gap:8px}.rc-table tbody tr:hover td{background:#667eea08}.rc-table tbody tr:last-child td{border-bottom:none}.rc-seller-header{display:flex;flex-direction:column;gap:2px}.rc-seller-name{font-size:14px;font-weight:700;color:#1a1a2e}.rc-seller-email{font-size:11px;color:#888;font-weight:400}.rc-cell-value{font-weight:600;color:#1a1a2e}.rc-best{background:#2e7d320d}.rc-best-badge{display:inline-block;font-size:10px;font-weight:700;color:#2e7d32;background:#2e7d321a;padding:2px 8px;border-radius:10px;margin-left:6px;vertical-align:middle}.rc-stars{display:inline-flex;align-items:center;gap:1px}.rc-star-val{margin-left:6px;font-size:13px;font-weight:700;color:#1a1a2e}.rc-cert-list{display:flex;flex-wrap:wrap;gap:4px}.rc-cert-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:6px;background:#0008880f;color:#000888;white-space:nowrap}.rc-na{color:#ccc}.rc-capacity{font-weight:600;font-size:13px}.rc-capacity.available{color:#2e7d32}.rc-capacity.limited{color:#e65100}.rc-notes-cell{font-size:12px;color:#666;max-width:240px;line-height:1.5}[data-theme=dark] .rc-title{color:#e0e0e0}[data-theme=dark] .rc-subtitle{color:#888}[data-theme=dark] .rc-back{color:#8ea4ff}[data-theme=dark] .rc-summary-card{background:#1e1e2e;border-color:#ffffff14}[data-theme=dark] .rc-summary-grid{color:#b0b0c0}[data-theme=dark] .rc-summary-grid strong{color:#e0e0e0}[data-theme=dark] .rc-table-wrap{background:#1e1e2e;border-color:#ffffff14}[data-theme=dark] .rc-table th{background:#252535;color:#e0e0e0;border-color:#ffffff14}[data-theme=dark] .rc-table td{border-color:#ffffff0a}[data-theme=dark] .rc-th-sticky{background:#1e1e2e}[data-theme=dark] .rc-table thead .rc-th-sticky{background:#252535}[data-theme=dark] .rc-criteria{color:#b0b0c0}[data-theme=dark] .rc-seller-name,[data-theme=dark] .rc-cell-value,[data-theme=dark] .rc-star-val{color:#e0e0e0}[data-theme=dark] .rc-best{background:#2e7d3214}[data-theme=dark] .rc-cert-badge{background:#667eea1f;color:#8ea4ff}[data-theme=dark] .rc-notes-cell{color:#999}[data-theme=dark] .rc-table tbody tr:hover td{background:#667eea0f}[data-theme=dark] .rc-no-responses{color:#666}[data-theme=dark] .rc-no-responses h3{color:#b0b0c0}.wal-page{max-width:960px;margin:0 auto;padding:28px 20px 60px}.wal-header{margin-bottom:24px}.wal-back{background:none;border:none;color:var(--color-primary);font-size:13px;font-weight:600;cursor:pointer;padding:0;margin-bottom:8px;display:inline-block}.wal-back:hover{text-decoration:underline}.wal-title{font-size:26px;font-weight:800;color:var(--wal-text, var(--color-primary));margin:0}.wal-subtitle{font-size:13px;color:var(--color-muted);margin:4px 0 0}.wal-feedback{position:fixed;top:20px;right:20px;z-index:10000;padding:14px 22px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:var(--shadow-lg);animation:walFadeIn .3s}.wal-feedback.success{background:var(--accent-light);color:var(--accent-text);border:1px solid var(--border-color)}.wal-feedback.error{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger)}@keyframes walFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.wal-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:2px solid var(--border-light);padding-bottom:0}.wal-tab{padding:10px 18px;font-size:13px;font-weight:600;border:none;background:none;color:var(--color-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.wal-tab:hover{color:var(--color-primary)}.wal-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.wal-balance-card{background:var(--btn-primary-bg);border-radius:20px;padding:32px;color:var(--btn-primary-text);margin-bottom:24px;box-shadow:var(--shadow-md)}.wal-balance-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.wal-balance-label{font-size:13px;opacity:.7;font-weight:500;text-transform:uppercase;letter-spacing:1px}.wal-balance-badges{display:flex;gap:6px;flex-wrap:wrap}.wal-sec-badge{padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.wal-sec-badge.green{background:#2ecc7133;color:#2ecc71}.wal-sec-badge.blue{background:#3498db33;color:var(--color-primary)}.wal-sec-badge.purple{background:#9b59b633;color:#c39bd3}.wal-balance-amount{font-size:48px;font-weight:900;line-height:1.1;margin-bottom:4px}.wal-balance-currency{font-size:14px;opacity:.5;font-weight:600;margin-bottom:12px}.wal-escrow-info{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.7;margin-bottom:16px}.wal-balance-actions{display:flex;gap:10px;flex-wrap:wrap}.wal-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all .15s}.wal-btn.primary{background:var(--bg-card);color:var(--btn-primary-bg)}.wal-btn.primary:hover{background:#ffffffd9}.wal-btn.secondary{background:#ffffff26;color:var(--btn-primary-text);border:1px solid rgba(255,255,255,.3)}.wal-btn.secondary:hover{background:#ffffff40}.wal-btn.accent{background:#2ecc71e6;color:var(--btn-primary-text)}.wal-btn.accent:hover{background:#2ecc71}.wal-btn.small{padding:6px 14px;font-size:12px}.wal-section .wal-btn.primary,.wal-modal .wal-btn.primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.wal-section .wal-btn.primary:hover,.wal-modal .wal-btn.primary:hover{background:var(--btn-primary-hover)}.wal-section .wal-btn.secondary,.wal-modal .wal-btn.secondary{background:var(--bg-surface);color:var(--color-primary);border:1px solid var(--border-color)}.wal-section .wal-btn.secondary:hover,.wal-modal .wal-btn.secondary:hover{background:var(--bg-surface-hover)}.wal-btn-sm{padding:5px 12px;border-radius:6px;font-size:11px;font-weight:700;border:none;cursor:pointer;transition:all .15s}.wal-btn-sm.green{background:#2ecc711a;color:#27ae60}.wal-btn-sm.green:hover{background:#2ecc7133}.wal-btn-sm.red{background:var(--danger-light);color:var(--danger)}.wal-btn-sm.red:hover{background:var(--danger-light)}.wal-btn-sm.blue{background:var(--accent-light);color:var(--color-primary)}.wal-btn-sm.blue:hover{background:#3498db33}.wal-link{background:none;border:none;color:var(--color-primary);font-size:13px;font-weight:600;cursor:pointer}.wal-link:hover{text-decoration:underline}.wal-stats-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.wal-stat{display:flex;flex-direction:column;align-items:center;padding:14px 18px;background:var(--wal-card, var(--bg-card));border-radius:10px;border:1px solid var(--border-light);min-width:120px;flex:1}.wal-stat-val{font-size:22px;font-weight:900;color:var(--color-primary);line-height:1.2}.wal-stat-label{font-size:11px;color:var(--color-muted);margin-top:2px;text-align:center}.wal-section{margin-bottom:28px}.wal-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.wal-section-title{font-size:17px;font-weight:700;color:var(--wal-text, var(--color-primary));margin:0}.wal-empty{text-align:center;padding:32px;color:var(--color-muted);font-size:14px;background:var(--wal-card, var(--bg-surface));border-radius:12px;border:1px dashed var(--border-light)}.wal-empty-card{text-align:center;padding:48px;border-radius:16px;background:var(--wal-card, var(--bg-surface));border:2px dashed var(--border-light)}.wal-tx-list{display:flex;flex-direction:column;gap:6px}.wal-tx-list.full{gap:8px}.wal-tx-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;background:var(--wal-card, var(--bg-card));border:1px solid var(--border-light);transition:border-color .15s}.wal-tx-item:hover{border-color:var(--border-color)}.wal-tx-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;flex-shrink:0}.wal-tx-info{flex:1;min-width:0}.wal-tx-desc{font-size:14px;font-weight:600;color:var(--wal-text, var(--color-primary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wal-tx-meta{font-size:11px;color:var(--color-muted);margin-top:2px}.wal-tx-ref{font-size:10px;color:var(--color-muted);font-family:monospace;margin-top:2px}.wal-tx-amount{font-size:16px;font-weight:800;white-space:nowrap}.wal-tx-status{padding:3px 10px;border-radius:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.wal-tx-status.completed{background:#2ecc711a;color:#27ae60}.wal-tx-status.processing{background:#f39c121a;color:#f39c12}.wal-tx-status.pending{background:var(--accent-light);color:var(--color-primary)}.wal-tx-status.failed{background:var(--danger-light);color:var(--danger)}.wal-filter-select{padding:6px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:12px;background:var(--bg-card);cursor:pointer}.wal-escrow-list{display:flex;flex-direction:column;gap:8px}.wal-escrow-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;background:var(--accent-light);border:1px solid var(--border-color)}.wal-escrow-item-info{flex:1}.wal-escrow-item-title{font-size:14px;font-weight:600;color:var(--color-primary)}.wal-escrow-item-meta{font-size:11px;color:var(--color-muted);margin-top:2px}.wal-escrow-item-amount{font-size:18px;font-weight:800;color:var(--color-primary)}.wal-escrow-item-actions{display:flex;gap:6px}.wal-methods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:28px}.wal-method-card{background:var(--wal-card, var(--bg-card));border-radius:14px;padding:18px;border:1px solid var(--border-light);transition:all .15s}.wal-method-card.default{border-color:var(--input-border);box-shadow:0 0 0 1px var(--accent-light)}.wal-method-card:hover{border-color:var(--border-color)}.wal-method-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.wal-method-icon{font-size:28px}.wal-method-badges{display:flex;gap:4px}.wal-badge{padding:2px 8px;border-radius:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.wal-badge.green{background:#2ecc711a;color:#27ae60}.wal-badge.blue{background:var(--accent-light);color:var(--color-primary)}.wal-badge.orange{background:#f39c121a;color:#e67e22}.wal-badge.red{background:var(--danger-light);color:var(--danger)}.wal-method-label{font-size:14px;font-weight:700;color:var(--wal-text, var(--color-primary));margin-bottom:2px}.wal-method-type{font-size:12px;color:var(--color-muted)}.wal-method-date{font-size:11px;color:var(--color-muted);margin-top:6px}.wal-method-actions{display:flex;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light)}.wal-supported-info{background:var(--wal-card, var(--bg-surface));border-radius:14px;padding:20px;border:1px solid var(--border-light)}.wal-supported-info h4{font-size:14px;margin:0 0 12px;color:var(--color-secondary)}.wal-supported-grid{display:flex;flex-wrap:wrap;gap:10px}.wal-supported-item{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-light);font-size:12px;color:var(--color-secondary);font-weight:500}.wal-supported-icon{font-size:16px}.wal-sec-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.wal-sec-card{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:14px;background:var(--wal-card, var(--bg-card));border:1px solid var(--border-light)}.wal-sec-card.ok{border-left:4px solid var(--accent)}.wal-sec-card.warn{border-left:4px solid var(--accent-hover)}.wal-sec-card-icon{color:var(--color-icon);flex-shrink:0}.wal-sec-card-info{flex:1}.wal-sec-card-title{font-size:15px;font-weight:700;color:var(--wal-text, var(--color-primary))}.wal-sec-card-desc{font-size:12px;color:var(--color-muted);margin-top:2px}.wal-toggle{position:relative;display:inline-block;width:44px;height:24px}.wal-toggle.small{width:36px;height:20px}.wal-toggle input{opacity:0;width:0;height:0}.wal-toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--toggle-off);border-radius:24px;transition:.2s}.wal-toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:var(--bg-card);border-radius:50%;transition:.2s}.wal-toggle.small .wal-toggle-slider:before{height:14px;width:14px}.wal-toggle input:checked+.wal-toggle-slider{background:var(--btn-primary-bg)}.wal-toggle input:checked+.wal-toggle-slider:before{transform:translate(20px)}.wal-toggle.small input:checked+.wal-toggle-slider:before{transform:translate(16px)}.wal-sec-limits{margin-bottom:28px}.wal-sec-limits h4{font-size:15px;font-weight:700;margin:0 0 12px;color:var(--wal-text, var(--color-primary))}.wal-sec-limits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.wal-sec-limit-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:10px;background:var(--wal-card, var(--bg-surface));border:1px solid var(--border-light);font-size:13px;color:var(--color-secondary)}.wal-sec-limit-item strong{color:var(--wal-text, var(--color-primary))}.wal-sec-tips{background:var(--accent-light);border-radius:14px;padding:20px;border:1px solid var(--border-light)}.wal-sec-tips h4{margin:0 0 10px;font-size:14px;color:var(--color-primary)}.wal-sec-tips ul{margin:0;padding-left:18px}.wal-sec-tips li{font-size:13px;color:var(--color-secondary);margin-bottom:6px;line-height:1.5}.wal-sec-tips li.warn{color:var(--danger);font-weight:600}.wal-modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:20px}.wal-modal{background:var(--wal-card, var(--bg-card));border-radius:20px;padding:32px;width:100%;max-width:440px;box-shadow:var(--shadow-lg);animation:walModalIn .25s}.wal-modal.wide{max-width:540px}.wal-modal.verify{max-width:400px;text-align:center}@keyframes walModalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.wal-modal-title{font-size:20px;font-weight:800;color:var(--wal-text, var(--color-primary));margin:0 0 16px}.wal-modal-info{font-size:13px;color:var(--color-muted);margin-bottom:14px}.wal-modal-info strong{color:var(--wal-text, var(--color-primary))}.wal-modal-field{margin-bottom:14px}.wal-modal-field label{display:block;font-size:12px;font-weight:600;color:var(--color-secondary);margin-bottom:4px}.wal-modal-field input,.wal-modal-field select{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:10px;font-size:14px;background:var(--wal-card, var(--bg-card));color:var(--wal-text, var(--color-primary));box-sizing:border-box}.wal-modal-field input:focus,.wal-modal-field select:focus{outline:none;border-color:var(--btn-primary-bg);box-shadow:0 0 0 2px var(--accent-light)}.wal-modal-hint{font-size:12px;color:var(--color-muted)}.wal-modal-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.wal-quick-amounts{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.wal-quick-btn{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--color-secondary);cursor:pointer;transition:all .15s}.wal-quick-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--accent-light)}.wal-method-form-fields{display:flex;flex-direction:column;gap:2px}.wal-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-secondary);margin-top:8px;cursor:pointer}.wal-checkbox-label input{width:auto}.wal-verify-icon{margin-bottom:12px}.wal-verify-desc{font-size:13px;color:var(--color-muted);margin-bottom:12px}.wal-verify-step-badge{display:inline-block;padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;background:var(--accent-light);color:var(--color-primary);margin-bottom:16px}.wal-verify-hint{font-size:11px;color:var(--color-muted);margin-top:8px}.wal-verify-hint strong{color:var(--color-primary)}@media (max-width: 640px){.wal-stat{min-width:100px}.wal-stat-val{font-size:20px}}@media (max-width: 600px){.wal-balance-amount{font-size:32px}.wal-balance-actions{flex-direction:column}.wal-stats-row{gap:10px}.wal-methods-grid{grid-template-columns:1fr}.wal-modal{padding:24px}}[data-theme=dark]{--wal-text: var(--color-primary);--wal-card: var(--bg-card)}[data-theme=dark] .wal-balance-card{box-shadow:var(--shadow-lg)}[data-theme=dark] .wal-stat,[data-theme=dark] .wal-tx-item{background:var(--bg-card);border-color:var(--border-light)}[data-theme=dark] .wal-tx-item:hover{border-color:var(--border-color)}[data-theme=dark] .wal-escrow-item{background:var(--accent-light);border-color:var(--border-color)}[data-theme=dark] .wal-method-card{background:var(--bg-card);border-color:var(--border-light)}[data-theme=dark] .wal-method-card.default{border-color:var(--input-border)}[data-theme=dark] .wal-method-actions{border-color:var(--border-light)}[data-theme=dark] .wal-supported-info{background:var(--bg-surface);border-color:var(--border-light)}[data-theme=dark] .wal-supported-item{background:var(--bg-card);border-color:var(--border-light);color:var(--color-secondary)}[data-theme=dark] .wal-sec-card{background:var(--bg-card);border-color:var(--border-light)}[data-theme=dark] .wal-sec-card-icon{color:var(--color-icon)}[data-theme=dark] .wal-sec-limit-item{background:var(--bg-surface);border-color:var(--border-light);color:var(--color-secondary)}[data-theme=dark] .wal-sec-tips{background:var(--accent-light);border-color:var(--border-color)}[data-theme=dark] .wal-sec-tips li{color:var(--color-secondary)}[data-theme=dark] .wal-modal{background:var(--bg-card)}[data-theme=dark] .wal-modal-field input,[data-theme=dark] .wal-modal-field select{background:var(--bg-input);border-color:var(--input-border);color:var(--color-primary)}[data-theme=dark] .wal-quick-btn{background:var(--bg-surface-hover);border-color:var(--toggle-off);color:var(--color-secondary)}[data-theme=dark] .wal-quick-btn:hover{background:var(--accent-light);color:var(--color-primary);border-color:var(--color-primary)}[data-theme=dark] .wal-filter-select{background:var(--bg-card);color:var(--color-primary);border-color:var(--input-border)}[data-theme=dark] .wal-empty{background:var(--bg-surface);border-color:var(--border-light);color:var(--color-muted)}[data-theme=dark] .wal-empty-card{background:var(--bg-surface);border-color:var(--border-light)}[data-theme=dark] .wal-feedback.success{background:var(--accent-light);border-color:var(--color-primary)}[data-theme=dark] .wal-feedback.error{background:var(--danger-light);border-color:var(--danger)}.sp-page{max-width:640px;margin:0 auto;padding:28px 20px 60px}.sp-back{background:none;border:none;color:var(--color-primary);font-size:13px;font-weight:600;cursor:pointer;padding:0;margin-bottom:8px;display:inline-block}.sp-back:hover{text-decoration:underline}.sp-title{font-size:26px;font-weight:800;color:var(--sp-text, var(--color-primary));margin:0 0 4px}.sp-subtitle{font-size:13px;color:var(--color-muted);margin:0 0 24px}.sp-error{padding:12px 16px;border-radius:10px;font-size:13px;font-weight:600;background:var(--danger-light);color:var(--danger);border:1px solid var(--danger);margin-bottom:16px}.sp-card{background:var(--sp-card, var(--bg-card));border-radius:20px;padding:32px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:28px}.sp-balance-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:10px;margin-bottom:20px;background:var(--accent-light);border:1px solid var(--border-light);font-size:13px;color:var(--color-secondary)}.sp-balance-bar strong{color:var(--color-primary);font-size:16px}.sp-form{display:flex;flex-direction:column;gap:4px}.sp-field{margin-bottom:14px}.sp-field label{display:block;font-size:12px;font-weight:600;color:var(--color-secondary);margin-bottom:4px}.sp-field input,.sp-field select,.sp-field textarea{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:10px;font-size:14px;background:var(--sp-card, var(--bg-card));color:var(--sp-text, var(--color-primary));box-sizing:border-box;font-family:inherit}.sp-field input:focus,.sp-field select:focus,.sp-field textarea:focus{outline:none;border-color:var(--btn-primary-bg);box-shadow:0 0 0 2px var(--accent-light)}.sp-field textarea{resize:vertical;min-height:60px}.sp-escrow-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:12px;margin-bottom:14px;background:var(--accent-light);border:1px solid var(--border-color)}.sp-escrow-title{font-size:14px;font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:6px}.sp-escrow-desc{font-size:12px;color:var(--color-secondary);margin:4px 0 0}.sp-toggle{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.sp-toggle input{opacity:0;width:0;height:0}.sp-toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--toggle-off);border-radius:26px;transition:.2s}.sp-toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:var(--bg-card);border-radius:50%;transition:.2s}.sp-toggle input:checked+.sp-toggle-slider{background:var(--btn-primary-bg)}.sp-toggle input:checked+.sp-toggle-slider:before{transform:translate(22px)}.sp-warn-box{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:10px;background:#f39c120f;border:1px solid rgba(243,156,18,.15);font-size:12px;color:#e65100;margin-bottom:14px;line-height:1.5}.sp-warn-box svg{flex-shrink:0;color:#e65100;margin-top:1px}.sp-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.sp-form-actions.center{justify-content:center}.sp-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:10px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .15s}.sp-btn.primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.sp-btn.primary:hover{background:var(--btn-primary-hover)}.sp-btn.primary:disabled{opacity:.5;cursor:not-allowed}.sp-btn.primary.large{padding:14px 28px;font-size:15px}.sp-btn.secondary{background:var(--bg-surface);color:var(--color-primary);border:1px solid var(--border-color)}.sp-btn.secondary:hover{background:var(--bg-surface-hover)}.verify-card{text-align:center}.sp-verify-icon{margin-bottom:12px}.sp-verify-title{font-size:22px;font-weight:800;color:var(--sp-text, var(--color-primary));margin:0 0 8px}.sp-verify-desc{font-size:13px;color:var(--color-muted);margin-bottom:8px}.sp-verify-step{display:inline-block;padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;background:var(--accent-light);color:var(--color-primary);margin-bottom:20px}.sp-verify-hint{font-size:11px;color:var(--color-muted);margin-top:12px}.sp-verify-hint strong{color:var(--color-primary)}.sp-confirm-title{font-size:20px;font-weight:800;color:var(--sp-text, var(--color-primary));margin:0 0 10px}.sp-confirm-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:700;background:#2ecc7114;color:#27ae60;margin-bottom:20px}.sp-confirm-summary{background:var(--sp-card, var(--bg-surface));border-radius:14px;padding:20px;border:1px solid var(--border-light);margin-bottom:8px}.sp-confirm-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:var(--color-secondary)}.sp-confirm-row strong{color:var(--sp-text, var(--color-primary));font-weight:700;max-width:60%;text-align:right;word-break:break-word}.sp-confirm-row.total{font-size:18px;font-weight:800}.sp-confirm-row.total strong{color:var(--color-primary)}.sp-confirm-amount{font-size:22px;color:var(--color-primary)!important}.sp-confirm-divider{height:1px;background:var(--border-light);margin:4px 0}.success-card{text-align:center}.sp-success-icon{margin-bottom:16px}.sp-success-title{font-size:22px;font-weight:800;color:#27ae60;margin:0 0 8px}.sp-success-desc{font-size:14px;color:var(--color-secondary);margin-bottom:16px;line-height:1.6}.sp-success-ref{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-radius:10px;margin-bottom:8px;background:var(--bg-surface);border:1px solid var(--border-light);font-size:13px;color:var(--color-muted)}.sp-success-ref strong{color:var(--sp-text, var(--color-primary));font-family:monospace;font-size:12px}.sp-info-section{background:var(--sp-card, var(--bg-surface));border-radius:16px;padding:24px;border:1px solid var(--border-light)}.sp-info-section h3{font-size:15px;font-weight:700;color:var(--sp-text, var(--color-primary));margin:0 0 16px}.sp-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sp-info-item{display:flex;gap:12px;align-items:flex-start}.sp-info-item svg{flex-shrink:0;margin-top:2px}.sp-info-item strong{font-size:13px;color:var(--sp-text, var(--color-primary));display:block;margin-bottom:2px}.sp-info-item p{font-size:12px;color:var(--color-muted);margin:0;line-height:1.4}@media (max-width: 600px){.sp-card{padding:20px}.sp-info-grid{grid-template-columns:1fr}.sp-escrow-option{flex-direction:column;align-items:flex-start}.sp-confirm-row{flex-direction:column;align-items:flex-start;gap:2px}.sp-confirm-row strong{max-width:100%;text-align:left}}[data-theme=dark]{--sp-text: var(--color-primary);--sp-card: var(--bg-card)}[data-theme=dark] .sp-card{border-color:var(--border-light);box-shadow:var(--shadow-sm)}[data-theme=dark] .sp-balance-bar{background:var(--accent-light);border-color:var(--border-color)}[data-theme=dark] .sp-field input,[data-theme=dark] .sp-field select,[data-theme=dark] .sp-field textarea{background:var(--bg-input);border-color:var(--input-border);color:var(--color-primary)}[data-theme=dark] .sp-escrow-option{background:var(--accent-light);border-color:var(--border-color)}[data-theme=dark] .sp-warn-box{background:#f39c120f;border-color:#f39c121f}[data-theme=dark] .sp-btn.secondary{background:var(--bg-surface-hover);color:var(--color-secondary);border-color:var(--toggle-off)}[data-theme=dark] .sp-confirm-summary{background:var(--bg-surface);border-color:var(--border-light)}[data-theme=dark] .sp-confirm-divider{background:var(--border-light)}[data-theme=dark] .sp-success-ref,[data-theme=dark] .sp-info-section{background:var(--bg-surface);border-color:var(--border-light)}[data-theme=dark] .sp-info-item p{color:var(--color-muted)}[data-theme=dark] .sp-error{background:var(--danger-light);border-color:var(--danger)}.vm-page{max-width:1200px;margin:0 auto;padding:20px}.vm-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}.vm-back{background:none;border:none;color:var(--color-primary);font-size:13px;font-weight:600;cursor:pointer;padding:0;margin-bottom:6px;display:inline-block}.vm-back:hover{text-decoration:underline}.vm-title{font-size:26px;font-weight:800;color:var(--vm-text, var(--color-primary));margin:0}.vm-subtitle{font-size:13px;color:var(--color-muted);margin:4px 0 0}.vm-feedback{position:fixed;top:20px;right:20px;z-index:10000;padding:14px 22px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:var(--shadow-lg);animation:vmFadeIn .3s}.vm-feedback.success{background:var(--accent-light);color:var(--accent-text);border:1px solid var(--border-color)}.vm-feedback.error{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger)}@keyframes vmFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.vm-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all .15s}.vm-btn.primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.vm-btn.primary:hover{background:var(--btn-primary-hover)}.vm-btn.secondary{background:var(--bg-surface);color:var(--color-primary);border:1px solid var(--border-color)}.vm-btn.secondary:hover{background:var(--bg-surface-hover)}.vm-btn-sm{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;border:none;cursor:pointer;transition:all .15s}.vm-btn-sm.blue{background:var(--accent-light);color:var(--color-primary)}.vm-btn-sm.blue:hover{background:var(--accent-light)}.vm-btn-sm.green{background:var(--accent-light);color:var(--color-primary)}.vm-btn-sm.green:hover{background:var(--accent-light)}.vm-btn-sm.red{background:var(--danger-light);color:var(--danger)}.vm-btn-sm.red:hover{background:var(--danger-light)}.vm-kpis{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.vm-kpi{display:flex;flex-direction:column;align-items:center;padding:14px 18px;border-radius:10px;min-width:120px;flex:1;background:var(--vm-card, var(--bg-card));border:1px solid var(--border-light);box-shadow:var(--shadow-sm);text-align:center}.vm-kpi-val{font-size:22px;font-weight:900;line-height:1.2;color:var(--vm-text, var(--color-primary))}.vm-kpi-label{font-size:11px;color:var(--color-muted);margin-top:2px;text-align:center}@media (max-width: 640px){.vm-kpi{min-width:100px}.vm-kpi-val{font-size:20px}}.vm-filters{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.vm-search{flex:1;min-width:220px;padding:8px 14px;border:1px solid var(--border-color);border-radius:10px;font-size:13px;background:var(--vm-card, var(--bg-card));color:var(--color-primary)}.vm-search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--accent-light)}.vm-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:10px;font-size:12px;background:var(--vm-card, var(--bg-card));color:var(--color-primary);cursor:pointer}.vm-filter-count{font-size:12px;color:var(--color-muted);font-weight:600}.vm-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid var(--border-light);background:var(--vm-card, var(--bg-card))}.vm-table{width:100%;border-collapse:collapse;font-size:13px}.vm-table thead{background:var(--bg-surface)}.vm-table th{padding:12px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--color-muted);text-align:left;white-space:nowrap;border-bottom:1px solid var(--border-light)}.vm-table td{padding:12px 14px;border-bottom:1px solid var(--border-light);vertical-align:middle}.vm-row{cursor:pointer;transition:background .1s}.vm-row:hover{background:var(--bg-surface)}.vm-cell-number{font-family:monospace;font-weight:700;color:var(--color-primary);font-size:12px;white-space:nowrap}.vm-cell-company{font-weight:700;color:var(--vm-text, var(--color-primary))}.vm-cell-contact{font-size:11px;color:var(--color-muted);margin-top:2px}.vm-cell-tags{display:flex;gap:4px;flex-wrap:wrap}.vm-mini-tag{padding:1px 8px;border-radius:6px;font-size:10px;font-weight:600;background:var(--accent-light);color:var(--color-primary);text-transform:capitalize}.vm-status-badge{padding:3px 10px;border-radius:8px;font-size:11px;font-weight:700}.vm-cell-num{text-align:center;font-weight:600}.vm-cell-date{font-size:12px;color:var(--color-muted);white-space:nowrap}.vm-no-data{color:var(--color-muted)}.vm-row-actions{display:flex;gap:4px}.vm-stars{display:inline-flex;align-items:center;gap:1px;font-size:14px}.vm-stars-val{font-size:11px;font-weight:700;color:var(--color-secondary);margin-left:4px}.vm-empty{text-align:center;padding:40px;color:var(--color-muted);font-size:14px}.vm-modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:9000;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto}.vm-modal{background:var(--vm-card, var(--bg-card));border-radius:20px;padding:32px;width:100%;max-width:680px;box-shadow:var(--shadow-lg);animation:vmModalIn .25s}@keyframes vmModalIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.vm-modal-title{font-size:20px;font-weight:800;color:var(--vm-text, var(--color-primary));margin:0 0 4px}.vm-modal-desc{font-size:13px;color:var(--color-muted);margin:0 0 20px}.vm-modal-section{margin-bottom:20px}.vm-modal-section h4{font-size:14px;font-weight:700;color:var(--color-primary);margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border-color)}.vm-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vm-field{display:flex;flex-direction:column;gap:3px}.vm-field.full{grid-column:1 / -1}.vm-field label{font-size:11px;font-weight:600;color:var(--color-secondary)}.vm-field input,.vm-field select{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:13px;background:var(--vm-card, var(--bg-card));color:var(--vm-text, var(--color-primary))}.vm-field input:focus,.vm-field select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--accent-light)}.vm-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-light)}@media (max-width: 800px){.vm-modal-grid{grid-template-columns:1fr}.vm-kpis{grid-template-columns:repeat(3,1fr)}}[data-theme=dark]{--vm-text: var(--color-primary);--vm-card: var(--bg-card)}[data-theme=dark] .vm-search,[data-theme=dark] .vm-select,[data-theme=dark] .vm-field input,[data-theme=dark] .vm-field select{background:var(--bg-input);border-color:var(--input-border);color:var(--color-primary)}[data-theme=dark] .vm-feedback.success{background:var(--accent-light);border-color:var(--color-primary)}[data-theme=dark] .vm-feedback.error{background:var(--danger-light);border-color:var(--danger)}.vd-page{max-width:1060px;margin:0 auto;padding:28px 20px 60px}.vd-back{background:none;border:none;color:var(--color-primary);font-size:13px;font-weight:600;cursor:pointer;padding:0;margin-bottom:10px;display:inline-block}.vd-back:hover{text-decoration:underline}.vd-feedback{position:fixed;top:20px;right:20px;z-index:10000;padding:14px 22px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:var(--shadow-lg);background:var(--accent-light);color:var(--accent-text);border:1px solid var(--border-color);animation:vdFadeIn .3s}@keyframes vdFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1}}.vd-empty{text-align:center;padding:80px 20px;color:var(--color-muted);font-size:16px}.vd-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}.vd-vendor-number{font-family:monospace;font-size:13px;font-weight:700;color:var(--color-primary);background:var(--accent-light);padding:3px 12px;border-radius:6px;display:inline-block;margin-bottom:4px}.vd-vendor-name{font-size:28px;font-weight:800;color:var(--vd-text, var(--color-primary));margin:0}.vd-vendor-meta{font-size:13px;color:var(--color-muted);margin-top:4px}.vd-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.vd-header-actions{display:flex;gap:6px}.vd-status-badge{padding:5px 16px;border-radius:10px;font-size:13px;font-weight:800}.vd-quick-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px;padding:14px 18px;border-radius:14px;background:var(--vd-card, var(--bg-card));border:1px solid var(--border-light)}.vd-quick-item{font-size:12px;color:var(--color-muted)}.vd-quick-item strong{color:var(--vd-text, var(--color-primary));margin-left:4px}.vd-quick-item+.vd-quick-item{padding-left:12px;border-left:1px solid var(--border-light)}.vd-tabs{display:flex;gap:2px;margin-bottom:20px;border-bottom:2px solid var(--border-light);overflow-x:auto}.vd-tab{padding:10px 16px;font-size:12px;font-weight:600;border:none;background:none;color:var(--color-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s;white-space:nowrap;display:flex;align-items:center;gap:6px}.vd-tab:hover{color:var(--color-primary)}.vd-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.vd-tab-count{padding:1px 7px;border-radius:10px;font-size:10px;font-weight:800;background:var(--accent-light);color:var(--color-primary)}.vd-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vd-card{background:var(--vd-card, var(--bg-card));border-radius:14px;padding:22px;border:1px solid var(--border-light);margin-bottom:16px}.vd-card h4{font-size:15px;font-weight:700;color:var(--vd-text, var(--color-primary));margin:0 0 14px}.vd-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.vd-card-header h4{margin:0}.vd-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vd-data{font-size:13px}.vd-data span{display:block;font-size:11px;color:var(--color-muted);margin-bottom:2px}.vd-data strong{color:var(--vd-text, var(--color-primary));font-weight:600;word-break:break-word}.vd-data strong a{color:var(--color-primary);text-decoration:none}.vd-data strong a:hover{text-decoration:underline}.vd-mono{font-family:monospace;font-size:12px;letter-spacing:.5px}.vd-address-block{margin-bottom:14px;font-size:13px;color:var(--color-secondary);line-height:1.6}.vd-address-type{font-size:11px;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.vd-contacts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.vd-contact-card{padding:16px;border-radius:12px;border:1px solid var(--border-light);background:var(--vd-card, var(--bg-surface));position:relative}.vd-contact-card.primary{border-color:var(--border-color);border-left:3px solid var(--btn-primary-bg)}.vd-contact-name{font-size:14px;font-weight:700;color:var(--vd-text, var(--color-primary))}.vd-contact-role{font-size:12px;color:var(--color-muted);margin-bottom:6px}.vd-contact-detail{font-size:12px;color:var(--color-secondary)}.vd-badge{display:inline-block;padding:2px 8px;border-radius:8px;font-size:10px;font-weight:700;position:absolute;top:8px;right:8px}.vd-badge.green{background:var(--accent-light);color:var(--color-primary)}.vd-badge.red{background:var(--danger-light);color:var(--danger)}.vd-inline-form{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;padding:12px;border-radius:10px;background:var(--accent-light);border:1px solid var(--border-light)}.vd-inline-form input{flex:1;min-width:140px;padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:12px;background:var(--bg-input);color:var(--color-primary)}.vd-inline-form input:focus{outline:none;border-color:var(--color-primary)}.vd-conn-table-wrap{overflow-x:auto;margin-bottom:14px}.vd-conn-table{width:100%;border-collapse:collapse;font-size:13px}.vd-conn-table th{padding:10px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--color-muted);text-align:left;border-bottom:1px solid var(--border-light)}.vd-conn-table td{padding:10px 12px;border-bottom:1px solid var(--border-light)}.vd-conn-type{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:6px;font-size:11px;font-weight:700}.vd-conn-status{font-size:11px;font-weight:600;color:var(--color-secondary);text-transform:capitalize}.vd-conn-summary{display:flex;gap:20px;font-size:13px;color:var(--color-secondary);flex-wrap:wrap}.vd-conn-summary strong{color:var(--vd-text, var(--color-primary))}.vd-cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.vd-cert-card{padding:16px;border-radius:12px;border:1px solid var(--border-light);background:var(--vd-card, var(--bg-surface));position:relative}.vd-cert-card.expiring{border-color:var(--accent-hover)}.vd-cert-name{font-size:14px;font-weight:700;color:var(--vd-text, var(--color-primary));margin-bottom:4px}.vd-cert-issuer,.vd-cert-valid{font-size:12px;color:var(--color-muted)}.vd-cert-warn{font-size:11px;color:var(--danger);font-weight:600;margin-top:4px}.vd-eval-overview{display:flex;gap:28px;align-items:center;margin-bottom:20px;padding:20px;border-radius:14px;background:var(--accent-light);border:1px solid var(--border-light)}.vd-eval-overall{text-align:center;min-width:100px}.vd-eval-overall-val{font-size:42px;font-weight:900;color:var(--color-primary);line-height:1}.vd-eval-overall-label{font-size:11px;color:var(--color-muted);margin:4px 0 6px}.vd-eval-bars{flex:1;display:flex;flex-direction:column;gap:8px}.vd-score-bar{display:flex;align-items:center;gap:10px}.vd-score-label{font-size:12px;color:var(--color-secondary);width:70px}.vd-score-track{flex:1;height:8px;border-radius:4px;background:var(--border-light);overflow:hidden}.vd-score-fill{height:100%;border-radius:4px;background:var(--btn-primary-bg);transition:width .4s}.vd-score-val{font-size:12px;font-weight:700;color:var(--vd-text, var(--color-primary));width:28px}.vd-stars{display:inline-flex;align-items:center;gap:1px}.vd-stars-val{font-size:11px;font-weight:700;color:var(--color-secondary);margin-left:4px}.vd-eval-form{padding:16px;border-radius:12px;background:var(--accent-light);border:1px solid var(--border-color);margin-bottom:20px}.vd-eval-form h5{margin:0 0 12px;font-size:14px;color:var(--color-primary)}.vd-eval-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.vd-eval-slider{display:flex;flex-direction:column;gap:4px}.vd-eval-slider.full{grid-column:1 / -1}.vd-eval-slider label{font-size:12px;color:var(--color-secondary)}.vd-eval-slider label strong{color:var(--color-primary)}.vd-eval-slider input[type=range]{width:100%;accent-color:var(--btn-primary-bg)}.vd-eval-slider input[type=text],.vd-eval-slider textarea{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-family:inherit;background:var(--bg-input);color:var(--color-primary)}.vd-eval-slider textarea{resize:vertical}.vd-eval-history h5{font-size:14px;margin:0 0 12px;color:var(--vd-text, var(--color-primary))}.vd-eval-entry{padding:14px;border-radius:10px;border:1px solid var(--border-light);margin-bottom:8px;background:var(--vd-card, var(--bg-surface))}.vd-eval-entry-header{display:flex;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap}.vd-eval-entry-date{font-size:11px;color:var(--color-muted)}.vd-eval-entry-by{font-size:11px;color:var(--color-secondary);font-weight:600}.vd-eval-entry-scores{display:flex;gap:14px;font-size:11px;color:var(--color-muted);flex-wrap:wrap}.vd-eval-entry-notes{font-size:12px;color:var(--color-secondary);margin-top:6px;line-height:1.5;font-style:italic}.vd-doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.vd-doc-card{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;border:1px solid var(--border-light);background:var(--vd-card, var(--bg-surface))}.vd-doc-icon{font-size:28px}.vd-doc-name{font-size:13px;font-weight:600;color:var(--vd-text, var(--color-primary))}.vd-doc-meta{font-size:11px;color:var(--color-muted)}.vd-note-form{display:flex;gap:8px;margin-bottom:16px}.vd-note-form textarea{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-family:inherit;resize:vertical;background:var(--bg-input);color:var(--color-primary)}.vd-note-form textarea:focus{outline:none;border-color:var(--color-primary)}.vd-notes-list{display:flex;flex-direction:column;gap:8px}.vd-note-item{padding:12px 16px;border-radius:10px;border:1px solid var(--border-light);background:var(--vd-card, var(--bg-surface))}.vd-note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px}.vd-note-header strong{color:var(--vd-text, var(--color-primary))}.vd-note-header span{color:var(--color-muted)}.vd-note-text{font-size:13px;color:var(--color-secondary);line-height:1.5}.vd-empty-sm{text-align:center;padding:24px;color:var(--color-muted);font-size:13px}.vd-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all .15s}.vd-btn.primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.vd-btn.primary:hover{background:var(--btn-primary-hover)}.vd-btn.primary.small{padding:6px 14px;font-size:12px}.vd-btn-sm{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;border:none;cursor:pointer;transition:all .15s}.vd-btn-sm.blue{background:var(--accent-light);color:var(--color-primary)}.vd-btn-sm.blue:hover{background:var(--accent-light)}.vd-btn-sm.green{background:var(--accent-light);color:var(--color-primary)}.vd-btn-sm.green:hover{background:var(--accent-light)}.vd-btn-sm.red{background:var(--danger-light);color:var(--danger)}.vd-btn-sm.red:hover{background:var(--danger-light)}.vd-edit-actions{display:flex;gap:6px;align-items:center}.vd-edit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vd-edit-form-grid.compact{grid-template-columns:1fr 1fr;gap:8px}.vd-edit-field{display:flex;flex-direction:column;gap:3px}.vd-edit-field label{font-size:11px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.3px}.vd-edit-field input,.vd-edit-field textarea{padding:7px 10px;border:1px solid var(--border-color);border-radius:7px;font-size:13px;font-family:inherit;background:var(--vd-card, var(--bg-card));color:var(--vd-text, var(--color-primary));transition:border-color .15s}.vd-edit-field input:focus,.vd-edit-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--accent-light)}.vd-edit-field textarea{resize:vertical}.vd-edit-field input.vd-mono{font-family:monospace;font-size:12px;letter-spacing:.5px}.vd-address-edit-block{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.04)}.vd-address-edit-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.vd-contact-edit-btn{position:absolute;bottom:8px;right:8px;background:var(--accent-light);border:none;border-radius:6px;padding:4px 6px;cursor:pointer;color:var(--color-primary);transition:all .15s}.vd-contact-edit-btn:hover{background:var(--accent-light)}.vd-contact-edit{padding-top:4px}.vd-modal-overlay{position:fixed;inset:0;z-index:10000;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px;animation:vdFadeIn .2s}.vd-modal-reason{background:var(--vd-card, var(--bg-card));border-radius:16px;padding:28px;width:100%;max-width:480px;box-shadow:var(--shadow-lg)}.vd-modal-reason h4{margin:0 0 6px;font-size:16px;color:var(--vd-text, var(--color-primary));display:flex;align-items:center}.vd-modal-desc{font-size:13px;color:var(--color-muted);margin:0 0 14px;line-height:1.5}.vd-modal-textarea{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:10px;font-size:13px;font-family:inherit;resize:vertical;background:var(--vd-card, var(--bg-card));color:var(--vd-text, var(--color-primary));box-sizing:border-box}.vd-modal-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--accent-light)}.vd-modal-actions{display:flex;gap:8px;margin-top:14px;justify-content:flex-end}.vd-log-count{font-size:12px;color:var(--color-muted);font-weight:600}.vd-log-filters{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:16px}.vd-log-filter{padding:4px 12px;border-radius:8px;font-size:11px;font-weight:600;border:1px solid var(--border-light);background:var(--vd-card, var(--bg-surface));color:var(--color-muted);cursor:pointer;transition:all .15s}.vd-log-filter:hover{background:var(--accent-light);color:var(--color-secondary)}.vd-log-filter.active{background:var(--accent-light);color:var(--color-primary);border-color:var(--color-primary)}.vd-log-list{display:flex;flex-direction:column;gap:10px}.vd-log-entry{padding:16px 18px;border-radius:12px;border:1px solid var(--border-light);background:var(--vd-card, var(--bg-surface));transition:border-color .15s}.vd-log-entry:hover{border-color:var(--border-color)}.vd-log-entry-header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.vd-log-entry-left{display:flex;align-items:center;gap:8px}.vd-log-section-badge{font-size:10px;font-weight:700;padding:2px 10px;border-radius:8px;background:var(--accent-light);color:var(--color-primary);text-transform:uppercase;letter-spacing:.3px}.vd-log-entry-date{font-size:11px;color:var(--color-muted)}.vd-log-entry-user{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--vd-text, var(--color-primary))}.vd-log-reason{font-size:12px;color:var(--color-secondary);line-height:1.5;margin-bottom:8px;padding:6px 10px;border-radius:8px;background:var(--accent-light);border-left:3px solid var(--accent-hover)}.vd-log-reason strong{color:var(--vd-text, var(--color-primary));margin-right:4px}.vd-log-changes{margin-top:6px}.vd-log-table{width:100%;border-collapse:collapse;font-size:12px}.vd-log-table th{text-align:left;padding:6px 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--color-muted);border-bottom:1px solid var(--border-light)}.vd-log-table td{padding:6px 10px;border-bottom:1px solid var(--border-light);vertical-align:top}.vd-log-field{font-weight:600;color:var(--vd-text, var(--color-primary));font-family:monospace;font-size:11px}.vd-log-old{color:var(--danger);text-decoration:line-through;opacity:.8;word-break:break-word}.vd-log-new{color:var(--color-primary);font-weight:600;word-break:break-word}.vd-log-empty{color:var(--color-muted);font-style:italic}.vd-tab-count.changelog{background:var(--danger-light);color:var(--danger)}.vd-eval-page{display:flex;flex-direction:column;gap:16px}.vd-eval-class-box{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:100px}.vd-eval-class-badge{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;color:#fff;letter-spacing:1px}.vd-eval-class-label{font-size:11px;font-weight:700;color:var(--vd-text, var(--color-primary));text-align:center}.vd-eval-class-score{font-size:13px;font-weight:800;color:var(--vd-text, var(--color-primary));font-variant-numeric:tabular-nums}.vd-eval-class-warn{font-size:10px;color:var(--danger);font-weight:600;text-align:center;margin-top:2px}.vd-eval-kpis{display:flex;gap:6px;padding:10px 0 0;border-top:1px solid rgba(0,0,0,.05);margin-top:12px;flex-wrap:wrap}.vd-eval-kpi{display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:8px;font-size:11px;color:#666;background:#00000005;white-space:nowrap}.vd-eval-kpi-n{font-weight:800;font-size:14px;color:var(--vd-text, #1a1a2e)}.vd-eval-slider-desc{font-size:10px;color:#999;margin:-2px 0 2px}.vd-cmp-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:13px;width:100%;background:var(--vd-card, var(--bg-card));color:var(--vd-text, var(--color-primary))}.vd-cmp-severity-btns{display:flex;gap:6px}.vd-cmp-sev-btn{padding:6px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:12px;font-weight:700;background:var(--bg-card);color:var(--color-muted);cursor:pointer;transition:all .15s}.vd-cmp-sev-btn.active{border-width:2px}.vd-cmp-sev-btn:hover{background:var(--bg-surface-hover)}.vd-cmp-list{display:flex;flex-direction:column;gap:10px}.vd-cmp-item{padding:14px 16px;border-radius:10px;border:1px solid var(--border-light);background:var(--vd-card, var(--bg-surface))}.vd-cmp-open{border-left:3px solid var(--danger)}.vd-cmp-resolved{border-left:3px solid var(--accent);opacity:.85}.vd-cmp-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.vd-cmp-sev{padding:2px 8px;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.3px}.vd-cmp-type{font-size:11px;font-weight:700;color:var(--color-secondary);text-transform:capitalize;padding:2px 8px;background:var(--bg-surface);border-radius:6px}.vd-cmp-status{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.3px}.vd-cmp-status.open{color:var(--danger)}.vd-cmp-status.resolved{color:var(--color-primary)}.vd-cmp-date{font-size:11px;color:var(--color-muted);margin-left:auto}.vd-cmp-impact{font-size:11px;font-weight:800;color:var(--danger);font-variant-numeric:tabular-nums}.vd-cmp-title{font-size:14px;font-weight:700;color:var(--vd-text, var(--color-primary));margin-bottom:4px}.vd-cmp-desc{font-size:12px;color:var(--color-secondary);line-height:1.5;margin-bottom:6px}.vd-cmp-linked{font-size:11px;color:var(--color-muted);padding:4px 0}.vd-cmp-resolution{font-size:12px;color:var(--color-primary);padding:8px 12px;border-radius:8px;background:var(--accent-light);border:1px solid var(--border-color);margin-top:8px}.vd-cmp-resolved-meta{color:var(--color-muted);font-size:11px}.vd-cmp-resolve-form{margin-top:8px}.vd-cmp-resolve-form textarea{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-family:inherit;resize:vertical;background:var(--bg-input);color:var(--color-primary)}.vd-eval-year-filter{display:flex;gap:4px;flex-wrap:wrap}.vd-eval-yr-btn{padding:4px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:11px;font-weight:700;background:var(--bg-card);color:var(--color-secondary);cursor:pointer;transition:all .15s}.vd-eval-yr-btn:hover{background:var(--accent-light);color:var(--color-primary)}.vd-eval-yr-btn.active{background:var(--accent-light);color:var(--color-primary);border-color:var(--color-primary)}.vd-eval-year-block{margin-bottom:16px}.vd-eval-year-header{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:8px;background:var(--accent-light);border:1px solid var(--border-light);margin-bottom:8px;flex-wrap:wrap}.vd-eval-year-label{font-size:18px;font-weight:900;color:var(--color-primary)}.vd-eval-year-avg{font-size:12px;color:var(--color-secondary)}.vd-eval-year-avg strong{color:var(--vd-text, var(--color-primary))}.vd-eval-year-count{font-size:11px;color:var(--color-muted);margin-left:auto}.vd-eval-year-cmp{font-size:11px;color:var(--danger);font-weight:700}.vd-eval-entry-cmp-badge{font-size:10px;font-weight:800;color:var(--danger);background:var(--danger-light);padding:1px 6px;border-radius:6px}.vd-eval-entry-complaints{display:flex;flex-direction:column;gap:4px;margin-top:6px;padding-top:6px;border-top:1px dashed var(--danger-light)}.vd-eval-linked-cmp{font-size:11px;font-weight:600}@media (max-width: 800px){.vd-grid,.vd-data-grid,.vd-edit-form-grid,.vd-edit-form-grid.compact{grid-template-columns:1fr}.vd-eval-overview{flex-direction:column}.vd-eval-form-grid{grid-template-columns:1fr}.vd-header{flex-direction:column}.vd-header-right{align-items:flex-start}.vd-log-entry-header{flex-direction:column;align-items:flex-start}.vd-log-table{font-size:11px}.vd-log-table th,.vd-log-table td{padding:4px 6px}.vd-modal-reason{padding:20px}.vd-eval-kpis{gap:4px}.vd-eval-kpi{padding:3px 8px;font-size:10px}.vd-cmp-header{gap:4px}.vd-eval-year-header{padding:6px 10px}.vd-cmp-severity-btns,.vd-eval-year-filter{flex-wrap:wrap}}[data-theme=dark]{--vd-text: var(--color-primary);--vd-card: var(--bg-card)}[data-theme=dark] .vd-edit-field input,[data-theme=dark] .vd-edit-field textarea,[data-theme=dark] .vd-inline-form input,[data-theme=dark] .vd-note-form textarea,[data-theme=dark] .vd-eval-slider input[type=text],[data-theme=dark] .vd-eval-slider textarea,[data-theme=dark] .vd-modal-textarea,[data-theme=dark] .vd-cmp-select,[data-theme=dark] .vd-cmp-resolve-form textarea{background:var(--bg-input);border-color:var(--input-border);color:var(--color-primary)}[data-theme=dark] .vd-cmp-sev-btn,[data-theme=dark] .vd-eval-yr-btn{background:var(--bg-input);border-color:var(--input-border);color:var(--color-muted)}[data-theme=dark] .vd-eval-yr-btn.active{background:var(--accent-light);color:var(--color-primary);border-color:var(--color-primary)}[data-theme=dark] .vd-feedback{background:var(--accent-light);border-color:var(--color-primary)}.proc-page{max-width:1400px;margin:0 auto;padding:24px}.proc-feedback{position:fixed;top:16px;right:16px;padding:12px 20px;border-radius:10px;background:#1b3a1b;color:#4caf50;border:1px solid #2e7d32;z-index:999;font-size:13px;font-weight:600}.proc-back{background:none;border:none;color:var(--color-primary);font-size:13px;cursor:pointer;padding:0;margin-bottom:8px;display:inline-block}.proc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:12px}.proc-title{font-size:26px;font-weight:900;color:var(--color-primary);margin:0}.proc-subtitle{font-size:13px;color:var(--color-muted);margin:4px 0 0}.proc-header-actions{display:flex;gap:8px}.proc-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all .15s}.proc-btn.primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.proc-btn.primary:hover{background:var(--btn-primary-hover)}.proc-btn.blue{background:var(--accent);color:var(--btn-primary-text)}.proc-btn.danger{background:var(--danger);color:var(--btn-primary-text)}.proc-btn.ghost{background:var(--bg-surface);color:var(--color-secondary)}.proc-btn:disabled{opacity:.5;cursor:default}.proc-kpis{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.proc-kpi{display:flex;flex-direction:column;align-items:center;padding:14px 18px;background:var(--proc-card, var(--bg-card));border-radius:10px;border:1px solid var(--border-light);min-width:120px;flex:1}.proc-kpi-n{font-size:22px;font-weight:900;color:var(--color-primary)}.proc-kpi-l{font-size:11px;color:var(--color-muted);margin-top:2px}.proc-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border-light);padding-bottom:0}.proc-tab{padding:8px 16px;border:none;background:none;font-size:13px;font-weight:600;color:var(--color-muted);cursor:pointer;border-bottom:2px solid transparent}.proc-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.proc-filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.proc-search{padding:8px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:13px;min-width:200px}.proc-status-filters{display:flex;gap:4px;flex-wrap:wrap}.proc-filter-btn{padding:4px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:11px;font-weight:700;background:var(--bg-card);color:var(--color-secondary);cursor:pointer}.proc-filter-btn.active{background:var(--accent-light);color:var(--color-primary);border-color:var(--color-primary)}.proc-card{background:var(--proc-card, var(--bg-card));border-radius:12px;border:1px solid var(--border-light);padding:16px;margin-bottom:12px}.proc-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.proc-list{display:flex;flex-direction:column;gap:10px}.proc-item-row{padding:16px;background:var(--proc-card, var(--bg-card));border-radius:10px;border:1px solid var(--border-light)}.proc-item-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.proc-item-id{font-size:12px;font-weight:800;color:var(--color-primary);font-family:monospace}.proc-item-priority{font-size:10px;font-weight:800;text-transform:uppercase}.proc-item-status{padding:2px 8px;border-radius:6px;font-size:10px;font-weight:800}.proc-item-date{font-size:11px;color:var(--color-muted);margin-left:auto}.proc-item-amount{font-size:14px;font-weight:900;color:var(--color-primary)}.proc-item-title{font-size:15px;font-weight:700;color:var(--proc-text, var(--color-primary));margin-bottom:4px}.proc-item-meta{display:flex;gap:12px;font-size:11px;color:var(--color-muted);flex-wrap:wrap}.proc-item-actions{display:flex;gap:8px;margin-top:10px;align-items:center;flex-wrap:wrap}.proc-linked{font-size:11px;color:var(--color-primary);font-weight:600}.proc-approval-chain{display:flex;gap:0;margin:10px 0 0;padding:10px 0 0;border-top:1px dashed var(--border-light)}.proc-approval-step{display:flex;align-items:flex-start;gap:6px;position:relative;flex:1}.proc-step-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:2px}.proc-step-dot.approved{background:#27ae60}.proc-step-dot.pending{background:#e67e22}.proc-step-dot.rejected{background:var(--danger)}.proc-step-line{position:absolute;left:12px;top:7px;width:calc(100% - 12px);height:2px}.proc-step-line.approved{background:#27ae60}.proc-step-line.pending{background:var(--border-color)}.proc-step-info{display:flex;flex-direction:column;gap:1px}.proc-step-level{font-size:10px;font-weight:800;color:var(--color-secondary);text-transform:uppercase}.proc-step-who{font-size:11px;color:var(--color-primary);font-weight:600}.proc-step-date{font-size:10px;color:var(--color-muted)}.proc-step-notes{font-size:10px;color:#e67e22;font-style:italic}.proc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.proc-field{display:flex;flex-direction:column;gap:4px}.proc-field.full{grid-column:1 / -1}.proc-field label{font-size:11px;font-weight:700;color:var(--color-secondary)}.proc-field input,.proc-field select,.proc-field textarea{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-family:inherit;background:var(--bg-input);color:var(--color-primary)}.proc-line-item{display:flex;gap:6px;align-items:center;margin-bottom:6px}.proc-line-item input{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:12px;background:var(--bg-input)}.proc-line-total{font-size:12px;font-weight:800;color:var(--color-primary);min-width:70px;text-align:right}.proc-empty{text-align:center;padding:40px;color:var(--color-muted)}.proc-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.proc-modal{background:var(--bg-card);border-radius:12px;padding:24px;max-width:500px;width:90%}.proc-modal h4{margin:0 0 8px;color:var(--color-primary)}.proc-modal-desc{font-size:14px;color:var(--color-primary);margin:0 0 4px}.proc-modal-amount{font-size:20px;font-weight:900;color:var(--color-primary);margin:0 0 12px}.proc-modal-textarea{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-family:inherit;resize:vertical;margin:12px 0;background:var(--bg-input);color:var(--color-primary)}.proc-modal-actions{display:flex;gap:8px}@media (max-width: 640px){.proc-kpi{min-width:100px}.proc-kpi-n{font-size:20px}}@media (max-width: 800px){.proc-overview-grid,.proc-form-grid{grid-template-columns:1fr}.proc-header{flex-direction:column}.proc-kpis{gap:10px}}[data-theme=dark] .proc-page{--proc-card: var(--bg-card);--proc-text: var(--color-primary)}.ctr-page{max-width:1400px;margin:0 auto;padding:20px}.ctr-feedback{position:fixed;top:16px;right:16px;padding:12px 20px;border-radius:10px;background:#1b3a1b;color:#4caf50;border:1px solid #2e7d32;z-index:999;font-size:13px;font-weight:600}.ctr-back{background:none;border:none;color:var(--color-primary);font-size:13px;cursor:pointer;padding:0;margin-bottom:8px;display:inline-block}.ctr-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:12px}.ctr-title{font-size:26px;font-weight:900;color:var(--color-primary);margin:0}.ctr-subtitle{font-size:13px;color:var(--color-muted);margin:4px 0 0}.ctr-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all .15s}.ctr-btn.primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.ctr-btn.primary:hover{background:var(--btn-primary-hover)}.ctr-btn.danger{background:var(--danger);color:var(--btn-primary-text)}.ctr-btn.ghost{background:var(--bg-surface);color:var(--color-secondary)}.ctr-kpis{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.ctr-kpi{display:flex;flex-direction:column;align-items:center;padding:14px 18px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-light);min-width:120px;flex:1}.ctr-kpi-n{font-size:22px;font-weight:900;color:var(--color-primary);line-height:1.2}.ctr-kpi-l{font-size:11px;color:var(--color-muted);margin-top:2px;text-align:center}.ctr-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-light);padding:16px;margin-bottom:12px}.ctr-alerts-card{border-left:3px solid var(--danger)}.ctr-alerts-list{display:flex;flex-direction:column;gap:6px}.ctr-alert-item{padding:8px 12px;border-left:3px solid #e67e22;border-radius:6px;background:var(--bg-surface);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ctr-alert-sev{font-size:10px;font-weight:800;min-width:60px}.ctr-alert-msg{font-size:12px;color:var(--color-primary);flex:1}.ctr-alert-date{font-size:11px;color:var(--color-muted)}.ctr-alert-type{font-size:10px;color:var(--color-muted);text-transform:capitalize}.ctr-alert-row{padding:10px 14px;border-left:3px solid #e67e22;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-light);display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.ctr-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border-light)}.ctr-tab{padding:8px 16px;border:none;background:none;font-size:13px;font-weight:600;color:var(--color-muted);cursor:pointer;border-bottom:2px solid transparent}.ctr-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.ctr-filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.ctr-search{padding:8px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:13px;min-width:200px;background:var(--bg-input);color:var(--color-primary)}.ctr-filter-group{display:flex;gap:4px;flex-wrap:wrap}.ctr-filter-btn{padding:4px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:11px;font-weight:700;background:var(--bg-card);color:var(--color-secondary);cursor:pointer}.ctr-filter-btn.active{background:var(--accent-light);color:var(--color-primary);border-color:var(--color-primary)}.ctr-list{display:flex;flex-direction:column;gap:10px}.ctr-item{padding:16px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-light);cursor:pointer;transition:border-color .15s}.ctr-item:hover{border-color:var(--border-color)}.ctr-item-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.ctr-item-icon{font-size:18px}.ctr-item-id{font-size:11px;font-weight:800;color:var(--color-primary);font-family:monospace}.ctr-item-type{font-size:10px;font-weight:800}.ctr-item-status{padding:2px 8px;border-radius:6px;font-size:10px;font-weight:800}.ctr-item-value{font-size:14px;font-weight:900;color:var(--color-primary);margin-left:auto}.ctr-item-expiry{font-size:11px;font-weight:700;color:#e67e22}.ctr-item-title{font-size:15px;font-weight:700;color:var(--color-primary)}.ctr-item-meta{display:flex;gap:12px;font-size:11px;color:var(--color-muted);flex-wrap:wrap;margin-top:4px}.ctr-auto-renew{color:#27ae60;font-weight:700}.ctr-detail-expand{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border-light)}.ctr-detail-section{font-size:12px;color:var(--color-secondary);margin-bottom:8px;line-height:1.6}.ctr-milestone{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:12px}.ctr-ms-dot{width:8px;height:8px;border-radius:50%}.ctr-ms-dot.completed{background:#27ae60}.ctr-ms-dot.pending{background:#e67e22}.ctr-ms-dot.overdue{background:var(--danger)}.ctr-ms-date{color:var(--color-muted);font-size:11px;margin-left:auto}.ctr-doc-chip{display:inline-block;padding:2px 8px;border-radius:6px;background:var(--accent-light);font-size:11px;margin:2px 4px 2px 0}.ctr-detail-actions{display:flex;gap:8px;margin-top:10px}.ctr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ctr-field{display:flex;flex-direction:column;gap:4px}.ctr-field.full{grid-column:1 / -1}.ctr-field label{font-size:11px;font-weight:700;color:var(--color-secondary)}.ctr-field input,.ctr-field select,.ctr-field textarea{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-family:inherit;background:var(--bg-input);color:var(--color-primary)}@media (max-width: 640px){.ctr-kpi{min-width:100px}.ctr-kpi-n{font-size:20px}}@media (max-width: 800px){.ctr-form-grid{grid-template-columns:1fr}.ctr-header{flex-direction:column}}[data-theme=dark] .ctr-field input,[data-theme=dark] .ctr-field select,[data-theme=dark] .ctr-field textarea,[data-theme=dark] .ctr-search{background:var(--bg-input);border-color:var(--input-border);color:var(--color-primary)}.sa-page{max-width:1400px;margin:0 auto;padding:24px}.sa-back{background:none;border:none;color:var(--color-primary);font-size:13px;cursor:pointer;padding:0;margin-bottom:8px;display:inline-block}.sa-header{margin-bottom:20px}.sa-title{font-size:26px;font-weight:900;color:var(--color-primary);margin:0}.sa-subtitle{font-size:13px;color:var(--color-muted);margin:4px 0 0}.sa-kpis{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.sa-kpi{display:flex;flex-direction:column;align-items:center;padding:14px 18px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-light);flex:1;min-width:120px}.sa-kpi-n{font-size:22px;font-weight:900;color:var(--color-primary);line-height:1.2}.sa-kpi-l{font-size:11px;color:var(--color-muted);margin-top:2px;text-align:center}.sa-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border-light)}.sa-tab{padding:8px 16px;border:none;background:none;font-size:13px;font-weight:600;color:var(--color-muted);cursor:pointer;border-bottom:2px solid transparent}.sa-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.sa-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-light);padding:20px;margin-bottom:16px}.sa-card h4{margin:0 0 16px;color:var(--color-primary);font-size:16px}.sa-bar-chart{display:flex;flex-direction:column;gap:8px}.sa-bar-row{display:flex;align-items:center;gap:8px}.sa-bar-label{font-size:12px;font-weight:700;color:var(--color-primary);min-width:120px;text-align:right}.sa-bar-track{flex:1;height:24px;background:var(--bg-surface);border-radius:6px;overflow:hidden}.sa-bar-fill{height:100%;border-radius:6px;transition:width .5s ease;min-width:2px}.sa-bar-value{font-size:12px;font-weight:800;color:var(--color-primary);min-width:80px}.sa-bar-pct{font-size:11px;color:var(--color-muted);min-width:40px}.sa-empty{text-align:center;color:var(--color-muted);padding:20px}.sa-table-wrap{overflow-x:auto}.sa-table{width:100%;border-collapse:collapse;font-size:12px}.sa-table th{text-align:left;font-weight:700;color:var(--color-muted);padding:8px 10px;border-bottom:2px solid var(--border-color);font-size:11px;text-transform:uppercase}.sa-table td{padding:8px 10px;border-bottom:1px solid var(--border-light)}.sa-td-id{font-family:monospace;font-weight:700;color:var(--color-primary)}.sa-td-amount{font-weight:800}.sa-td-status{font-weight:700;font-size:11px;text-transform:capitalize}@media (max-width: 640px){.sa-kpi{min-width:100px}.sa-kpi-n{font-size:20px}}@media (max-width: 800px){.sa-bar-label{min-width:80px;font-size:10px}}.comp-page{max-width:1400px;margin:0 auto;padding:24px}.comp-back{background:none;border:none;color:var(--color-primary);font-size:13px;cursor:pointer;padding:0;margin-bottom:8px;display:inline-block}.comp-header{margin-bottom:20px}.comp-title{font-size:26px;font-weight:900;color:var(--color-primary);margin:0}.comp-subtitle{font-size:13px;color:var(--color-muted);margin:4px 0 0}.comp-kpis{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.comp-kpi{display:flex;flex-direction:column;align-items:center;padding:14px 18px;border-radius:10px;min-width:120px;flex:1;background:var(--bg-card);border:1px solid var(--border-light)}.comp-kpi-n{font-size:22px;font-weight:900;line-height:1.2;color:var(--color-primary)}.comp-kpi-l{font-size:11px;color:var(--color-muted);margin-top:2px;text-align:center}.comp-progress-bar{height:8px;background:var(--border-light);border-radius:4px;overflow:hidden;margin-bottom:20px;position:relative}.comp-progress-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .5s}.comp-progress-label{position:absolute;right:8px;top:-18px;font-size:11px;font-weight:700;color:var(--color-primary)}.comp-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border-light);overflow-x:auto}.comp-tab{padding:8px 14px;border:none;background:none;font-size:13px;font-weight:600;color:var(--color-muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.comp-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.comp-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.comp-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-light);padding:20px}.comp-cat-card{border-top:3px solid var(--color-muted);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.comp-cat-icon{font-size:36px}.comp-cat-card h4{margin:0;font-size:16px}.comp-cat-pct{font-size:28px;font-weight:900;color:var(--color-primary)}.comp-mini-progress{width:100%;height:6px;background:var(--border-light);border-radius:3px;overflow:hidden}.comp-mini-fill{height:100%;border-radius:3px;transition:width .5s}.comp-cat-count{font-size:11px;color:var(--color-muted)}.comp-btn{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:700;border:1px solid var(--input-border);background:var(--accent-light);color:var(--color-primary);cursor:pointer}.comp-checklists{display:flex;flex-direction:column;gap:12px}.comp-checklist-card{cursor:pointer}.comp-cl-header{display:flex;justify-content:space-between;align-items:center}.comp-cl-header h4{margin:0;font-size:15px}.comp-cl-desc{font-size:12px;color:var(--color-muted);margin:2px 0 0}.comp-cl-stats{display:flex;align-items:center;gap:8px}.comp-cl-pct{font-size:20px;font-weight:900}.comp-cl-count{font-size:11px;color:var(--color-muted)}.comp-questions{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border-light);display:flex;flex-direction:column;gap:6px}.comp-q-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;cursor:pointer;transition:background .15s}.comp-q-row:hover{background:var(--accent-light)}.comp-q-check{font-size:16px;width:20px;text-align:center}.comp-q-check.completed{color:var(--color-primary)}.comp-q-check.in_progress{color:var(--danger)}.comp-q-check.pending{color:var(--color-muted)}.comp-q-text{flex:1;font-size:13px;color:var(--color-primary)}.comp-q-status{font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px}.comp-q-status.completed{color:var(--color-primary);background:var(--accent-light)}.comp-q-status.in_progress{color:var(--danger);background:var(--danger-light)}.comp-q-status.pending{color:var(--color-muted);background:var(--bg-surface)}.comp-reg-table-wrap{overflow-x:auto}.comp-reg-table{width:100%;border-collapse:collapse;font-size:13px}.comp-reg-table th{text-align:left;font-weight:700;color:var(--color-muted);padding:8px 10px;border-bottom:2px solid var(--border-color);font-size:11px;text-transform:uppercase}.comp-reg-table td{padding:10px;border-bottom:1px solid var(--border-light)}.comp-reg-title{font-weight:700;color:var(--color-primary)}.comp-reg-status{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px}.comp-reg-status.active{color:var(--color-primary);background:var(--accent-light)}.comp-reg-status.in_progress{color:var(--danger);background:var(--danger-light)}.comp-reg-status.pending{color:var(--color-muted);background:var(--bg-surface)}@media (max-width: 640px){.comp-kpi{min-width:100px}.comp-kpi-n{font-size:20px}}@media (max-width: 800px){.comp-overview-grid{grid-template-columns:1fr}}.ai-page{max-width:1400px;margin:0 auto;padding:24px}.ai-back{background:none;border:none;color:var(--color-primary);font-size:13px;cursor:pointer;padding:0;margin-bottom:8px;display:inline-block}.ai-header{margin-bottom:20px}.ai-title{font-size:26px;font-weight:900;color:var(--color-primary);margin:0}.ai-subtitle{font-size:13px;color:var(--color-muted);margin:4px 0 0}.ai-metrics{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;justify-content:center}.ai-metric{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 18px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-light);min-width:120px;flex:1}.ai-metric-val{font-size:22px;font-weight:900;color:var(--color-primary);line-height:1.2}.ai-metric-label{font-size:11px;font-weight:700;color:var(--color-muted);margin-top:2px;text-align:center}.ai-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border-light)}.ai-tab{padding:8px 16px;border:none;background:none;font-size:13px;font-weight:600;color:var(--color-muted);cursor:pointer;border-bottom:2px solid transparent}.ai-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.ai-risk-list,.ai-rec-list{display:flex;flex-direction:column;gap:10px}.ai-empty{text-align:center;color:var(--color-muted);padding:40px}.ai-risk-card{padding:16px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-light);border-left:3px solid var(--danger)}.ai-risk-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.ai-risk-badge{padding:2px 8px;border-radius:6px;font-size:10px;font-weight:800}.ai-risk-type{font-size:10px;font-weight:700;color:var(--color-muted);text-transform:capitalize;padding:2px 8px;background:var(--bg-surface);border-radius:6px}.ai-risk-entity{font-size:12px;font-weight:700;color:var(--color-primary)}.ai-risk-prob{font-size:11px;color:var(--color-muted);margin-left:auto}.ai-risk-title{font-size:15px;font-weight:700;color:var(--color-primary);margin-bottom:4px}.ai-risk-desc{font-size:12px;color:var(--color-secondary);margin-bottom:6px;line-height:1.5}.ai-risk-impact{font-size:12px;color:var(--danger);margin-bottom:4px}.ai-risk-rec{font-size:12px;color:var(--color-primary);padding:8px 12px;border-radius:8px;background:var(--accent-light)}.ai-rec-card{padding:16px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-light)}.ai-rec-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ai-rec-cat{font-size:10px;font-weight:700;color:var(--color-primary);padding:2px 8px;border-radius:6px;background:var(--accent-light)}.ai-rec-priority{font-size:10px;font-weight:800;padding:2px 8px;border-radius:6px}.ai-rec-priority.high,.ai-rec-priority.medium{color:var(--danger);background:var(--danger-light)}.ai-rec-priority.low{color:var(--color-primary);background:var(--accent-light)}.ai-rec-title{font-size:15px;font-weight:700;color:var(--color-primary);margin-bottom:4px}.ai-rec-desc{font-size:12px;color:var(--color-secondary);margin-bottom:6px;line-height:1.5}.ai-rec-impact{font-size:12px;color:var(--color-primary);font-weight:600}.ai-predictions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ai-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-light);padding:20px}.ai-card h4{margin:0 0 16px;color:var(--color-primary)}.ai-pred-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ai-pred-item{display:flex;flex-direction:column;padding:12px;border-radius:8px;background:var(--accent-light)}.ai-pred-label{font-size:11px;color:var(--color-muted);font-weight:600}.ai-pred-val{font-size:20px;font-weight:900;color:var(--color-primary)}.ai-trend-list{display:flex;flex-direction:column;gap:8px}.ai-trend-item{font-size:13px;color:var(--color-primary);display:flex;align-items:center;gap:8px}.ai-trend-arrow{font-size:16px;font-weight:900;width:24px;text-align:center}.ai-trend-arrow.up{color:var(--danger)}.ai-trend-arrow.down,.ai-trend-arrow.stable{color:var(--color-primary)}@media (max-width: 640px){.ai-metric{min-width:100px}.ai-metric-val{font-size:20px}}@media (max-width: 800px){.ai-predictions,.ai-pred-grid{grid-template-columns:1fr}.ai-metrics{gap:10px}}.erp-page{max-width:1400px;margin:0 auto;padding:24px}.erp-feedback{position:fixed;top:16px;right:16px;padding:12px 20px;border-radius:10px;background:#1b3a1b;color:#4caf50;border:1px solid #2e7d32;z-index:999;font-size:13px;font-weight:600}.erp-back{background:none;border:none;color:var(--color-primary);font-size:13px;cursor:pointer;padding:0;margin-bottom:8px;display:inline-block}.erp-header{margin-bottom:20px}.erp-title{font-size:26px;font-weight:900;color:var(--color-primary);margin:0}.erp-subtitle{font-size:13px;color:var(--color-muted);margin:4px 0 0}.erp-kpis{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.erp-kpi{display:flex;flex-direction:column;align-items:center;padding:14px 18px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-light);flex:1;min-width:120px}.erp-kpi-n{font-size:22px;font-weight:900;color:var(--color-primary);line-height:1.2}.erp-kpi-l{font-size:11px;color:var(--color-muted);margin-top:2px;text-align:center}.erp-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border-light)}.erp-tab{padding:8px 16px;border:none;background:none;font-size:13px;font-weight:600;color:var(--color-muted);cursor:pointer;border-bottom:2px solid transparent}.erp-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.erp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.erp-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-light);padding:20px;cursor:pointer;transition:border-color .15s}.erp-card:hover{border-color:var(--border-color)}.erp-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.erp-card-icon{font-size:28px}.erp-card-name{margin:0;font-size:16px;color:var(--color-primary)}.erp-card-status{padding:2px 8px;border-radius:6px;font-size:10px;font-weight:800;display:inline-block;margin-top:2px}.erp-card-desc{font-size:12px;color:var(--color-secondary);margin:0 0 10px;line-height:1.5}.erp-card-modules{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.erp-module-chip{padding:2px 8px;border-radius:6px;font-size:10px;font-weight:600;background:var(--accent-light);color:var(--color-primary)}.erp-card-sync{display:flex;gap:16px;font-size:11px;color:var(--color-muted)}.erp-card-expanded{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border-light)}.erp-config{margin-bottom:12px}.erp-config h5{margin:0 0 6px;font-size:12px;color:var(--color-muted)}.erp-config-row{display:flex;gap:8px;font-size:12px;padding:2px 0}.erp-config-row span{color:var(--color-muted);min-width:80px}.erp-config-row code{color:var(--color-primary);font-family:monospace;font-size:11px;background:var(--accent-light);padding:1px 6px;border-radius:4px}.erp-card-actions{display:flex;gap:8px}.erp-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:700;border:none;cursor:pointer}.erp-btn.primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.erp-btn.danger{background:var(--danger);color:var(--btn-primary-text)}.erp-btn.blue{background:var(--accent);color:var(--btn-primary-text)}.erp-card-full{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-light);padding:20px}.erp-card-full h4{margin:0 0 16px}.erp-webhook-list{display:flex;flex-direction:column;gap:10px}.erp-webhook-row{padding:12px;border-radius:8px;border:1px solid var(--border-light)}.erp-wh-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.erp-wh-dot{width:8px;height:8px;border-radius:50%}.erp-wh-dot.active{background:var(--accent)}.erp-wh-dot.paused{background:var(--danger)}.erp-wh-status{font-size:10px;font-weight:700;text-transform:capitalize}.erp-wh-status.active{color:var(--color-primary)}.erp-wh-status.paused{color:var(--danger)}.erp-wh-url code{font-size:11px;color:var(--color-muted)}.erp-wh-events{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0}.erp-event-chip{padding:2px 8px;border-radius:6px;font-size:10px;background:var(--accent-light);color:var(--color-primary);font-family:monospace}.erp-wh-last{font-size:11px;color:var(--color-muted)}.erp-sync-log{display:flex;flex-direction:column;gap:6px}.erp-sync-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;font-size:12px;border-bottom:1px solid var(--border-light);flex-wrap:wrap}.erp-sync-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.erp-sync-dot.success{background:var(--accent)}.erp-sync-dot.warning,.erp-sync-dot.error{background:var(--danger)}.erp-sync-time{color:var(--color-muted);min-width:100px;font-size:11px}.erp-sync-system{font-weight:700;color:var(--color-primary);min-width:120px}.erp-sync-action{flex:1;color:var(--color-secondary)}.erp-sync-records{color:var(--color-muted);font-size:11px}.erp-sync-status{font-size:10px;font-weight:700;text-transform:capitalize}.erp-sync-status.success{color:var(--color-primary)}.erp-sync-status.warning,.erp-sync-status.error{color:var(--danger)}@media (max-width: 640px){.erp-kpi{min-width:100px}.erp-kpi-n{font-size:20px}}@media (max-width: 800px){.erp-grid{grid-template-columns:1fr}}.tpl-page{max-width:1400px;margin:0 auto;padding:20px}.tpl-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px;flex-wrap:wrap}.tpl-back{background:none;border:none;color:var(--color-primary);font-size:13px;cursor:pointer;padding:0;margin-bottom:8px;display:inline-block}.tpl-title{font-size:26px;font-weight:900;color:var(--color-primary);margin:0}.tpl-subtitle{font-size:13px;color:var(--color-muted);margin:4px 0 0}.tpl-create-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;border:none;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.tpl-create-btn:hover{background:var(--btn-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.tpl-kpis{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.tpl-kpi{display:flex;flex-direction:column;align-items:center;padding:14px 18px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-light);flex:1;min-width:120px}.tpl-kpi-n{font-size:22px;font-weight:900;color:var(--color-primary);line-height:1.2}.tpl-kpi-l{font-size:11px;color:var(--color-muted);margin-top:2px;text-align:center}.tpl-featured{margin-bottom:20px}.tpl-featured h4{margin:0 0 12px;color:var(--color-primary)}.tpl-featured-grid{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}.tpl-featured-card{min-width:180px;padding:16px;background:var(--accent-light);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;flex-shrink:0;cursor:pointer;transition:all .15s}.tpl-featured-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.tpl-featured-card h5{margin:0;font-size:13px;color:var(--color-primary)}.tpl-card-cat{font-size:10px;font-weight:700;color:var(--color-primary);padding:2px 8px;border-radius:6px;background:var(--accent-light)}.tpl-card-rating{font-size:11px;color:var(--color-primary)}.tpl-card-icon{font-size:28px}.tpl-filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.tpl-search{padding:8px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:13px;min-width:200px;background:var(--bg-input);color:var(--color-primary)}.tpl-search:focus{outline:none;border-color:var(--color-primary)}.tpl-cat-btns{display:flex;gap:4px;flex-wrap:wrap}.tpl-cat-btn{padding:4px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:11px;font-weight:700;background:var(--bg-card);color:var(--color-secondary);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:4px}.tpl-cat-btn:hover{border-color:var(--color-muted)}.tpl-cat-btn.active{background:var(--accent-light);color:var(--color-primary);border-color:var(--color-primary)}.tpl-cat-count{font-size:10px;font-weight:600;opacity:.65}.tpl-sort{padding:6px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:12px;margin-left:auto;background:var(--bg-input);color:var(--color-primary)}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.tpl-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-light);padding:14px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s}.tpl-card:hover{border-color:var(--input-border)}.tpl-card-generate{border:2px dashed var(--border-color);cursor:pointer;background:var(--bg-surface);min-height:200px;display:flex;align-items:center;justify-content:center}.tpl-card-generate:hover{border-color:var(--color-primary);background:var(--accent-light)}.tpl-generate-inner{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-muted);text-align:center}.tpl-card-generate:hover .tpl-generate-inner{color:var(--color-primary)}.tpl-card-generate .tpl-card-name,.tpl-card-generate .tpl-card-desc{margin:0}.tpl-card-top{display:flex;justify-content:space-between;align-items:center}.tpl-card-top-actions{display:flex;align-items:center;gap:4px}.tpl-card-format{font-size:10px;font-weight:800;color:var(--color-muted);padding:2px 8px;border-radius:6px;background:var(--bg-surface)}.tpl-card-action-btn{width:26px;height:26px;border-radius:6px;border:none;background:transparent;color:var(--color-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.tpl-card-action-btn:hover{background:var(--bg-surface);color:var(--color-primary)}.tpl-delete-btn:hover{background:var(--danger-light);color:var(--danger)}.tpl-card-name{font-size:14px;font-weight:700;color:var(--color-primary);margin:0}.tpl-card-desc{font-size:12px;color:var(--color-secondary);line-height:1.5;margin:0}.tpl-card-tags{display:flex;gap:4px;flex-wrap:wrap}.tpl-tag{padding:2px 8px;border-radius:6px;font-size:10px;background:var(--accent-light);color:var(--color-primary);font-weight:600}.tpl-card-footer{display:flex;gap:12px;font-size:11px;color:var(--color-muted);margin-top:auto}.tpl-card-btns{display:flex;gap:6px;margin-top:4px}.tpl-download-btn{flex:1;padding:8px 14px;border-radius:8px;border:1px solid var(--input-border);background:var(--accent-light);color:var(--color-primary);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.tpl-download-btn:hover{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.tpl-edit-btn{padding:8px 14px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--color-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.tpl-edit-btn:hover{background:var(--bg-surface);color:var(--color-primary);border-color:var(--color-muted)}.tpl-empty{text-align:center;color:var(--color-muted);padding:40px}.tpl-modal-overlay{position:fixed;inset:0;z-index:5000;background:#00000073;display:flex;align-items:center;justify-content:center;padding:24px}.tpl-modal{background:var(--bg-card);border-radius:14px;width:100%;max-width:600px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:tplModalIn .2s ease}.tpl-modal-sm{max-width:420px}@keyframes tplModalIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tpl-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--border-light);flex-shrink:0}.tpl-modal-header h3{margin:0;font-size:17px;font-weight:700;color:var(--color-primary)}.tpl-modal-close{background:none;border:none;color:var(--color-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex}.tpl-modal-close:hover{background:var(--bg-surface);color:var(--color-primary)}.tpl-modal-body{padding:20px 24px;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:14px}.tpl-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border-light);flex-shrink:0}.tpl-modal-cancel{padding:8px 18px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--color-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.tpl-modal-cancel:hover{background:var(--bg-surface)}.tpl-modal-save{padding:8px 20px;border-radius:8px;border:none;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.tpl-modal-save:hover:not(:disabled){background:var(--btn-primary-hover)}.tpl-modal-save:disabled{opacity:.5;cursor:not-allowed}.tpl-modal-delete{padding:8px 20px;border-radius:8px;border:none;background:var(--danger);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.tpl-modal-delete:hover{background:var(--danger-hover)}.tpl-delete-msg{font-size:14px;color:var(--color-secondary);line-height:1.6;margin:0}.tpl-delete-msg strong{color:var(--color-primary)}.tpl-form-row{display:flex;gap:12px;flex-wrap:wrap}.tpl-form-group{display:flex;flex-direction:column;gap:4px;flex:1;min-width:120px}.tpl-fg-wide{min-width:100%}.tpl-field-label{font-size:12px;font-weight:600;color:var(--color-secondary)}.tpl-field-input{padding:9px 12px;border:1px solid var(--input-border);border-radius:8px;font-size:13px;background:var(--bg-input);color:var(--color-primary);transition:border-color .15s}.tpl-field-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--accent-light)}.tpl-field-textarea{padding:9px 12px;border:1px solid var(--input-border);border-radius:8px;font-size:13px;background:var(--bg-input);color:var(--color-primary);font-family:inherit;resize:vertical;min-height:60px;transition:border-color .15s}.tpl-field-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--accent-light)}.tpl-icon-picker{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:var(--bg-surface);border-radius:8px;max-height:none}.tpl-icon-opt{width:32px;height:32px;border:2px solid transparent;border-radius:6px;background:var(--bg-card);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s}.tpl-icon-opt:hover{border-color:var(--color-muted)}.tpl-icon-opt.active{border-color:var(--color-primary);background:var(--accent-light)}.tpl-tags-editor{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;border:1px solid var(--input-border);border-radius:8px;background:var(--bg-input);align-items:center;min-height:38px}.tpl-tag-editable{display:inline-flex;align-items:center;gap:3px}.tpl-tag-editable button{background:none;border:none;color:var(--color-primary);font-size:14px;font-weight:700;cursor:pointer;padding:0;line-height:1}.tpl-tag-editable button:hover{color:var(--danger)}.tpl-tag-input{border:none;background:transparent;outline:none;font-size:12px;color:var(--color-primary);min-width:80px;flex:1;padding:2px 0}.tpl-tag-input::placeholder{color:var(--color-muted)}.tpl-card-files{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;color:var(--color-muted);margin-top:2px}.tpl-card-files svg{flex-shrink:0}.tpl-card-file-list{display:flex;flex-wrap:wrap;gap:4px;width:100%;margin-top:2px}.tpl-card-file-chip{display:inline-flex;align-items:center;gap:3px;font-size:10px;padding:2px 7px;border-radius:4px;background:var(--bg-surface);color:var(--color-secondary);border:1px solid var(--border-light);white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.tpl-file-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;padding:2px 0}.tpl-file-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border-light);transition:all .15s}.tpl-file-row:hover{border-color:var(--color-primary);background:var(--bg-surface-hover)}.tpl-file-icon{font-size:18px;flex-shrink:0}.tpl-file-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.tpl-file-name{font-size:13px;font-weight:600;color:var(--color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-file-size{font-size:11px;color:var(--color-muted)}.tpl-file-remove{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--color-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.tpl-file-remove:hover{background:var(--danger-light, rgba(237,166,163,.15));color:var(--danger)}.tpl-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px;border-radius:10px;border:2px dashed var(--border-color);background:var(--bg-surface);color:var(--color-muted);font-size:13px;cursor:pointer;transition:all .2s;text-align:center}.tpl-drop-zone:hover{border-color:var(--color-primary);background:var(--accent-light);color:var(--color-secondary)}.tpl-drop-zone strong{color:var(--color-primary)}.tpl-drop-hint{font-size:11px;opacity:.7}.tpl-featured-check{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--color-secondary);cursor:pointer}.tpl-featured-check input{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.tpl-role-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:var(--accent-light);color:var(--color-primary);margin-left:10px;vertical-align:middle}.tpl-status-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:20px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.tpl-badge-approved{background:#27ae601f;color:#27ae60}.tpl-badge-pending_approval{background:#f39c121f;color:#f39c12}.tpl-badge-draft{background:#95a5a626;color:#7f8c8d}.tpl-badge-rejected{background:#eda6a326;color:var(--danger)}.tpl-card-status-draft{border-left:3px solid #95a5a6;opacity:.85}.tpl-card-status-pending_approval{border-left:3px solid #f39c12}.tpl-card-status-rejected{border-left:3px solid var(--danger);opacity:.85}.tpl-card-creator{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-muted)}.tpl-card-date{margin-left:auto;font-size:10px;opacity:.7}.tpl-rejection-note{padding:8px 10px;border-radius:6px;font-size:11px;background:#eda6a31a;color:var(--danger);border:1px solid rgba(237,166,163,.25);line-height:1.4}.tpl-rejection-note strong{font-weight:700}.tpl-submit-btn{flex:1;padding:8px 14px;border-radius:8px;border:none;background:#f39c12;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.tpl-submit-btn:hover{background:#e67e22;transform:translateY(-1px)}.tpl-approve-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border-radius:8px;border:none;background:#27ae60;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.tpl-approve-btn:hover{background:#219a52;transform:translateY(-1px)}.tpl-reject-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border-radius:8px;border:none;background:var(--danger);color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.tpl-reject-btn:hover{background:var(--danger-hover);transform:translateY(-1px)}.tpl-card-pending-label{font-size:11px;font-weight:600;color:#f39c12;font-style:italic;flex:1}.tpl-status-btns{display:flex;gap:4px;flex-wrap:wrap}.tpl-status-btn{padding:4px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:11px;font-weight:700;background:var(--bg-card);color:var(--color-secondary);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:4px}.tpl-status-btn:hover{border-color:var(--color-muted)}.tpl-status-btn.active{border-color:var(--color-primary)}.tpl-status-btn.active.tpl-status-all_status{background:var(--accent-light);color:var(--color-primary)}.tpl-status-btn.active.tpl-status-approved{background:#27ae601f;color:#27ae60;border-color:#27ae60}.tpl-status-btn.active.tpl-status-pending_approval{background:#f39c121f;color:#f39c12;border-color:#f39c12}.tpl-status-btn.active.tpl-status-draft{background:#95a5a61f;color:#7f8c8d;border-color:#95a5a6}.tpl-status-btn.active.tpl-status-rejected{background:#eda6a31f;color:var(--danger);border-color:var(--danger)}.tpl-status-count{font-size:10px;font-weight:600;opacity:.65}.tpl-kpi-pending{border:1px solid #f39c12;background:#f39c1214}.tpl-kpi-pending .tpl-kpi-n{color:#f39c12}.tpl-approval-section{margin-bottom:20px;padding:16px;border-radius:12px;background:#f39c120d;border:1px solid rgba(243,156,18,.2)}.tpl-section-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:var(--color-primary);margin:0 0 14px}.tpl-approval-count{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#f39c12;color:#fff;font-size:11px;font-weight:800}.tpl-approval-list{display:flex;flex-direction:column;gap:10px}.tpl-approval-card{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border-light);transition:border-color .15s}.tpl-approval-card:hover{border-color:#f39c12}.tpl-approval-card .tpl-card-icon{font-size:24px;flex-shrink:0;margin-top:2px}.tpl-approval-info{flex:1;min-width:0}.tpl-approval-info h5{margin:0 0 4px;font-size:14px;font-weight:700;color:var(--color-primary)}.tpl-approval-info p{margin:0 0 8px;font-size:12px;color:var(--color-secondary);line-height:1.4}.tpl-approval-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tpl-approval-by{font-size:11px;font-weight:600;color:var(--color-muted)}.tpl-approval-date{font-size:11px;color:var(--color-muted);opacity:.7}.tpl-approval-files{font-size:11px;color:var(--color-primary);font-weight:600}.tpl-approval-actions{display:flex;gap:6px;flex-shrink:0;align-items:flex-start;flex-wrap:wrap}@media (max-width: 640px){.tpl-kpi{min-width:100px}.tpl-kpi-n{font-size:20px}}@media (max-width: 800px){.tpl-grid{grid-template-columns:1fr}.tpl-header,.tpl-form-row{flex-direction:column}.tpl-form-group{min-width:100%}}.aud-page{max-width:1400px;margin:0 auto;padding:24px}.aud-back{background:none;border:none;color:var(--color-primary);font-size:13px;cursor:pointer;padding:0;margin-bottom:8px;display:inline-block}.aud-header{margin-bottom:20px}.aud-title{font-size:26px;font-weight:900;color:var(--color-primary);margin:0}.aud-subtitle{font-size:13px;color:var(--color-muted);margin:4px 0 0}.aud-kpis{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.aud-kpi{display:flex;flex-direction:column;align-items:center;padding:12px 16px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-light);flex:1;min-width:90px}.aud-kpi-n{font-size:22px;font-weight:900;color:var(--color-primary)}.aud-module-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.aud-mod-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;transition:all .15s}.aud-mod-chip:hover{border-color:var(--color-primary)}.aud-mod-name{font-size:12px;font-weight:700;color:var(--color-secondary);text-transform:capitalize}.aud-mod-count{font-size:11px;font-weight:800;color:var(--color-primary);background:var(--accent-light);padding:1px 6px;border-radius:6px}.aud-filters{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.aud-search{padding:8px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:13px;min-width:240px;background:var(--bg-input);color:var(--color-primary)}.aud-filter-group{display:flex;align-items:center;gap:6px}.aud-filter-group label{font-size:11px;font-weight:700;color:var(--color-muted)}.aud-filter-group select{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:12px;background:var(--bg-input);color:var(--color-primary)}.aud-sev-btns{display:flex;gap:3px}.aud-sev-btn{padding:4px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:11px;font-weight:700;background:var(--bg-card);color:var(--color-secondary);cursor:pointer;transition:all .15s}.aud-sev-btn.active{border-color:currentColor}.aud-result-count{font-size:11px;color:var(--color-muted);margin-left:auto}.aud-table-wrap{overflow-x:auto;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-light)}.aud-table{width:100%;border-collapse:collapse;font-size:12px}.aud-table th{text-align:left;font-weight:700;color:var(--color-muted);padding:10px 12px;border-bottom:2px solid var(--border-color);font-size:10px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.aud-table td{padding:10px 12px;border-bottom:1px solid var(--border-light);vertical-align:top}.aud-row-critical{background:var(--danger-light)}.aud-row-warning{background:var(--accent-light)}.aud-td-time{font-size:11px;color:var(--color-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.aud-td-user{font-weight:700;color:var(--color-primary);white-space:nowrap}.aud-td-role{font-size:10px;font-weight:700;color:var(--color-muted);text-transform:capitalize}.aud-td-module{font-size:10px;font-weight:700;color:var(--color-primary);background:var(--accent-light);padding:2px 8px;border-radius:6px;text-transform:capitalize;white-space:nowrap}.aud-td-action{font-size:11px;color:var(--color-secondary);text-transform:capitalize;white-space:nowrap}.aud-td-entity{font-size:11px;font-weight:700;color:var(--color-primary);font-family:monospace}.aud-td-desc{color:var(--color-secondary);max-width:300px;line-height:1.4}.aud-td-sev{font-size:10px;font-weight:800;padding:2px 8px;border-radius:6px;white-space:nowrap}.aud-empty{text-align:center;color:var(--color-muted);padding:30px}.aud-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.aud-pagination button{padding:6px 14px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--color-primary);font-size:12px;font-weight:700;cursor:pointer}.aud-pagination button:disabled{opacity:.4;cursor:default}.aud-pagination span{font-size:12px;color:var(--color-muted)}@media (max-width: 900px){.aud-filters{flex-direction:column;align-items:stretch}.aud-search{min-width:100%}.aud-table{font-size:11px}.aud-table th,.aud-table td{padding:6px 8px}}:root{--bg-primary: #F5F6FA;--bg-card: #FFFFFF;--bg-surface: #ECEDF2;--bg-surface-hover: #E3E4EB;--bg-input: #FFFFFF;--color-primary: #192A56;--color-secondary: #3D4F7C;--color-muted: #6B7AA1;--color-icon: #192A56;--nav-bg: #192A56;--nav-text: rgba(255, 255, 255, .9);--nav-text-hover: #FFFFFF;--nav-active-bg: rgba(247, 215, 148, .18);--btn-primary-bg: #192A56;--btn-primary-text: #FFFFFF;--btn-primary-hover: #0F1D3D;--accent: #F7D794;--accent-hover: #F5C561;--accent-light: rgba(247, 215, 148, .15);--accent-text: #8B6914;--active-indicator: #F7D794;--danger: #EDA6A3;--danger-hover: #E88E8A;--danger-light: rgba(237, 166, 163, .15);--danger-text: #8B3A37;--border-color: rgba(25, 42, 86, .1);--border-light: rgba(25, 42, 86, .06);--shadow-sm: 0 2px 8px rgba(25, 42, 86, .06);--shadow-md: 0 4px 16px rgba(25, 42, 86, .1);--shadow-lg: 0 8px 32px rgba(25, 42, 86, .15);--link-color: #192A56;--input-border: rgba(25, 42, 86, .2);--input-focus: #F7D794;--input-placeholder: #6B7AA1;--toggle-off: #C5C9D6;--toggle-on: #192A56}[data-theme=dark]{--bg-primary: #1a1a2e;--bg-card: #1E272E;--bg-surface: #252D34;--bg-surface-hover: #2C3640;--bg-input: #1E272E;--color-primary: #F5F6FA;--color-secondary: rgba(245, 246, 250, .75);--color-muted: rgba(245, 246, 250, .5);--color-icon: #00CEC9;--nav-bg: #1E272E;--nav-text: rgba(245, 246, 250, .9);--nav-text-hover: #F5F6FA;--nav-active-bg: rgba(9, 132, 227, .15);--btn-primary-bg: #0984E3;--btn-primary-text: #FFFFFF;--btn-primary-hover: #0770C2;--accent: #0984E3;--accent-hover: #0770C2;--accent-light: rgba(9, 132, 227, .15);--accent-text: #B3D9F7;--active-indicator: #0984E3;--danger: #EDA6A3;--danger-hover: #E88E8A;--danger-light: rgba(237, 166, 163, .2);--danger-text: #F5C5C3;--border-color: rgba(245, 246, 250, .08);--border-light: rgba(245, 246, 250, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .45);--link-color: #0984E3;--input-border: rgba(245, 246, 250, .15);--input-focus: #0984E3;--input-placeholder: rgba(245, 246, 250, .4);--toggle-off: #3D4650;--toggle-on: #0984E3}.dark-list-container{background-color:var(--bg-surface);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.dark-list-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background-color:var(--bg-card);border-radius:10px;color:var(--color-primary);cursor:pointer;transition:background-color .2s}.dark-list-item:hover{background-color:var(--bg-surface-hover)}.dark-list-item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;color:var(--color-icon)}.dark-list-item-icon svg{width:24px;height:24px}.dark-list-item-info{flex:1;min-width:0}.dark-list-item-title{font-size:16px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.dark-list-item-description{font-size:13px;color:var(--color-muted);margin:0;line-height:1.35}.dark-list-item-arrow{font-size:24px;font-weight:300;color:var(--color-muted);flex-shrink:0}.dark-list-empty{padding:24px 20px;text-align:center;color:var(--color-muted);font-size:14px;background-color:var(--bg-card);border-radius:10px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--color-primary)}[data-theme=dark] .app-layout,[data-theme=dark] .app-main{background-color:var(--bg-primary)}[data-theme=dark] .app-sidebar{background:var(--nav-bg)}[data-theme=dark] .home-card,[data-theme=dark] .home-indicator-card,[data-theme=dark] .production-card,[data-theme=dark] .production-indicator-card,[data-theme=dark] .production-header,[data-theme=dark] .cert-status-card,[data-theme=dark] .cost-mgmt-header,[data-theme=dark] .cost-mgmt-card,[data-theme=dark] .cost-mgmt-indicator-card,[data-theme=dark] .enterprise-header,[data-theme=dark] .enterprise-card,[data-theme=dark] .enterprise-indicator-card,[data-theme=dark] .industry-hub-header,[data-theme=dark] .industry-hub-card,[data-theme=dark] .industry-hub-indicator-card,[data-theme=dark] .prof-card,[data-theme=dark] .prof-header-card,[data-theme=dark] .app-page-card,[data-theme=dark] .smp-header,[data-theme=dark] .smp-content,[data-theme=dark] .sysmgmt-header,[data-theme=dark] .sysmgmt-card,[data-theme=dark] .payment-card,[data-theme=dark] .payment-header{background:var(--bg-card);border-color:var(--border-color);color:var(--color-primary)}[data-theme=dark] .home-card-title,[data-theme=dark] .home-indicator-value,[data-theme=dark] .production-title,[data-theme=dark] .production-card-title,[data-theme=dark] .indicator-value,[data-theme=dark] .cost-mgmt-title,[data-theme=dark] .enterprise-title,[data-theme=dark] .industry-hub-title,[data-theme=dark] .app-page-title,[data-theme=dark] .smp-title,[data-theme=dark] .smp-section-title,[data-theme=dark] .sysmgmt-title,[data-theme=dark] .sysmgmt-card-name,[data-theme=dark] .prof-card-title,[data-theme=dark] .prof-name,[data-theme=dark] .page-item-name,[data-theme=dark] .smp-step-title,[data-theme=dark] .smp-kpi-value,[data-theme=dark] .smp-req-domain,[data-theme=dark] .smp-box-title,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{color:var(--color-primary)}[data-theme=dark] .home-card-subtitle,[data-theme=dark] .home-indicator-label,[data-theme=dark] .home-industry-desc,[data-theme=dark] .production-subtitle,[data-theme=dark] .production-card-subtitle,[data-theme=dark] .indicator-label,[data-theme=dark] .cost-mgmt-subtitle,[data-theme=dark] .enterprise-subtitle,[data-theme=dark] .industry-hub-subtitle,[data-theme=dark] .app-page-subtitle,[data-theme=dark] .app-page-body,[data-theme=dark] .smp-subtitle,[data-theme=dark] .smp-text,[data-theme=dark] .smp-kpi-label,[data-theme=dark] .sysmgmt-subtitle,[data-theme=dark] .sysmgmt-card-desc,[data-theme=dark] .prof-card-subtitle,[data-theme=dark] .prof-role,[data-theme=dark] .page-item-desc,[data-theme=dark] .smp-list li{color:var(--color-secondary)}[data-theme=dark] .home-industry-name,[data-theme=dark] .home-quick-action-item,[data-theme=dark] .production-action-item,[data-theme=dark] .cost-mgmt-action-item,[data-theme=dark] .enterprise-action-item,[data-theme=dark] .prof-action-btn{color:var(--color-primary)}[data-theme=dark] .home-industry-item,[data-theme=dark] .home-quick-action-item,[data-theme=dark] .production-page-item,[data-theme=dark] .production-action-item,[data-theme=dark] .smp-step-card,[data-theme=dark] .smp-kpi,[data-theme=dark] .recent-audit-item,[data-theme=dark] .app-page-list-item,[data-theme=dark] .prof-action-btn{background:var(--bg-surface)}[data-theme=dark] .home-industry-item:hover,[data-theme=dark] .home-quick-action-item:hover,[data-theme=dark] .production-page-item:hover,[data-theme=dark] .production-action-item:hover,[data-theme=dark] .prof-action-btn:hover{background:var(--bg-surface-hover)}[data-theme=dark] .home-quick-action-icon,[data-theme=dark] .action-icon{background:var(--bg-surface);color:var(--color-icon)}[data-theme=dark] .smp-table th{background:var(--bg-surface);color:var(--color-secondary);border-bottom-color:var(--border-color)}[data-theme=dark] .smp-table td{color:var(--color-secondary);border-bottom-color:var(--border-light)}[data-theme=dark] .smp-table tbody tr:hover{background:var(--bg-surface)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--bg-input);color:var(--color-primary);border-color:var(--input-border)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--input-placeholder)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:var(--input-focus)}[data-theme=dark] .smp-tabs{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .smp-tab{color:var(--color-muted)}[data-theme=dark] .smp-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}[data-theme=dark] .smp-req-block{border-left-color:var(--border-color)}[data-theme=dark] .smp-box{background:var(--bg-surface);border-color:var(--border-color)}[data-theme=dark] .audit-modal,[data-theme=dark] .prof-modal{background:var(--bg-card);color:var(--color-primary)}[data-theme=dark] .audit-type-card{border-color:var(--border-color)}[data-theme=dark] ::-webkit-scrollbar{width:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-primary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--bg-surface-hover);border-radius:4px}[data-theme=dark] a,[data-theme=dark] .production-back-link,[data-theme=dark] .cost-mgmt-back-link,[data-theme=dark] .enterprise-back-link,[data-theme=dark] .industry-hub-back-link,[data-theme=dark] .app-page-back-link,[data-theme=dark] .sysmgmt-back{color:var(--link-color)}[data-theme=dark] .view-all-btn{background:var(--bg-surface);color:var(--color-secondary)}[data-theme=dark] .view-all-btn:hover{background:var(--bg-surface-hover);color:var(--color-primary)}