:root{color-scheme:dark;--bg-color: #0c0c14;--card-bg: #161625;--primary-color: #6a3de8;--primary-hover: #5933c7;--primary-light: rgba(106, 61, 232, .12);--primary-glow: rgba(106, 61, 232, .2);--text-color: #ececf1;--text-secondary: #8e8ea0;--border-color: rgba(255, 255, 255, .08);--border-color-strong: rgba(255, 255, 255, .14);--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--section-bg: #1a1a2e;--input-bg: #1a1a28;--info-color: #3b82f6;--cx-sleep-color: #7986cb;--cx-dream-color: #ce93d8;--bg-color-rgb: 12, 12, 20;--primary-rgb: 106, 61, 232;--success-rgb: 16, 185, 129;--warning-rgb: 245, 158, 11;--error-rgb: 239, 68, 68;--info-rgb: 59, 130, 246;--chat-user-bg: #6a3de8;--chat-bot-bg: #1a1a2e;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 50%;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .24), 0 1px 2px rgba(0, 0, 0, .16);--shadow-md: 0 4px 8px rgba(0, 0, 0, .2), 0 2px 4px rgba(0, 0, 0, .12);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .28), 0 4px 10px rgba(0, 0, 0, .16);--shadow-xl: 0 24px 56px rgba(0, 0, 0, .35);--shadow-glow: 0 0 40px rgba(106, 61, 232, .12);--shadow-glow-strong: 0 0 60px rgba(106, 61, 232, .2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Fira Code", Menlo, Consolas, monospace;--line-height-normal: 1.6;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--glass-bg: rgba(22, 22, 37, .6);--glass-border: rgba(255, 255, 255, .06);--glass-blur: blur(24px) saturate(180%);--gradient-accent: linear-gradient(135deg, var(--primary-color), color-mix(in srgb, var(--primary-color), #3b82f6 40%), color-mix(in srgb, var(--primary-color), #ec4899 30%), var(--primary-color));--z-base: 10;--z-sticky: 100;--z-nav: 102;--z-toast: 1000;--z-dropdown: 1200;--z-overlay: 9999;--z-modal: 10000}:root[data-theme=light]{color-scheme:light;--bg-color: #f6f6fc;--bg-color-rgb: 246, 246, 252;--card-bg: rgba(255, 255, 255, .85);--text-color: #1a1a2e;--text-secondary: #5a5a7a;--border-color: rgba(0, 0, 0, .08);--border-color-strong: rgba(0, 0, 0, .14);--section-bg: rgba(0, 0, 0, .03);--input-bg: rgba(0, 0, 0, .04);--info-color: #2563eb;--primary-light: rgba(106, 61, 232, .08);--primary-glow: rgba(106, 61, 232, .12);--chat-user-bg: #6a3de8;--chat-bot-bg: rgba(0, 0, 0, .06);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .15), 0 4px 10px rgba(0, 0, 0, .1);--shadow-xl: 0 24px 56px rgba(0, 0, 0, .18);--shadow-glow: 0 0 40px rgba(106, 61, 232, .06);--shadow-glow-strong: 0 0 60px rgba(106, 61, 232, .1);--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(0, 0, 0, .06)}:root[data-theme=high-contrast]{color-scheme:light;--bg-color: #ffffff;--bg-color-rgb: 255, 255, 255;--card-bg: #ffffff;--text-color: #000000;--text-secondary: #333333;--border-color: #000000;--border-color-strong: #000000;--section-bg: #f0f0f0;--input-bg: #ffffff;--primary-color: #0033cc;--primary-hover: #002299;--primary-light: rgba(0, 51, 204, .1);--primary-glow: transparent;--success-color: #006600;--warning-color: #cc6600;--error-color: #cc0000;--info-color: #0055cc;--chat-user-bg: #0033cc;--chat-bot-bg: #f0f0f0;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-glow: none;--shadow-glow-strong: none;--glass-bg: #ffffff;--glass-border: #000000;--glass-blur: none}:root[data-theme=light] ::-webkit-scrollbar-track{background:transparent}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001f}:root[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0003}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-color);color:#fff;padding:8px 16px;text-decoration:none;z-index:var(--z-sticky);border-radius:0 0 var(--radius-md) 0;font-weight:600}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*{margin:0;padding:0;box-sizing:border-box}html{overscroll-behavior-y:contain;scroll-behavior:smooth}a,button,input,textarea,select,[role=button],[tabindex]{-webkit-tap-highlight-color:transparent}nav,.nav-bar,.nav-link,.btn,button,.badge,.tag,.tab,.session-item,.sidebar-header,.input-actions,.starter-chip,.filter-btn,.profile-header,.card-header,.stat-card,label{-webkit-user-select:none;user-select:none}a,button,[role=button],.nav-link,.starter-chip,.filter-btn,.session-item,.tab,.badge,.btn{touch-action:manipulation}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.15);border-radius:inherit}*:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.btn:hover,.btn-primary:hover,.nav-link:hover,.starter-chip:hover,.filter-btn:hover,.card:hover{transform:none!important}}body{font-family:var(--font-sans);background-color:var(--bg-color);background-image:radial-gradient(ellipse at 15% 80%,rgba(var(--primary-rgb),.06) 0%,transparent 50%),radial-gradient(ellipse at 85% 15%,rgba(59,130,246,.03) 0%,transparent 40%);background-attachment:fixed;color:var(--text-color);min-height:100vh;min-height:100dvh;padding:20px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;animation:pageEnter .35s cubic-bezier(.4,0,.2,1) both}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body.page-exit{animation:pageExit .18s cubic-bezier(.4,0,1,1) both;pointer-events:none}@keyframes pageExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.985)}}.container{max-width:1200px;margin:0 auto}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}:root[data-theme=light] *{scrollbar-color:rgba(0,0,0,.12) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --glow-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes glow-rotate{to{--glow-angle: 360deg}}.glow-border{position:relative;border-color:transparent}.glow-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--glow-angle, 0deg),var(--primary-color),color-mix(in srgb,var(--primary-color),#3b82f6 50%) 25%,color-mix(in srgb,var(--primary-color),#ec4899 40%) 50%,color-mix(in srgb,var(--primary-color),#3b82f6 50%) 75%,var(--primary-color));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:glow-rotate 4s linear infinite;opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:0}.glow-border:hover:before{opacity:.6}.glow-border-active:before{opacity:.4}.gradient-text{background:linear-gradient(135deg,var(--text-color) 0%,var(--primary-color) 25%,color-mix(in srgb,var(--primary-color),#3b82f6 50%) 50%,color-mix(in srgb,var(--primary-color),#ec4899 40%) 75%,var(--text-color) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shimmer 4s ease-in-out infinite}@keyframes gradient-shimmer{0%,to{background-position:0% center}50%{background-position:200% center}}.gradient-text-static{background:linear-gradient(135deg,var(--text-color),var(--primary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.scroll-reveal-stagger>.scroll-reveal:nth-child(1){transition-delay:0ms}.scroll-reveal-stagger>.scroll-reveal:nth-child(2){transition-delay:60ms}.scroll-reveal-stagger>.scroll-reveal:nth-child(3){transition-delay:.12s}.scroll-reveal-stagger>.scroll-reveal:nth-child(4){transition-delay:.18s}.scroll-reveal-stagger>.scroll-reveal:nth-child(5){transition-delay:.24s}.scroll-reveal-stagger>.scroll-reveal:nth-child(6){transition-delay:.3s}@supports (animation-timeline: view()){@keyframes scroll-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-reveal{opacity:0;transform:translateY(20px);animation:scroll-fade-in ease both;animation-timeline:view();animation-range:entry 0% entry 30%;transition:none}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:calc(var(--z-nav) + 1);pointer-events:none;overflow:hidden}.scroll-progress:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:var(--gradient-accent);background-size:200% 100%;animation:gradient-shimmer 3s ease-in-out infinite;transform-origin:left;transform:scaleX(var(--scroll-pct, 0))}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:var(--spacing-sm)}.mb-sm{margin-bottom:8px}.mt-sm{margin-top:8px}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.hidden{display:none!important}.offscreen{position:absolute;left:-9999px;width:1px;height:1px}.flex-1{flex:1}.text-secondary{color:var(--text-secondary)}.text-xs{font-size:12px}.text-sm{font-size:13px}.text-base{font-size:14px}.font-semibold{font-weight:600}.font-mono{font-family:monospace}.font-mono-serif{font-family:Courier New,monospace}.text-center{text-align:center}.text-left{text-align:left}.cursor-pointer{cursor:pointer}.w-full{width:100%}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.text-primary{color:var(--primary-color)}.text-italic{font-style:italic}.text-uppercase{text-transform:uppercase}.text-right{text-align:right}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-none{display:none!important}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-16{gap:16px}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.min-w-0{min-width:0}.p-8{padding:8px}.p-12{padding:12px}.p-16{padding:16px}.p-20{padding:20px}.p-30{padding:30px}.py-8{padding-top:8px;padding-bottom:8px}.px-12{padding-left:12px;padding-right:12px}.mb-4{margin-bottom:4px}.mb-6{margin-bottom:6px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mt-4{margin-top:4px}.mt-16{margin-top:16px}.ml-8{margin-left:8px}.mx-auto{margin-left:auto;margin-right:auto}.section-bg{background:var(--section-bg)}.border-default{border:1px solid var(--border-color)}.border-error{border:1px solid var(--error-color)}.rounded-sm{border-radius:4px}.rounded{border-radius:8px}.bg-transparent{background:transparent}.state-text{text-align:center;padding:20px}.state-text--loading{color:var(--text-secondary)}.state-text--error{color:var(--error-color)}.state-text--success{color:var(--success-color)}.state-text--empty{color:var(--text-secondary)}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead tr{border-bottom:2px solid var(--border-color)}.data-table tbody tr{border-bottom:1px solid var(--border-color)}.data-table th{padding:10px 12px;color:var(--text-secondary);font-weight:600;text-align:left}.data-table th.text-right{text-align:right}.data-table td{padding:10px 12px;color:var(--text-color)}.data-table td.text-right{text-align:right}.data-table td.font-mono{font-family:monospace}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:spin .8s linear infinite}.form-group{margin-bottom:var(--spacing-lg)}.form-group label,.form-label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-secondary);font-size:14px;font-weight:500}.form-group input,.form-group textarea,.form-group select,.form-input,.form-textarea,.form-select{width:100%;padding:12px 16px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-size:14px;font-family:inherit;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1),var(--shadow-glow)}.form-group textarea,.form-textarea{resize:vertical;min-height:100px}.form-hint{font-size:12px;color:var(--text-secondary);margin-top:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px 24px;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:15px;font-weight:600;font-family:inherit;transition:all var(--transition-normal)}.btn:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.3)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;box-shadow:0 4px 14px rgba(var(--primary-rgb),.35)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7548ee,var(--primary-color));transform:translateY(-2px);box-shadow:0 8px 22px rgba(var(--primary-rgb),.45)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--section-bg);color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--input-bg);border-color:var(--primary-color)}.btn-danger{background:var(--error-color);color:#fff;box-shadow:0 4px 12px #f443364d}.btn-danger:hover:not(:disabled){background:#d32f2f;transform:translateY(-2px)}.btn-small{padding:8px 16px;font-size:13px;border-radius:var(--radius-sm);min-height:36px}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.badge-success{background:#4caf5033;color:var(--success-color)}.badge-warning{background:#ff980033;color:var(--warning-color)}.badge-error{background:#f4433633;color:var(--error-color)}.badge-info{background:#2196f333;color:var(--info-color)}.badge-primary{background:rgba(var(--primary-rgb),.2);color:var(--primary-color)}.card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal);position:relative}.card:hover{border-color:rgba(var(--primary-rgb),.2);box-shadow:var(--shadow-glow)}.card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--glow-angle, 0deg),var(--primary-color),color-mix(in srgb,var(--primary-color),#3b82f6 50%) 25%,color-mix(in srgb,var(--primary-color),#ec4899 40%) 50%,color-mix(in srgb,var(--primary-color),#3b82f6 50%) 75%,var(--primary-color));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:glow-rotate 4s linear infinite paused;opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:0}.card:hover:before{opacity:.5;animation-play-state:running}.card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.loading{text-align:center;padding:40px;color:var(--text-secondary)}.spinner{border:3px solid var(--section-bg);border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}.skeleton{background:linear-gradient(90deg,var(--section-bg) 25%,var(--input-bg) 50%,var(--section-bg) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-md);color:transparent!important;-webkit-user-select:none;user-select:none;pointer-events:none}.skeleton *{visibility:hidden}.stat-number.skeleton{width:60px;height:36px;display:inline-block}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary)}.empty-state-icon{font-size:48px;margin-bottom:var(--spacing-md);line-height:1}.empty-state-text{font-size:18px;margin-bottom:var(--spacing-sm)}.empty-state-emoji{font-size:48px;line-height:1;margin-bottom:12px;animation:empty-float 3s ease-in-out infinite}@keyframes empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.empty-state h3{font-size:16px;color:var(--text-color);margin-bottom:6px;font-weight:600}.empty-state p{font-size:14px;color:var(--text-secondary);line-height:1.5;max-width:360px;margin:0 auto}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:var(--z-toast);align-items:center;justify-content:center}.modal.show{display:flex}.modal-content{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:32px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{font-size:24px;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-color)}.modal-actions{display:flex;gap:12px;margin-top:var(--spacing-lg)}.custom-dialog-overlay{position:fixed;inset:0;background:#000000b3;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.custom-dialog{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:24px;max-width:440px;width:90%;animation:dialog-in .15s ease-out}@keyframes dialog-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.custom-dialog-title{font-size:18px;font-weight:600;color:var(--text-color);margin-bottom:12px}.custom-dialog-message{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:20px;white-space:pre-line}.custom-dialog-actions{display:flex;gap:10px;justify-content:flex-end}.custom-dialog-btn{padding:8px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;border:1px solid var(--border-color);background:transparent;color:var(--text-color);transition:background .15s,border-color .15s}.custom-dialog-btn:hover{background:var(--section-bg)}.custom-dialog-btn.confirm{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.custom-dialog-btn.confirm:hover{filter:brightness(1.1)}.custom-dialog-btn.confirm.danger{background:#f44336;border-color:#f44336}.custom-dialog-btn.confirm.danger:hover{background:#d32f2f;border-color:#d32f2f}.custom-dialog--shortcuts{max-width:480px}.shortcuts-section-title{font-size:12px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:8px;font-weight:600}.shortcuts-footer{text-align:center;margin-top:16px;font-size:12px;color:var(--text-secondary)}.shortcuts-list{display:flex;flex-direction:column;gap:6px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.shortcut-row kbd{background:var(--section-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2px 8px;font-size:12px;font-family:inherit;color:var(--text-secondary);min-width:40px;text-align:center}.shortcut-row span{color:var(--text-color);font-size:13px}.page-header{padding:30px;border-radius:var(--radius-xl);margin-bottom:30px;box-shadow:var(--shadow-lg)}.page-header h1{font-size:32px;font-weight:600;color:#fff;margin-bottom:var(--spacing-sm)}.page-header.header-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%)}.page-header.header-orange{background:linear-gradient(135deg,#ff6f00,#ffb300)}.page-header.header-blue{background:linear-gradient(135deg,#2196f3,#1976d2)}.page-header.header-teal{background:linear-gradient(135deg,#0097a7,#006064)}.page-header.header-purple{background:linear-gradient(135deg,#9c27b0,#ba68c8)}.page-header.header-amber{background:linear-gradient(135deg,#ffb300,#ff6f00)}.page-header.header-deep-orange{background:linear-gradient(135deg,#ff9800,#ff5722)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-lg);margin-bottom:30px}.stat-card{background:var(--card-bg);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-normal)}.stat-card:hover{border-color:rgba(var(--primary-rgb),.25);transform:translateY(-4px);box-shadow:var(--shadow-md),var(--shadow-glow)}.stat-number{font-size:36px;font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-sm)}.toggle-group{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--section-bg);border-radius:var(--radius-md);margin-bottom:12px}.toggle-label{flex:1;font-size:14px;color:var(--text-color)}.toggle-description{font-size:12px;color:var(--text-secondary);margin-top:4px}.switch{position:relative;width:48px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:var(--transition-normal);border-radius:26px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:var(--transition-normal);border-radius:50%}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(22px)}input:focus+.slider{box-shadow:0 0 0 3px rgba(var(--primary-rgb),.3)}.table{width:100%;border-collapse:collapse}.table th{background:var(--section-bg);padding:12px;text-align:left;font-size:13px;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.table td{padding:12px;border-bottom:1px solid var(--border-color);font-size:14px}.table tr:hover{background:var(--section-bg)}.progress-bar{width:100%;height:8px;background:var(--section-bg);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));transition:width .3s ease}.progress-fill.success{background:linear-gradient(90deg,#4caf50,#66bb6a)}.progress-fill.warning{background:linear-gradient(90deg,#ff9800,#ffa726)}.progress-fill.error{background:linear-gradient(90deg,#f44336,#ef5350)}.filter-btn{background:var(--section-bg);border:1px solid var(--border-color);color:var(--text-color);padding:8px 16px;border-radius:var(--radius-md);cursor:pointer;font-size:14px;transition:all var(--transition-normal);min-height:36px}.filter-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.filter-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.3)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.tabs{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.tab{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);padding:12px 24px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-size:15px;font-weight:500}.tab:hover{border-color:var(--primary-color);background:var(--section-bg)}.tab:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.3)}.tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.tab-content{display:none}.tab-content.active{display:block}.message{padding:12px 16px;border-radius:var(--radius-md);margin-top:var(--spacing-md);font-size:14px;display:none}.message.show{display:block}.message.success{background:#4caf501a;border:1px solid var(--success-color);color:var(--success-color);display:block}.message.error{background:#f443361a;border:1px solid var(--error-color);color:var(--error-color);display:block}.message.warning{background:#ff98001a;border:1px solid var(--warning-color);color:var(--warning-color);display:block}.health-banner{background:#f443361f;border:1px solid var(--error-color);padding:8px 20px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--error-color);max-width:1200px;margin:0 auto 8px;border-radius:var(--radius-md);animation:fadeIn .3s ease}.health-banner-icon{flex-shrink:0}.health-banner-text{flex:1}.health-banner-link{color:var(--error-color);text-decoration:underline;white-space:nowrap;font-weight:500}.health-banner-link:hover{color:var(--text-color)}.health-banner-close{background:none;border:none;color:var(--error-color);font-size:18px;cursor:pointer;padding:4px 8px;line-height:1;border-radius:var(--radius-sm)}.health-banner-close:hover{background:#f4433633}.app-footer{text-align:center;padding:20px;color:var(--text-secondary);font-size:12px;margin-top:40px;display:flex;justify-content:center;gap:8px}.app-footer a{color:var(--text-secondary);text-decoration:none}.app-footer a:hover{color:var(--primary-color)}.btn:active:not(:disabled),.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled),.btn-danger:active:not(:disabled){transform:scale(.97);transition-duration:.08s}.filter-btn:active,.tab:active{transform:scale(.96);transition-duration:.08s}.card:active{transform:scale(.99);transition-duration:.1s}.stat-card:active{transform:scale(.98) translateY(0);transition-duration:.08s}@media(max-width:768px){body{padding:12px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));background-attachment:scroll}.stats-grid{grid-template-columns:repeat(2,1fr)}.modal{align-items:flex-end}.modal-content{width:100%;max-width:100%;padding:24px 20px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));margin:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:85vh;animation:slideUpSheet .35s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUpSheet{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-content:before{content:"";display:block;width:36px;height:4px;background:#fff3;border-radius:2px;margin:0 auto 16px}.custom-dialog-overlay{align-items:flex-end}.custom-dialog{width:100%;max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));animation:slideUpSheet .3s cubic-bezier(.34,1.56,.64,1)}.custom-dialog-actions{flex-direction:column}.custom-dialog-btn{width:100%;min-height:48px;justify-content:center;display:flex;align-items:center}.page-header{padding:20px}.page-header h1{font-size:24px}.tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;gap:8px;padding-bottom:4px;scroll-snap-type:x proximity}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;font-size:13px;padding:10px 14px;scroll-snap-align:start;min-height:44px}.btn-small{min-height:44px}.filter-btn{min-height:44px;min-width:44px}.toggle-group{min-height:52px}.switch{min-width:52px;min-height:44px;display:flex;align-items:center}.health-banner{border-radius:var(--radius-sm);padding:10px 14px;font-size:12px}.health-banner-close{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}}@media(max-width:480px){body{padding:6px;padding-left:max(6px,env(safe-area-inset-left,0px));padding-right:max(6px,env(safe-area-inset-right,0px))}.stats-grid{grid-template-columns:1fr}.btn{width:100%;min-height:48px}.modal-actions{flex-direction:column}.page-header{padding:16px;margin-bottom:16px;border-radius:12px}.page-header h1{font-size:20px}.page-header p{font-size:13px}.form-group input,.form-group textarea,.form-group select,.form-input,.form-textarea,.form-select{font-size:16px;min-height:48px}}.nav-wrapper{max-width:1200px;margin:0 auto 20px;position:relative;z-index:var(--z-dropdown)}.nav-bar{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:12px 24px;border-radius:var(--radius-lg);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--glass-border);box-shadow:var(--shadow-md),var(--shadow-glow);position:relative}.nav-brand{display:flex;align-items:center;gap:12px;color:var(--text-color);text-decoration:none;font-size:18px;font-weight:600;transition:var(--transition-normal);z-index:var(--z-nav)}.nav-brand:hover{color:var(--primary-color)}.nav-brand:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-md)}.nav-brand .logo{font-size:24px;width:24px;height:24px;line-height:24px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px}.nav-logo{width:24px;height:24px;display:block}.hamburger-menu{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px;z-index:var(--z-nav)}.hamburger-menu span{width:24px;height:3px;background:var(--text-color);border-radius:2px;transition:var(--transition-normal)}.hamburger-menu:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-sm)}.hamburger-menu.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-bar-actions{display:flex;flex-direction:row;align-items:center;gap:10px;flex-shrink:0}.nav-links{display:flex;gap:28px;align-items:center;flex-wrap:nowrap}.nav-group{display:flex;gap:16px;align-items:center}.nav-group.secondary{padding-left:20px;border-left:1px solid var(--border-color)}.nav-link{color:var(--text-color);text-decoration:none;padding:8px 16px;border-radius:var(--radius-md);transition:all var(--transition-normal);border:1px solid transparent;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer}.nav-link:hover{background:#ffffff0d;border-color:rgba(var(--primary-rgb),.2);transform:translateY(-1px)}.nav-link:focus{outline:2px solid var(--primary-color);outline-offset:2px}.nav-link.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;border-color:transparent;box-shadow:0 4px 14px rgba(var(--primary-rgb),.35)}.nav-group.secondary .nav-link{color:var(--text-secondary)}.nav-group.secondary .nav-link:hover{color:var(--text-color)}.nav-link:active{transform:translateY(0)}.nav-dropdown{position:relative}.nav-dropdown-toggle{color:var(--text-color);background:#ffffff0a;border:1px solid var(--glass-border);padding:8px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.nav-dropdown-toggle:hover{background:#ffffff0f;border-color:rgba(var(--primary-rgb),.2)}.nav-dropdown-toggle:focus{outline:2px solid var(--primary-color);outline-offset:2px}.nav-dropdown.open .nav-dropdown-toggle{border-color:var(--primary-color);box-shadow:0 6px 16px rgba(var(--primary-rgb),.2)}.nav-dropdown-toggle .dropdown-icon{font-size:10px;transition:transform var(--transition-normal)}.nav-dropdown.open .dropdown-icon{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-normal);z-index:calc(var(--z-nav) + 1);padding:8px}.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;color:var(--text-color);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-normal);font-size:14px;white-space:nowrap}.nav-dropdown-item:hover{background:var(--primary-light);color:var(--primary-color);transform:translate(4px)}.nav-dropdown-item:focus{outline:2px solid var(--primary-color);outline-offset:-2px;background:var(--section-bg)}.nav-dropdown-item.active{background:var(--primary-color);color:#fff}.nav-brand-text{display:inline-flex;align-items:center;gap:6px}.lexi-status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--text-secondary);flex-shrink:0;transition:background .4s ease,box-shadow .4s ease,transform .2s ease;cursor:pointer;position:relative}.lexi-status-dot:hover{transform:scale(1.4)}.lexi-status-dot[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%) scale(.9);white-space:nowrap;font-size:12px;font-weight:500;color:var(--text-color);background:var(--glass-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:6px 12px;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:var(--z-dropdown)}.lexi-status-dot[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) scale(1)}.lexi-status-dot.status-awake{background:var(--success-color);box-shadow:0 0 6px #10b98180;animation:dot-breathe 3s ease-in-out infinite}@keyframes dot-breathe{0%,to{box-shadow:0 0 4px #4caf504d;transform:scale(1)}50%{box-shadow:0 0 10px #4caf50b3;transform:scale(1.1)}}.lexi-status-dot.status-awake:hover{animation:none;transform:scale(1.4);box-shadow:0 0 12px #4caf50cc}.lexi-status-dot.status-awake.energy-high{box-shadow:0 0 8px #4caf50b3}.lexi-status-dot.status-awake.energy-low{background:var(--success-color);animation:dot-breathe-slow 5s ease-in-out infinite}@keyframes dot-breathe-slow{0%,to{box-shadow:0 0 3px #8bc34a33;transform:scale(1)}50%{box-shadow:0 0 6px #8bc34a66;transform:scale(1.05)}}.lexi-status-dot.status-awake.energy-low:hover{animation:none;transform:scale(1.4)}.lexi-status-dot.status-idle{background:var(--warning-color);box-shadow:0 0 6px #f59e0b66;animation:dot-drowsy 4s ease-in-out infinite}@keyframes dot-drowsy{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.lexi-status-dot.status-idle:hover{animation:none;opacity:1;transform:scale(1.4)}.lexi-status-dot.status-sleeping{background:var(--cx-sleep-color);box-shadow:0 0 6px #7986cb66;animation:dot-sleep 4s ease-in-out infinite}@keyframes dot-sleep{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:.8;transform:scale(1)}}.lexi-status-dot.status-sleeping:hover{animation:none;opacity:1;transform:scale(1.4)}.lexi-status-dot.status-dreaming{background:var(--cx-dream-color);box-shadow:0 0 8px #ce93d880;animation:dot-dream 3s ease-in-out infinite}@keyframes dot-dream{0%,to{box-shadow:0 0 4px #ce93d84d}33%{box-shadow:0 0 10px #b388ff99}66%{box-shadow:0 0 10px #ce93d899}}.lexi-status-dot.status-dreaming:hover{animation:none;transform:scale(1.4);box-shadow:0 0 12px #ce93d8cc}.lexi-status-dot.status-offline{background:#9e9e9e;box-shadow:none;animation:none}.lexi-status-dot.status-reconnecting{background:#ef5350;box-shadow:0 0 6px #ef535080;animation:dot-reconnect 1s ease-in-out infinite}@keyframes dot-reconnect{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.lexi-status-dot.status-reconnecting:hover{animation:none;opacity:1;transform:scale(1.4);box-shadow:0 0 12px #ef5350cc}.theme-toggle-btn{background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;padding:6px 10px;font-size:16px;line-height:1;transition:all var(--transition-normal);color:var(--text-color)}.theme-toggle-btn:hover{border-color:rgba(var(--primary-rgb),.2);background:var(--primary-light)}.theme-toggle-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.notif-bell-wrapper{position:relative}.notif-bell-btn{background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;padding:6px 10px;line-height:1;transition:all var(--transition-normal);color:var(--text-color);position:relative;display:inline-flex;align-items:center;justify-content:center}.notif-bell-btn:hover{border-color:rgba(var(--primary-rgb),.2);background:var(--primary-light)}.notif-bell-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.notif-bell-icon{display:block}.notif-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:1;min-width:16px;height:16px;padding:2px 4px;border-radius:999px;display:flex;align-items:center;justify-content:center;pointer-events:none}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-height:400px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:calc(var(--z-sticky) + 2);display:flex;flex-direction:column;overflow:hidden}.notif-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.notif-dropdown-title{font-weight:600;font-size:14px;color:var(--text-color)}.notif-dismiss-all{background:none;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:color var(--transition-normal)}.notif-dismiss-all:hover{color:var(--primary-color)}.notif-dropdown-body{overflow-y:auto;flex:1;min-height:0;padding:4px 0}.notif-empty{padding:24px 16px;text-align:center;color:var(--text-secondary);font-size:13px}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;transition:background var(--transition-normal)}.notif-item:hover{background:var(--section-bg)}.notif-item-icon{font-size:18px;flex-shrink:0;line-height:1.4}.notif-item-body{flex:1;min-width:0}.notif-item-title{font-size:13px;color:var(--text-color);line-height:1.4;word-break:break-word}.notif-item-meta{font-size:11px;color:var(--text-secondary);margin-top:2px;display:flex;align-items:center;gap:0;flex-wrap:wrap}.notif-meta-type{font-weight:500}.notif-meta-tag{background:var(--section-bg);padding:0 5px;border-radius:var(--radius-sm);font-size:10px}.notif-meta-sep{margin:0 4px;opacity:.5}.notif-meta-time{opacity:.7}.notif-item-dismiss{background:none;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:0 4px;line-height:1;flex-shrink:0;border-radius:var(--radius-sm);transition:color var(--transition-normal)}.notif-item-dismiss:hover{color:var(--text-color)}.notif-item.notif-expandable{cursor:pointer}.notif-item.notif-expandable .notif-item-title:after{content:"\25b8";display:inline-block;margin-left:6px;font-size:10px;color:var(--text-secondary);transition:transform .2s ease}.notif-item.notif-expanded .notif-item-title:after{transform:rotate(90deg)}.notif-item-detail{display:none;margin-top:6px;padding:8px 10px;background:var(--section-bg);border-radius:var(--radius-sm);font-size:12px;line-height:1.5;color:var(--text-color);white-space:pre-line;word-break:break-word;border-left:2px solid var(--primary-color)}.notif-item.notif-expanded .notif-item-detail{display:block}@media(max-width:768px){.nav-wrapper{margin-bottom:10px}.nav-bar{padding:10px 15px;backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--card-bg)}.hamburger-menu{display:flex;min-height:44px;min-width:44px;align-items:center;justify-content:center}.hamburger-menu span{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1)}.nav-bar-actions{gap:6px;z-index:calc(var(--z-modal) + 1)}.nav-brand{z-index:calc(var(--z-modal) + 1)}.nav-links{display:flex;flex-direction:column;position:fixed;inset:0;background:rgba(var(--bg-color-rgb, 12, 12, 20),.88);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);padding:88px 20px 40px;padding-bottom:calc(40px + env(safe-area-inset-bottom,0px));z-index:var(--z-modal);gap:6px;overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.34,1.56,.64,1),visibility .3s}.nav-links.show{opacity:1;visibility:visible;transform:translateY(0)}.nav-group{flex-direction:column;gap:6px;padding:0;border:none;width:100%}.nav-group.auth{margin-left:0!important;width:100%}.nav-group.secondary{border:none;padding:0}.nav-link{width:100%;justify-content:flex-start;min-height:56px;padding:16px 20px;font-size:17px;font-weight:500;border-radius:var(--radius-lg);gap:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-link:hover{transform:none;background:#ffffff14;border-color:#ffffff1a}.nav-link:active{transform:scale(.98);background:#ffffff0f}.nav-link.active{background:linear-gradient(135deg,rgba(var(--primary-rgb),.2),rgba(var(--primary-rgb),.08));border-color:rgba(var(--primary-rgb),.3);box-shadow:0 0 24px rgba(var(--primary-rgb),.15),inset 0 1px #ffffff0f}.nav-links.show .nav-group .nav-link:nth-child(1){transition-delay:.03s}.nav-links.show .nav-group .nav-link:nth-child(2){transition-delay:.06s}.nav-links.show .nav-group .nav-link:nth-child(3){transition-delay:.09s}.nav-links.show .nav-group .nav-link:nth-child(4){transition-delay:.12s}.nav-links.show .nav-group .nav-link:nth-child(5){transition-delay:.15s}.nav-links.show .nav-group .nav-link:nth-child(6){transition-delay:.18s}.nav-link span:first-child{font-size:20px;width:28px;text-align:center;flex-shrink:0}.nav-dropdown{width:100%}.nav-dropdown-toggle{width:100%;justify-content:space-between;min-height:56px;padding:16px 20px;font-size:17px;background:#ffffff0a;border-color:#ffffff0f}.nav-dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;margin-top:4px;padding-left:20px;max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.nav-dropdown.open .nav-dropdown-menu{max-height:500px}.nav-dropdown-item{min-height:48px;padding:12px 20px;font-size:16px;border-radius:var(--radius-md)}.nav-dropdown-item:hover{transform:none}.user-info-section{margin-left:0!important;width:100%;justify-content:flex-start;margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.auth-button-login{width:100%;min-height:52px;border-radius:var(--radius-lg);font-size:16px}.user-menu-dropdown{width:100%}.user-menu-button{width:100%;justify-content:flex-start;padding:14px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);min-height:56px}.theme-toggle-btn,.notif-bell-btn{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.notif-dropdown{position:fixed;inset:auto 0 0;width:100%;max-height:65vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:calc(var(--z-modal) + 2);background:#161625eb;backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);box-shadow:0 -8px 32px #0006}.notif-dropdown:before{content:"";display:block;width:36px;height:4px;background:#fff3;border-radius:2px;margin:10px auto 4px}.notif-item{min-height:52px;padding:12px 16px}.notif-item-dismiss{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}}@media(max-width:480px){.nav-wrapper{margin-bottom:6px}.nav-bar{padding:8px 12px}.nav-brand{font-size:16px;gap:8px}.nav-links{padding:76px 16px 32px;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));gap:5px}.nav-link{min-height:52px;padding:14px 16px;font-size:16px}}.auth-modal{position:fixed;z-index:var(--z-modal);left:0;top:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;animation:fadeIn .2s ease}.auth-modal.active{display:flex}.auth-modal-content{background:var(--glass-bg, rgba(22, 22, 37, .6));backdrop-filter:var(--glass-blur, blur(24px) saturate(180%));-webkit-backdrop-filter:var(--glass-blur, blur(24px) saturate(180%));border:1px solid var(--glass-border, rgba(255, 255, 255, .06));padding:40px;border-radius:var(--radius-2xl, 28px);width:90%;max-width:450px;box-shadow:var(--shadow-xl),var(--shadow-glow);position:relative;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-modal-close{position:absolute;right:20px;top:20px;font-size:28px;color:var(--text-secondary, #9e9e9e);cursor:pointer;background:none;border:none;width:36px;height:36px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.auth-modal-close:hover{background:#ffffff1a;color:var(--text-color, #e0e0e0)}.auth-tabs{display:flex;gap:8px;margin-bottom:30px;border-bottom:2px solid var(--border-color, #333)}.auth-tab{flex:1;padding:12px 20px;background:none;border:none;color:var(--text-secondary, #9e9e9e);font-size:16px;font-weight:500;cursor:pointer;position:relative;transition:all .2s;border-bottom:3px solid transparent}.auth-tab:hover{color:var(--text-color, #e0e0e0)}.auth-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.auth-form{display:none}.auth-form.active{display:block;animation:fadeIn .3s ease}.auth-form-group{margin-bottom:20px}.auth-form-label{display:block;margin-bottom:8px;color:var(--text-color, #e0e0e0);font-size:14px;font-weight:500}.auth-form-input{width:100%;padding:14px 16px;background:#ffffff0a;border:1px solid var(--glass-border, rgba(255, 255, 255, .06));border-radius:var(--radius-md, 12px);color:var(--text-color, #ececf1);font-size:16px;transition:all var(--transition-normal, .2s)}.auth-form-input:focus{outline:none;border-color:var(--primary-color, #6a3de8);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1),var(--shadow-glow)}.auth-form-input::placeholder{color:var(--text-secondary, #9e9e9e)}.auth-form-button{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--primary-color, #6a3de8),var(--primary-hover, #5933c7));border:none;border-radius:var(--radius-md, 12px);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-normal, .2s);margin-top:8px;box-shadow:0 4px 14px rgba(var(--primary-rgb),.35)}.auth-form-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--primary-rgb),.45)}.auth-form-button:active{transform:translateY(0)}.auth-form-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-form-error{background:#f443361a;border:1px solid var(--error-color, #f44336);color:var(--error-color, #f44336);padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px;display:none}.auth-form-error.active{display:block}.auth-form-success{background:#4caf501a;border:1px solid var(--success-color, #4caf50);color:var(--success-color, #4caf50);padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px;display:none}.auth-form-success.active{display:block}.auth-divider{text-align:center;margin:24px 0;color:var(--text-secondary, #9e9e9e);font-size:13px;position:relative}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--border-color, #333)}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-guest-button{width:100%;padding:12px 24px;background:var(--section-bg, #252525);border:1px solid var(--border-color, #333);border-radius:10px;color:var(--text-color, #e0e0e0);font-size:15px;cursor:pointer;transition:all .2s}.auth-guest-button:hover{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.1)}.user-menu-dropdown{position:relative;margin-left:16px}.user-menu-button{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--section-bg, #252525);border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-color, #e0e0e0);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.user-menu-button:hover{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.1)}.user-menu-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));display:flex;align-items:center;justify-content:center;font-size:14px}.user-menu-content{position:absolute;right:0;top:calc(100% + 8px);background:var(--glass-bg, rgba(22, 22, 37, .6));backdrop-filter:var(--glass-blur, blur(24px) saturate(180%));-webkit-backdrop-filter:var(--glass-blur, blur(24px) saturate(180%));border:1px solid var(--glass-border, rgba(255, 255, 255, .06));border-radius:var(--radius-lg, 16px);min-width:220px;box-shadow:var(--shadow-xl, 0 24px 56px rgba(0, 0, 0, .35));display:none;z-index:var(--z-toast);animation:slideDown .2s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-content.active{display:block}.user-menu-header{padding:16px;border-bottom:1px solid var(--border-color, #333)}.user-menu-email{font-size:12px;color:var(--text-secondary, #9e9e9e);margin-top:4px}.user-menu-items{padding:8px}.user-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-color, #e0e0e0);text-decoration:none;border-radius:8px;font-size:14px;transition:all .2s;cursor:pointer;background:none;border:none;width:100%;text-align:left}.user-menu-item:hover{background:var(--section-bg, #252525)}.user-menu-item.danger{color:var(--error-color, #f44336)}.user-menu-item.danger:hover{background:#f443361a}.user-menu-divider{height:1px;background:var(--border-color, #333);margin:8px 0}.auth-buttons{display:flex;align-items:center;gap:10px;margin-left:16px}.auth-button-guest{padding:8px 16px;background:var(--section-bg, #252525);border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-secondary, #9e9e9e);font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap}.auth-button-guest:hover{color:var(--text-color, #e0e0e0);border-color:var(--border-color, #555)}.auth-button-login{padding:8px 20px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.auth-button-login:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}.auth-form-button:active:not(:disabled){transform:scale(.98);transition-duration:.08s}.auth-tab:active{transform:scale(.97);transition-duration:.08s}@media(max-width:768px){.auth-modal.active{align-items:flex-end}.auth-modal-content{width:100%;max-width:100%;padding:28px 20px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));border-radius:var(--radius-xl, 20px) var(--radius-xl, 20px) 0 0;animation:authSlideUp .35s cubic-bezier(.34,1.56,.64,1)}@keyframes authSlideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.auth-modal-content:before{content:"";display:block;width:36px;height:4px;background:#fff3;border-radius:2px;margin:0 auto 16px}.auth-modal-close{min-width:44px;min-height:44px}.auth-form-button{min-height:52px}.auth-form-input{min-height:48px}.auth-buttons{flex-direction:column;width:100%}.auth-button-guest,.auth-button-login{width:100%;min-height:48px}.user-menu-dropdown{margin-left:0;margin-top:12px;width:100%}.user-menu-button{width:100%;justify-content:space-between;min-height:52px}.user-menu-avatar{width:24px;height:24px;font-size:12px}.user-menu-content{position:fixed;inset:auto 0 0;width:100%;min-width:100%;border-radius:var(--radius-xl, 20px) var(--radius-xl, 20px) 0 0;padding-bottom:env(safe-area-inset-bottom,0px);animation:authSlideUp .3s cubic-bezier(.34,1.56,.64,1)}.user-menu-item{min-height:48px}}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-overlay);display:none;align-items:flex-start;justify-content:center;padding-top:10vh;animation:fadeIn .2s ease-out}.search-overlay.active{display:flex}.search-container{width:90%;max-width:600px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl),var(--shadow-glow-strong);overflow:hidden;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.search-header{padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--section-bg)}.search-input-wrapper{position:relative;display:flex;align-items:center;gap:12px}.search-icon{font-size:20px;color:var(--primary-color)}.search-input{flex:1;background:transparent;border:none;color:var(--text-color);font-size:18px;outline:none;padding:0}.search-input::placeholder{color:var(--text-secondary)}.search-shortcut-hint{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary)}.search-key{background:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px}.search-results{max-height:400px;overflow-y:auto;padding:8px 0}.search-category{padding:12px 24px 8px}.search-category-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.search-result-item{padding:12px 24px;cursor:pointer;transition:all var(--transition-normal);border-left:3px solid transparent;display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.search-result-item:hover,.search-result-item.selected{background:var(--primary-light);border-left-color:var(--primary-color)}.search-result-icon{font-size:24px;min-width:32px;text-align:center}.search-result-content{flex:1}.search-result-title{font-size:15px;font-weight:600;color:var(--text-color);margin-bottom:4px}.search-result-description{font-size:13px;color:var(--text-secondary);line-height:1.4}.search-result-match{background:rgba(var(--primary-rgb),.2);color:var(--primary-color);padding:2px 4px;border-radius:3px;font-weight:600}.search-result-badge{font-size:11px;padding:2px 8px;border-radius:12px;background:var(--input-bg);color:var(--text-secondary);font-weight:500}.search-empty{padding:40px 24px;text-align:center;color:var(--text-secondary)}.search-empty-icon{font-size:48px;margin-bottom:12px;line-height:1;animation:empty-float 3s ease-in-out infinite}.search-empty-title{font-size:16px;font-weight:600;margin-bottom:6px;color:var(--text-color)}.search-empty-text{font-size:14px;line-height:1.4}.search-footer{padding:12px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--section-bg);font-size:12px;color:var(--text-secondary)}.search-footer-hints{display:flex;gap:16px}.search-footer-hint{display:flex;align-items:center;gap:6px}.search-loading{padding:40px 24px;text-align:center}.search-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.search-recent{padding:8px 0}.search-recent-title{padding:12px 24px 8px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.search-recent-item{padding:10px 24px;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:14px}.search-recent-item:hover{background:var(--section-bg);color:var(--text-color)}.search-recent-icon{font-size:16px}.search-recent-clear{margin-left:auto;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all var(--transition-normal)}.search-recent-clear:hover{background:var(--input-bg);color:var(--error-color)}.search-result-item:active{transform:scale(.99);background:var(--primary-light);transition-duration:.06s}@media(max-width:768px){.search-overlay{padding-top:0;align-items:flex-end}.search-container{width:100%;max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:searchSlideUp .35s cubic-bezier(.34,1.56,.64,1)}@keyframes searchSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.search-container:before{content:"";display:block;width:36px;height:4px;background:#fff3;border-radius:2px;margin:10px auto 0}.search-header{padding:16px 20px}.search-input{font-size:16px}.search-results{max-height:55vh;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.search-result-item{padding:14px 20px;min-height:52px}.search-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.search-footer-hints{display:none}}@media(max-width:480px){.search-input{font-size:16px}.search-result-icon{font-size:20px;min-width:28px}.search-result-title{font-size:14px}.search-result-description{font-size:12px}.search-shortcut-hint{display:none}}.page-header{background:linear-gradient(135deg,var(--page-accent, var(--primary-color)) 0%,var(--page-accent-end, var(--primary-hover)) 100%);padding:32px;border-radius:var(--radius-xl);margin-bottom:32px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.page-header:after{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.page-header h1{font-size:32px;font-weight:600;color:#fff;margin-bottom:8px}.page-header p{color:#ffffffe6;font-size:16px}.page-tabs{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.page-tab{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;white-space:nowrap}.page-tab:hover{border-color:var(--primary-color);background:var(--section-bg)}.page-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.page-tabs--underline{border-bottom:2px solid var(--border-color)}.page-tab--underline{background:transparent;border:none;color:var(--text-secondary);padding:12px 24px;font-size:16px;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.page-tab--underline:hover{color:var(--text-color);background:var(--section-bg)}.page-tab--underline.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px}.stats-grid--compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat-card{background:var(--card-bg);padding:20px;border-radius:12px;border:1px solid var(--border-color);text-align:center}.stat-card.ok{border-left:4px solid var(--success-color)}.stat-card.warning{border-left:4px solid var(--warning-color)}.stat-card.critical{border-left:4px solid var(--error-color)}.stat-number{font-size:36px;font-weight:700;color:var(--primary-color);margin-bottom:8px}.stat-number.ok{color:var(--success-color)}.stat-number.warning{color:var(--warning-color)}.stat-number.critical{color:var(--error-color)}.stat-label{color:var(--text-secondary);font-size:14px}.page-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.page-card:hover{border-color:rgba(var(--primary-rgb),.15)}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.card-header h3{font-size:18px;color:var(--text-color);margin:0}.card-header .icon{font-size:24px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr))}.btn-icon{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;padding:8px;cursor:pointer;font-size:16px;line-height:1;transition:all .2s;min-height:36px;min-width:36px}.btn-icon:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-success{background:var(--success-color);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-success:hover{background:color-mix(in srgb,var(--success-color) 85%,black);transform:translateY(-2px)}.btn-warning{background:var(--warning-color);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-warning:hover{background:#f57c00;transform:translateY(-2px)}.button-group{display:flex;gap:15px;flex-wrap:wrap}.empty-state svg{width:80px;height:80px;margin-bottom:20px;opacity:.5}.loading-state{text-align:center;padding:40px;color:var(--text-secondary)}.skeleton-text{height:14px;margin-bottom:10px;width:80%}.skeleton-text.short{width:40%}.skeleton-text.medium{width:60%}.skeleton-card{height:80px;border-radius:var(--radius-md);margin-bottom:12px}.skeleton-stat{height:64px;border-radius:var(--radius-md)}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full);flex-shrink:0}.skeleton-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.spinner{border-top-color:var(--page-accent, var(--primary-color));margin:20px auto}.loading-inline{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}.drawer-overlay{position:fixed;inset:0;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:var(--z-dropdown)}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer-panel{position:fixed;top:0;right:0;height:100vh;width:min(720px,92vw);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-left:1px solid var(--glass-border);box-shadow:-20px 0 60px #0006;transform:translate(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);z-index:calc(var(--z-dropdown) + 1);display:flex;flex-direction:column}.drawer-panel.open{transform:translate(0)}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:10000;background:var(--error-color);color:#fff;text-align:center;padding:8px 16px;font-size:14px;font-weight:600;transform:translateY(-100%);transition:transform .3s ease}.offline-banner.visible{transform:translateY(0)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:calc(var(--z-modal) + 10);display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:var(--radius-lg);color:var(--text-color);background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0a;max-width:420px;min-width:280px;animation:toast-in .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;pointer-events:auto;cursor:default}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px}.toast:after{content:"";position:absolute;bottom:0;left:0;height:2px;border-radius:0 0 0 var(--radius-lg);animation:toast-progress var(--toast-duration, 3s) linear forwards}.toast.success:before{background:var(--success-color)}.toast.success:after{background:var(--success-color)}.toast.error:before{background:var(--error-color)}.toast.error:after{background:var(--error-color)}.toast.warning:before{background:var(--warning-color)}.toast.warning:after{background:var(--warning-color)}.toast.info:before{background:var(--info-color)}.toast.info:after{background:var(--info-color)}.toast-icon{font-size:18px;flex-shrink:0;line-height:1}.toast-message{flex:1;font-size:13px;font-weight:500;line-height:1.4;min-width:0}.toast-dismiss{flex-shrink:0;background:none;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease;line-height:1}.toast-dismiss:hover{color:var(--text-color);background:#ffffff14}.toast.removing{animation:toast-out .3s cubic-bezier(.4,0,1,1) forwards}.toast:hover:after{animation-play-state:paused}@keyframes toast-in{0%{transform:translate(40px) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes toast-out{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(40px) scale(.95);opacity:0}}@keyframes toast-progress{0%{width:100%}to{width:0%}}@media(max-width:1024px){.page-header{padding:24px}.page-header h1{font-size:26px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.grid-2{grid-template-columns:1fr}}@media(max-width:768px){.toast-container{inset:70px 10px auto}.toast{max-width:100%;min-width:0}.drawer-panel{inset:auto 0 0;width:100%;height:auto;max-height:85vh;border-left:none;border-top:1px solid var(--glass-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;transform:translateY(100%);padding-bottom:env(safe-area-inset-bottom,0px)}.drawer-panel.open{transform:translateY(0)}.drawer-panel:before{content:"";display:block;width:36px;height:4px;background:#fff3;border-radius:2px;margin:10px auto 4px;flex-shrink:0}.drawer-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.code-display{font-size:18px;letter-spacing:3px}}.badge{display:inline-block;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:500;text-transform:uppercase}.badge.ok,.badge.success{background:rgba(var(--success-rgb),.2);color:var(--success-color)}.badge.warning{background:rgba(var(--warning-rgb),.2);color:var(--warning-color)}.badge.critical,.badge.error{background:rgba(var(--error-rgb),.2);color:var(--error-color)}.badge.info{background:rgba(var(--info-rgb),.2);color:var(--info-color)}.status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block}.status-indicator.ok{background:var(--success-color)}.status-indicator.warning{background:var(--warning-color)}.status-indicator.error{background:var(--error-color)}.status-indicator.loading{background:var(--text-secondary);animation:status-pulse 1s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.3}}.meta-pill{background:#ffffff0a;border:1px solid var(--border-color);padding:4px 8px;border-radius:999px;font-size:12px;color:var(--text-secondary)}.tag-pill{background:rgba(var(--primary-rgb),.12);color:var(--primary-color);font-size:11px;padding:4px 8px;border-radius:999px}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px;flex-wrap:wrap}.result-box{background:var(--section-bg);border-left:4px solid var(--info-color);padding:15px;border-radius:8px;margin-top:20px;display:none}.result-box.show{display:block}.result-box.success{border-left-color:var(--success-color)}.result-box.error{border-left-color:var(--error-color)}.section-title{font-size:20px;font-weight:600;color:var(--text-color);margin-bottom:15px;display:flex;align-items:center;gap:10px}.section-description{color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.notice-banner{display:none;background:#ffc1071f;border:1px dashed var(--warning-color);color:var(--warning-color);padding:12px 16px;border-radius:12px;margin-bottom:20px}.info-box-light{margin-top:16px;padding:12px;border-radius:8px;background:var(--section-bg);color:var(--text-secondary);font-size:13px}.link-primary{color:var(--primary-color)}.link-primary:hover{text-decoration:underline}.text-secondary-intro{color:var(--text-secondary);margin-top:0}.code-display{padding:10px 18px;background:var(--section-bg);border:2px dashed var(--primary-color);border-radius:8px;font-family:Courier New,monospace;font-size:22px;font-weight:700;letter-spacing:4px;color:var(--primary-color)}.form-inline-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px;padding:16px;background:var(--section-bg);border-radius:8px}.form-inline-field{flex:1;min-width:200px}.form-inline-label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:6px}.form-inline-input{width:100%;padding:10px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color)}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.warning-box{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:12px;margin-bottom:16px;color:#ffc107;font-size:14px}.code-block-box{background:var(--section-bg);border-radius:8px;padding:16px;font-family:monospace;font-size:13px;word-break:break-all;margin-bottom:16px;position:relative}.server-log-container{background:var(--section-bg);border-radius:8px;padding:12px;max-height:500px;overflow-y:auto;font-family:Courier New,monospace;font-size:12px;line-height:1.5}.bot-info-box{padding:14px;border-radius:8px;background:var(--section-bg);border:1px solid var(--border-color)}.threshold-label{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.threshold-input{width:80px}