:root{--bg-color: #f6f8fb;--sidebar-bg: #ffffff;--surface-color: #ffffff;--surface-muted: #f8fafc;--border-color: #e3e8f0;--border-strong: #cbd5e1;--text-primary: #111827;--text-secondary: #64748b;--text-muted: #94a3b8;--accent-color: #2563eb;--accent-hover: #1d4ed8;--accent-soft: #eff6ff;--panel-bg: #f8fafc;--error-color: #dc2626;--success-color: #059669;--warning-color: #d97706;--info-color: #0284c7;--shadow-soft: 0 14px 40px rgba(15, 23, 42, .08);--shadow-subtle: 0 1px 2px rgba(15, 23, 42, .05)}body[data-theme=light-minimal]{--bg-color: #f9fafb;--sidebar-bg: #ffffff;--surface-color: #ffffff;--surface-muted: #f8fafc;--border-color: #e5e7eb;--border-strong: #d1d5db;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--accent-color: #4f46e5;--accent-hover: #4338ca;--accent-soft: #eef2ff;--panel-bg: #f9fafb}body[data-theme=nordic-slate]{--bg-color: #10141d;--sidebar-bg: #151a24;--surface-color: #171d28;--surface-muted: #111827;--border-color: #273244;--border-strong: #334155;--text-primary: #f8fafc;--text-secondary: #aab6c7;--text-muted: #74839a;--accent-color: #60a5fa;--accent-hover: #3b82f6;--accent-soft: rgba(96, 165, 250, .14);--panel-bg: rgba(255, 255, 255, .02);--shadow-soft: 0 16px 44px rgba(0, 0, 0, .26);--shadow-subtle: 0 1px 2px rgba(0, 0, 0, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;font-size:14px}.app-layout{display:flex;min-height:100vh;background:linear-gradient(180deg,#2563eb0a,#2563eb00 280px),var(--bg-color)}.sidebar{width:248px;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);padding:18px 14px;position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0}.sidebar-header{padding:0 6px 18px;border-bottom:1px solid var(--border-color);margin-bottom:16px}.brand-lockup,.mobile-brand{display:flex;align-items:center;gap:11px}.brand-mark{width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#101318;color:#fff;box-shadow:var(--shadow-subtle);flex-shrink:0}.brand-lockup h1,.mobile-brand h2{font-size:18px;line-height:1.1;color:var(--text-primary);margin:0}.brand-lockup p,.mobile-brand p{margin:3px 0 0;font-size:12px;color:var(--text-secondary)}.sidebar-nav{display:flex;flex-direction:column;gap:3px;padding:0}.nav-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;color:var(--text-secondary);text-decoration:none;transition:all .2s;font-size:13px;font-weight:520;line-height:1.25}.nav-item:hover{background-color:var(--surface-muted);color:var(--text-primary)}.nav-item.active{background-color:var(--accent-soft);color:var(--accent-color);box-shadow:inset 3px 0 0 var(--accent-color)}.nav-divider{height:1px;background-color:var(--border-color);margin:8px 12px}.sidebar-status{display:flex;gap:10px;padding:11px 10px;margin:6px 0;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-muted);color:var(--accent-color)}.sidebar-status strong,.sidebar-status span{display:block}.sidebar-status strong{color:var(--text-primary);font-size:12px}.sidebar-status span{color:var(--text-secondary);font-size:11px;margin-top:2px}.main-content{flex:1;padding:28px 32px 44px;overflow-y:auto;min-width:0}.page-layout{width:100%;max-width:1480px;margin:0 auto}.page-layout-narrow{max-width:1040px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.page-header>span,.page-subtitle{color:var(--text-secondary);font-size:13px;line-height:1.55}.page-title-row{display:flex;align-items:center;gap:8px}.page-eyebrow{display:block;margin-bottom:6px;color:var(--accent-color);font-size:11px;font-weight:700;text-transform:uppercase}.page-header h2{font-size:26px;font-weight:720;letter-spacing:0;margin:0;display:flex;align-items:center;gap:8px}.page-header .btn-primary{width:auto;flex-shrink:0}.page-header-actions{display:flex;gap:8px;align-items:center}.toolbar-row{display:flex;gap:12px;align-items:stretch;margin-bottom:16px;flex-wrap:wrap}.toolbar-row .search-bar{flex:1 1 420px;margin-bottom:0}.toolbar-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-subtle)}.filter-control{display:flex;align-items:center;gap:8px}.filter-control span{color:var(--text-secondary);font-size:12px;font-weight:650;white-space:nowrap}.config-panel{background:var(--surface-color)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;padding:22px!important;box-shadow:var(--shadow-subtle)}.config-panel+.config-panel{margin-top:0}.config-panel h3{color:var(--text-primary)}.form-grid-3,.form-grid-mixed{display:grid;gap:16px}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid-mixed{grid-template-columns:minmax(0,1fr) 150px 150px}.helper-text{color:var(--text-secondary);font-size:11px;line-height:1.45;margin-top:4px}.empty-panel{padding:24px;text-align:center;color:var(--text-secondary);background:var(--surface-muted);border:1px dashed var(--border-strong);border-radius:8px}.soft-panel{background:var(--surface-muted)!important;border:1px solid var(--border-color)!important;border-radius:8px!important}.main-content div[style*="border-radius: 16px"],.main-content div[style*="border-radius: 12px"]{border-radius:8px!important}.main-content div[style*="background: var(--panel-bg)"],.main-content div[style*="background: rgba(255, 255, 255, 0.01)"],.main-content div[style*="background: rgba(255, 255, 255, 0.02)"]{background:var(--surface-color)!important;box-shadow:var(--shadow-subtle)}.main-content textarea[style*="background: var(--bg-color)"]{background:var(--surface-muted)!important;color:var(--text-primary)!important}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:radial-gradient(circle at 30% 20%,rgba(37,99,235,.12),transparent 34%),var(--bg-color)}.login-box{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:40px;width:100%;max-width:400px;box-shadow:var(--shadow-soft)}.login-box h1{text-align:center;margin-bottom:32px;color:var(--text-primary)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 12px;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0a0a0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-group textarea{resize:vertical;min-height:80px;line-height:1.5}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-soft)}.select{width:100%;padding:10px 12px;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;font-family:inherit}.select-sm{padding:7px 10px;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:650;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-primary{background-color:var(--accent-color);color:#fff;box-shadow:0 8px 20px #2563eb2e}.btn-primary:hover{background-color:var(--accent-hover)}.btn-danger{background-color:#ef444426;color:var(--error-color);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background-color:#ef444440}.btn-success{background-color:#10b98126;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.btn-sm{padding:7px 11px;font-size:12px}.btn-icon{width:34px;height:34px;padding:0}.btn:not(.btn-primary):not(.btn-danger):not(.btn-success){background-color:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color)}.btn:not(.btn-primary):not(.btn-danger):not(.btn-success):hover{background-color:var(--surface-muted);border-color:var(--border-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.error-message{color:var(--error-color);font-size:14px;margin-top:12px;text-align:center}.error-text{color:var(--error-color);font-size:13px;margin:8px 0}.card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:20px;box-shadow:var(--shadow-subtle)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:24px}.stat-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:15px;transition:border-color .2s,transform .2s,box-shadow .2s;box-shadow:var(--shadow-subtle)}.stat-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-soft)}.stat-card-topline{display:flex;align-items:center;gap:8px;margin-bottom:12px}.stat-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--accent-soft);color:var(--accent-color)}.stat-card .label{color:var(--text-secondary);font-size:13px;font-weight:650}.stat-card .value{font-size:27px;line-height:1.05;font-weight:760;color:var(--text-primary);letter-spacing:0}.stat-hint{margin-top:8px;color:var(--text-muted);font-size:12px}.stat-card.highlight{background-color:#f0fdf4;border-color:#bbf7d0}.stat-card.highlight .value{color:var(--success-color)}.data-table{width:100%;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-subtle)}.data-table table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle}.data-table th{background-color:var(--surface-muted);color:var(--text-secondary);font-weight:700;font-size:12px;white-space:nowrap}.data-table td{color:var(--text-primary);font-size:13px}.data-table tr:last-child td{border-bottom:none}.data-table .clickable-row{cursor:pointer;transition:background-color .15s}.data-table .clickable-row:hover{background-color:var(--accent-soft)}.table-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:var(--text-secondary)}.table-empty{text-align:center;padding:40px!important;color:var(--text-secondary)}.badge{display:inline-block;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent}.badge-success{background-color:#ecfdf5;color:var(--success-color);border-color:#bbf7d0}.badge-warning{background-color:#fffbeb;color:var(--warning-color);border-color:#fde68a}.badge-secondary{background-color:var(--surface-muted);color:var(--text-secondary);border-color:var(--border-color)}.badge-info{background-color:#eff6ff;color:var(--info-color);border-color:#bfdbfe}.badge-danger{background-color:#fef2f2;color:var(--error-color);border-color:#fecaca}.online-badge{background-color:#ecfdf5;color:var(--success-color);padding:8px 12px;border-radius:8px;border:1px solid #bbf7d0;font-size:13px;font-weight:700}.search-bar{display:flex;gap:8px;margin-bottom:16px;align-items:center;padding:12px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-subtle)}.search-input-wrapper{position:relative;flex:1;max-width:400px}.search-input-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.search-input-wrapper input,.search-bar>input{width:100%;padding:10px 14px 10px 36px;background-color:var(--surface-muted);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px}.search-bar>input{flex:1;max-width:400px;padding-left:14px}.search-bar input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-soft)}.search-bar input::placeholder{color:var(--text-secondary)}.search-bar .btn{padding:10px 16px}.audit-filter-row .search-bar{margin-bottom:0}.pagination{margin-top:14px;display:flex;gap:8px;justify-content:center;align-items:center}.pagination-info{padding:8px 16px;color:var(--text-secondary);font-size:14px}.generate-section{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow-subtle)}.generate-form{display:flex;gap:12px;align-items:flex-end}.generate-form .form-group{margin-bottom:0}.generate-form select{padding:12px;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px}.code-list{margin-top:16px;padding:12px;background-color:var(--surface-muted);border-radius:8px;font-family:monospace;font-size:13px;max-height:200px;overflow-y:auto}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a5c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.drawer-overlay{justify-content:flex-end}.modal{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:24px;width:100%;max-height:85vh;overflow-y:auto;animation:slideUp .2s ease;box-shadow:var(--shadow-soft)}.modal-sm{max-width:360px}.modal-md{max-width:480px}.modal-lg{max-width:700px}.modal-xl{max-width:900px}.modal-drawer{max-width:560px;width:100%;height:100vh;max-height:100vh;border-radius:8px 0 0 8px;animation:slideLeft .25s ease;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.modal-header h3{margin-bottom:0;font-size:18px}.modal h3{margin-bottom:20px;font-size:18px}.modal h4{font-size:15px;color:var(--text-secondary);margin-bottom:12px}.drawer-body{overflow-y:auto}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;transition:all .2s}.close-btn:hover{background-color:var(--surface-muted);color:var(--text-primary)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{font-size:12px;color:var(--text-secondary)}.detail-item span{font-size:14px;word-break:break-all}.detail-section{margin-bottom:24px}.detail-section-header{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px}.detail-logs-table th,.detail-logs-table td{padding:10px 12px;border-bottom:1px solid var(--border-color);font-size:12px}.detail-logs-table th{color:var(--text-secondary);background:var(--surface-muted);font-weight:700}.storage-bar{width:100%;height:8px;background-color:var(--surface-muted);border-radius:4px;overflow:hidden;margin-top:6px}.storage-bar-fill{height:100%;border-radius:4px;transition:width .3s ease;background:linear-gradient(90deg,var(--accent-color),var(--accent-hover))}.storage-bar-fill.warning{background:linear-gradient(90deg,var(--warning-color),#d97706)}.storage-bar-fill.danger{background:linear-gradient(90deg,var(--error-color),#dc2626)}.storage-info{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);margin-top:4px}.chart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.chart-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:20px;box-shadow:var(--shadow-subtle)}.chart-card h3{font-size:15px;font-weight:500;margin-bottom:16px;color:var(--text-primary)}.chart-card.full-width{grid-column:1 / -1}.filter-tabs{display:flex;gap:4px;margin-bottom:20px;padding:4px;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:10px;width:fit-content}.filter-tab{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none;background:none;color:var(--text-secondary)}.filter-tab:hover{color:var(--text-primary);background-color:var(--surface-muted)}.filter-tab.active{background-color:var(--accent-color);color:#fff}.filter-tab .tab-count{margin-left:6px;font-size:11px;opacity:.7}.tab-switcher{gap:4px}.tab-btn{padding:10px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;font-weight:650}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.toast-container{position:fixed;top:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;background-color:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--shadow-soft);min-width:280px;max-width:420px;animation:slideInRight .25s ease;pointer-events:auto}.toast-success{border-color:#10b98166}.toast-success .toast-icon{color:var(--success-color)}.toast-error{border-color:#ef444466}.toast-error .toast-icon{color:var(--error-color)}.toast-info .toast-icon{color:var(--info-color)}.toast-icon{flex-shrink:0;display:flex}.toast-message{flex:1;font-size:14px}.toast-close{flex-shrink:0;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;transition:all .15s}.toast-close:hover{background-color:var(--panel-bg);color:var(--text-primary)}@keyframes spin{to{transform:rotate(360deg)}}.spin,.animate-spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.mobile-header{display:none;align-items:center;justify-content:space-between;padding:16px 20px;background-color:var(--sidebar-bg);border-bottom:1px solid var(--border-color)}.mobile-menu-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:99}@media (max-width: 768px){.app-layout{flex-direction:column}.mobile-header{display:flex;position:sticky;top:0;z-index:100}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:101;transform:translate(-100%);transition:transform .3s ease;box-shadow:4px 0 16px #00000080;height:100vh}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.sidebar-header{display:none}.main-content{padding:16px}.page-layout,.page-layout-narrow{max-width:none}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-header h2{font-size:20px}.page-header .btn-primary,.page-header button{width:auto;text-align:center}.page-header-actions{width:100%;flex-wrap:wrap}.toolbar-row,.toolbar-filters{width:100%}.toolbar-filters,.filter-control{align-items:stretch}.filter-control{flex:1 1 100%;flex-direction:column;gap:6px}.filter-control .select{width:100%}.form-grid-3,.form-grid-mixed,.main-content div[style*="grid-template-columns: 1fr 1fr 1fr"],.main-content div[style*="grid-template-columns: 1fr 150px 150px"],.main-content div[style*="grid-template-columns: repeat(3"]{grid-template-columns:1fr!important}.config-panel,.main-content div[style*="padding: 24px"]{padding:16px!important}.detail-grid,.chart-grid{grid-template-columns:1fr}.data-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table table{min-width:800px}.search-bar{flex-direction:column}.search-input-wrapper,.search-bar>input{max-width:100%}.generate-form{flex-direction:column;align-items:stretch}.generate-form .btn{width:100%}.filter-tabs{width:100%;overflow-x:auto}.modal-drawer{max-width:100%;border-radius:0}.toast-container{left:16px;right:16px}.toast{min-width:auto}.search-bar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}.search-input-wrapper{grid-column:span 2!important;width:100%!important}.search-bar button{margin:0!important;width:100%!important}.search-bar button:only-of-type{grid-column:span 2!important}.pagination{gap:6px!important}.pagination-info{font-size:11px!important;text-align:center}.pagination .btn{padding:8px 12px!important;font-size:12px!important}.audit-filter-row{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.audit-filter-row select{width:100%!important;min-width:100%!important}.project-files-layout{flex-direction:column!important;height:65vh!important}.project-files-sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid var(--border-color)!important;height:180px!important;min-height:180px!important}.project-files-preview{flex:1!important;width:100%!important;height:auto!important}.chart-card h3{font-size:14px!important;margin-bottom:12px!important}}