.console-layout{display:flex;min-height:100vh}.top-loader-bar{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--accent-primary),#38bdf8,#6366f1);z-index:99999;pointer-events:none;opacity:0;transition:width 0.28s cubic-bezier(0.16,1,0.3,1),opacity 0.2s ease;box-shadow:0 0 10px rgba(0,102,204,0.5)}.top-loader-bar.active{opacity:1}.console-sidebar{width:260px;background-color:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-right:var(--glass-border);display:flex;flex-direction:column;padding:1.25rem 0;position:sticky;top:0;height:100vh;z-index:30}.sidebar-header{padding:0 1.25rem 1rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.sidebar-nav{list-style:none;padding:0.75rem 0.5rem;margin:0;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0.25rem}.sidebar-section-title{font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-tertiary);padding:0.75rem 0.875rem 0.25rem 0.875rem}.sidebar-link{display:flex;align-items:center;gap:0.75rem;padding:0.5625rem 0.875rem;color:var(--text-secondary);text-decoration:none;font-size:0.9rem;font-weight:500;border-radius:var(--radius-sm);transition:background-color 0.12s ease,color 0.12s ease}.sidebar-link:hover{background-color:var(--bg-surface-secondary);color:var(--text-primary)}.sidebar-link.active{background-color:var(--accent-primary-subtle);color:var(--accent-primary);font-weight:600}.sidebar-link svg{width:18px;height:18px;flex-shrink:0;stroke:currentColor;stroke-width:2;fill:none}.console-main{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--bg-canvas)}.console-topbar{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1.75rem;background-color:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-bottom:var(--glass-border);position:sticky;top:0;z-index:25}.project-badge{display:inline-flex;align-items:center;gap:0.625rem;padding:0.375rem 0.75rem;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:0.875rem;box-shadow:0 1px 2px rgba(0,0,0,0.02)}.project-selector-btn{display:inline-flex;align-items:center;gap:0.75rem;padding:0.4rem 0.875rem;background-color:var(--bg-surface);border:1px solid var(--border-prominent);border-radius:var(--radius-md);cursor:pointer;transition:all 0.15s cubic-bezier(0.16,1,0.3,1);box-shadow:0 1px 2px rgba(0,0,0,0.03);font-family:inherit}.project-selector-btn:hover{background-color:var(--bg-surface-secondary);border-color:var(--accent-primary);transform:translateY(-1px)}.project-selector-btn:active{transform:scale(0.98)}.project-switcher-list{display:flex;flex-direction:column;gap:0.5rem;max-height:380px;overflow-y:auto;margin:1rem 0}.project-switcher-item{display:flex;align-items:center;justify-content:space-between;padding:0.875rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background-color:var(--bg-surface);cursor:pointer;transition:all 0.14s ease;text-decoration:none;color:inherit}.project-switcher-item:hover{background-color:var(--bg-surface-secondary);border-color:var(--border-prominent)}.project-switcher-item.active{border-color:var(--accent-primary);background-color:var(--accent-primary-subtle)}.console-content{padding:2.25rem 1.75rem;max-width:1200px;width:100%;margin:0 auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-top:1.5rem}.card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,0.02);transition:transform 0.18s cubic-bezier(0.16,1,0.3,1),box-shadow 0.18s cubic-bezier(0.16,1,0.3,1),border-color 0.18s ease}.card.interactive-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.05);border-color:var(--border-prominent)}.apple-checkbox{display:inline-flex;align-items:center;gap:0.625rem;cursor:pointer;user-select:none;font-size:0.875rem;color:var(--text-primary);line-height:1.4}.apple-checkbox input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.apple-checkbox-box{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--border-prominent);background-color:var(--bg-surface);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.18s cubic-bezier(0.16,1,0.3,1);box-shadow:0 1px 2px rgba(0,0,0,0.04)}.apple-checkbox:hover .apple-checkbox-box{border-color:var(--accent-primary);background-color:var(--bg-surface-secondary)}.apple-checkbox input[type="checkbox"]:checked + .apple-checkbox-box{background-color:var(--accent-primary);border-color:var(--accent-primary)}.apple-checkbox-icon{width:11px;height:11px;stroke:#ffffff;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;transform:scale(0);opacity:0;transition:transform 0.18s cubic-bezier(0.16,1,0.3,1),opacity 0.12s ease}.apple-checkbox input[type="checkbox"]:checked + .apple-checkbox-box .apple-checkbox-icon{transform:scale(1);opacity:1}.apple-checkbox input[type="checkbox"]:focus-visible + .apple-checkbox-box{outline:2px solid var(--accent-primary);outline-offset:2px}.form-group{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:0.375rem}.form-label{font-size:0.875rem;font-weight:600;color:var(--text-primary)}.form-input,.form-select,.form-textarea{padding:0.625rem 0.875rem;border:1px solid var(--border-prominent);border-radius:var(--radius-md);background-color:var(--bg-surface);color:var(--text-primary);font-size:0.9375rem;font-family:inherit;transition:border-color 0.15s ease,box-shadow 0.15s ease;box-shadow:0 1px 2px rgba(0,0,0,0.02)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-subtle);outline:none}.form-hint{font-size:0.8125rem;color:var(--text-tertiary)}.form-error{font-size:0.8125rem;color:var(--accent-signal-danger);font-weight:500;display:none}.data-table-container{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.02)}.data-table{width:100%;border-collapse:collapse;font-size:0.875rem}.data-table th{text-align:left;padding:0.875rem 1.25rem;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-weight:600;font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.04em;background-color:var(--bg-surface-secondary)}.data-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background-color:var(--bg-surface-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.5rem 1.125rem;border-radius:var(--radius-md);font-weight:500;font-size:0.875rem;cursor:pointer;text-decoration:none;border:none;transition:all 0.15s cubic-bezier(0.16,1,0.3,1);font-family:inherit}.btn:active{transform:scale(0.98)}.btn-primary{background-color:var(--accent-primary);color:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,0.08)}.btn-primary:hover{background-color:var(--accent-primary-hover)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-prominent);box-shadow:0 1px 2px rgba(0,0,0,0.02)}.btn-secondary:hover{background-color:var(--bg-surface-secondary);border-color:var(--border-prominent)}.btn-danger{background-color:var(--accent-signal-danger);color:#ffffff}.btn-danger:hover{background-color:#991b1b}.stepper-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.step-indicator{display:flex;align-items:center;gap:0.625rem;font-size:0.8125rem;font-weight:500;color:var(--text-tertiary);transition:color 0.18s ease}.step-indicator.active{color:var(--accent-primary);font-weight:600}.step-pill{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;background-color:var(--bg-surface-secondary);color:var(--text-secondary);border:1px solid var(--border-subtle);transition:all 0.18s ease}.step-indicator.active .step-pill{background-color:var(--accent-primary);color:#ffffff;border-color:var(--accent-primary)}.step-indicator.completed .step-pill{background-color:var(--accent-signal-success);color:#ffffff;border-color:var(--accent-signal-success)}.step-pane{display:none}.step-pane.active{display:block;animation:stepFadeIn 0.22s cubic-bezier(0.16,1,0.3,1)}@keyframes stepFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-surface-secondary) 25%,var(--bg-surface-tertiary) 50%,var(--bg-surface-secondary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear;border-radius:var(--radius-sm)}.skeleton-text{height:0.875rem;margin-bottom:0.5rem;width:100%}.skeleton-title{height:1.5rem;width:50%;margin-bottom:0.75rem}.skeleton-card{height:130px;border-radius:var(--radius-lg)}.skeleton-row{height:48px;width:100%;border-bottom:1px solid var(--border-subtle)}#toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:0.625rem;z-index:10000;pointer-events:none}.console-toast{position:fixed;bottom:1.5rem;right:1.5rem;min-width:280px;max-width:420px;padding:0.875rem 1.125rem;background-color:var(--bg-surface);border:1px solid var(--border-prominent);border-radius:var(--radius-md);box-shadow:0 10px 30px rgba(0,0,0,0.12);display:flex;align-items:center;gap:0.75rem;font-size:0.875rem;color:var(--text-primary);z-index:10000;pointer-events:auto;opacity:0;transform:translateY(12px) scale(0.96);transition:opacity 0.24s cubic-bezier(0.16,1,0.3,1),transform 0.24s cubic-bezier(0.16,1,0.3,1)}.console-toast.show{opacity:1;transform:translateY(0) scale(1)}.console-toast.toast-success{border-left:4px solid var(--accent-signal-success)}.console-toast.toast-info{border-left:4px solid var(--accent-primary)}.console-toast.toast-warning{border-left:4px solid var(--accent-signal-warning)}.console-toast.toast-danger,.console-toast.toast-error{border-left:4px solid var(--accent-signal-danger)}@keyframes toastPop{from{opacity:0;transform:translateY(12px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sheet-scrim{position:fixed;inset:0;background-color:var(--scrim-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:none;opacity:0;transition:opacity 0.2s cubic-bezier(0.16,1,0.3,1)}.sheet-container{position:fixed;z-index:101;display:none;flex-direction:column;background-color:var(--bg-surface);border:1px solid var(--border-prominent);box-shadow:0 24px 64px rgba(0,0,0,0.22)}@media (min-width:769px){.sheet-container{left:50% !important;top:50% !important;bottom:auto !important;right:auto !important;transform:translate(-50%,-50%) !important;width:640px;max-width:90vw;max-height:82vh;border-radius:var(--radius-lg)}.sheet-grabber{display:none}}@media (max-width:768px){.sheet-container{left:0;right:0;bottom:0;max-width:100%;margin:0 auto;border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border-bottom:none;max-height:88vh;touch-action:none}.sheet-grabber{width:38px;height:5px;background-color:var(--text-tertiary);border-radius:var(--radius-full);margin:0.75rem auto 0.5rem auto;cursor:grab}}.sheet-content{padding:1.5rem 1.75rem 2.25rem 1.75rem;overflow-y:auto}.filter-pills{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.filter-pill{padding:0.4rem 0.875rem;border-radius:var(--radius-full);background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:0.8125rem;font-weight:500;cursor:pointer;transition:all 0.15s ease}.filter-pill:hover{border-color:var(--border-prominent);color:var(--text-primary)}.filter-pill.active{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#ffffff}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;padding:0;flex-shrink:0;transition:background-color 0.15s ease,border-color 0.15s ease}.mobile-menu-btn:hover{background-color:var(--bg-surface-secondary);border-color:var(--border-prominent)}.mobile-menu-btn svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none}.mobile-sidebar-scrim{display:none;position:fixed;inset:0;background-color:var(--scrim-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:199;opacity:0;pointer-events:none;transition:opacity 0.24s cubic-bezier(0.16,1,0.3,1)}.mobile-sidebar-scrim.active{opacity:1;pointer-events:auto}@media (max-width:768px){.mobile-menu-btn{display:inline-flex}.mobile-sidebar-scrim{display:block}.console-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:82vw;height:100vh;z-index:200;transform:translateX(-100%);transition:transform 0.28s cubic-bezier(0.16,1,0.3,1);box-shadow:4px 0 24px rgba(0,0,0,0.2);display:flex;background-color:var(--bg-surface)}.console-sidebar.mobile-open{transform:translateX(0)}.console-main{width:100%;min-width:0}.console-topbar{padding:0.75rem 1rem;gap:0.625rem;justify-content:space-between}.project-selector-btn{max-width:calc(100vw - 110px);padding:0.35rem 0.65rem}.console-content{padding:1.25rem 1rem 3rem 1rem}.data-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md)}.data-table th,.data-table td{padding:0.625rem 0.75rem;font-size:0.8125rem}.sheet-container{max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:90vh}.sheet-content{padding:1rem 1.25rem 2rem 1.25rem}.console-toast{left:1rem;right:1rem;bottom:1rem;max-width:calc(100vw - 2rem)}}@media (max-width:480px){.topbar-actions{flex-wrap:wrap;gap:0.375rem}.filter-pills{gap:0.375rem}.filter-pill{padding:0.3rem 0.65rem;font-size:0.75rem}}