*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color: #3b82f6;--primary-dark: #1d4ed8;--primary-light: #93c5fd;--primary-lighter: rgba(59, 130, 246, .12);--secondary-color: #0ea5e9;--secondary-dark: #0284c7;--secondary-light: #7dd3fc;--secondary-lighter: rgba(14, 165, 233, .12);--accent-plum: #4338ca;--accent-plum-light: #6366f1;--accent-plum-lighter: rgba(67, 56, 202, .12);--accent-gold: #38bdf8;--accent-gold-light: #7dd3fc;--accent-gold-lighter: rgba(56, 189, 248, .12);--success-color: #3b82f6;--success-lighter: rgba(59, 130, 246, .16);--danger-color: #ef4444;--danger-lighter: rgba(239, 68, 68, .16);--warning-color: #f59e0b;--warning-lighter: rgba(245, 158, 11, .16);--info-color: #0ea5e9;--info-lighter: rgba(14, 165, 233, .16);--dark-color: #1f2937;--light-color: #f9fafb;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-disabled: #d1d5db;--text-inverse: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--border-color: #e5e7eb;--border-dark: #9ca3af;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--sidebar-bg: #ffffff;--sidebar-text: #6b7280;--sidebar-text-hover: #111827;--sidebar-border: #e5e7eb;--sidebar-hover-bg: #f3f4f6;--sidebar-active-bg: rgba(59, 130, 246, .15)}.dark-mode{--primary-color: #60a5fa;--primary-dark: #2563eb;--primary-light: #93c5fd;--primary-lighter: rgba(96, 165, 250, .2);--secondary-color: #38bdf8;--secondary-dark: #0ea5e9;--secondary-light: #7dd3fc;--secondary-lighter: rgba(56, 189, 248, .2);--accent-plum: #818cf8;--accent-plum-light: #a5b4fc;--accent-plum-lighter: rgba(129, 140, 248, .2);--accent-gold: #38bdf8;--accent-gold-light: #7dd3fc;--accent-gold-lighter: rgba(56, 189, 248, .2);--success-color: #60a5fa;--success-lighter: rgba(96, 165, 250, .2);--danger-color: #f87171;--danger-lighter: rgba(248, 113, 113, .2);--warning-color: #fbbf24;--warning-lighter: rgba(251, 191, 36, .2);--info-color: #38bdf8;--info-lighter: rgba(56, 189, 248, .2);--dark-color: #f9fafb;--light-color: #1f2937;--gray-50: #111827;--gray-100: #1f2937;--gray-200: #374151;--gray-300: #4b5563;--gray-400: #6b7280;--gray-500: #9ca3af;--gray-600: #d1d5db;--gray-700: #e5e7eb;--gray-800: #f3f4f6;--gray-900: #f9fafb;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-disabled: #6b7280;--text-inverse: #111827;--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--border-color: #374151;--border-dark: #6b7280;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .5);--sidebar-bg: #1f2937;--sidebar-text: #d1d5db;--sidebar-text-hover: #f9fafb;--sidebar-border: #374151;--sidebar-hover-bg: #374151;--sidebar-active-bg: rgba(96, 165, 250, .2)}.dark-mode body{background-color:#111827;color:#f9fafb}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--primary-light);padding:20px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:40px;width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:30px}.auth-logo{width:260px;max-width:80%;height:auto;margin:0 auto 16px;display:block;filter:drop-shadow(0 16px 32px rgba(30,64,175,.3))}.auth-header h1{font-size:32px;color:var(--primary-color);margin-bottom:8px}.auth-header p{color:var(--text-secondary);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary)}.form-group input{padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f633}.error-message{background:#fee;color:var(--danger-color);padding:12px;border-radius:8px;font-size:14px;text-align:center}.success-message{background:#d1fae5;color:var(--success-color);padding:12px;border-radius:8px;font-size:14px;text-align:center}.btn-primary{background:var(--primary-color);color:#fff;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-toggle{margin-top:24px;text-align:center}.invite-hint{margin-top:16px;padding:10px 12px;border-radius:10px;background:#3b82f61f;border:1px solid rgba(59,130,246,.3);color:#cbd5f5;font-size:13px;text-align:center}.invite-hint a{color:#93c5fd;margin-left:6px;text-decoration:underline}.auth-toggle p{font-size:14px;color:var(--text-secondary)}.toggle-btn{background:none;border:none;color:var(--primary-color);font-weight:600;cursor:pointer;text-decoration:underline}.toggle-btn:hover{color:var(--primary-dark)}.invite-page{min-height:100vh;background:radial-gradient(circle at top,#1b2b52,#0b1220 55%,#070b16);display:flex;align-items:center;justify-content:center;padding:24px}.invite-card{width:100%;max-width:520px;background:#0b1220eb;border:1px solid rgba(148,163,184,.2);border-radius:20px;padding:36px;box-shadow:0 24px 60px #00000059;text-align:center}.invite-logo img{width:120px;height:auto;margin-bottom:16px}.invite-card h1{font-size:28px;color:#f8fafc;margin-bottom:8px}.invite-card p{color:#94a3b8;margin-bottom:24px}.invite-form{display:flex;flex-direction:column;gap:12px}.invite-form input{padding:14px 16px;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:#0f172acc;color:#f8fafc;font-size:15px}.invite-error{margin-top:16px;color:#f87171;background:#7f1d1d4d;padding:10px 12px;border-radius:10px}.invite-success{margin-top:16px;color:#34d399;background:#10b98126;padding:10px 12px;border-radius:10px}.email-verification-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--primary-light);padding:20px}.verification-container{max-width:600px;width:100%}.verification-card{background:#fff;border-radius:12px;padding:48px 32px;box-shadow:0 20px 60px #00000026;text-align:center;margin-bottom:24px}.icon{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon.success{background:#10b9811a;color:var(--success-color)}.icon.error{background:#ef44441a;color:var(--danger-color)}.icon.info{background:#3b82f61a;color:var(--info-color)}.spinner{width:80px;height:80px;margin:0 auto 24px;color:var(--primary-color);animation:spin 1s linear infinite}.spinner-path{animation:dash 1.5s ease-in-out infinite}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.verification-card h1{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.message{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.redirect-message{font-size:14px;color:var(--text-secondary);margin-top:16px;font-style:italic}.action-buttons{display:flex;gap:12px;justify-content:center;margin-top:24px}.resend-section{display:flex;flex-direction:column;gap:12px;margin-top:24px}.email-input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:15px;transition:all .2s ease}.email-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f633}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--light-color);border-color:var(--primary-color)}.verification-info{background:#fffffff2;border-radius:12px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.verification-info h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.verification-info ul{list-style:none;padding:0;margin:0}.verification-info li{font-size:14px;color:var(--text-secondary);padding:8px 0 8px 28px;position:relative}.verification-info li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:700;font-size:16px}@media (max-width: 640px){.verification-card{padding:32px 24px}.verification-card h1{font-size:24px}.action-buttons{flex-direction:column}.btn{width:100%}}.profile-setup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--primary-light);padding:20px}.profile-setup-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:40px;width:100%;max-width:600px}.profile-header{text-align:center;margin-bottom:30px}.profile-header h1{font-size:28px;color:var(--primary-color);margin-bottom:8px}.profile-header p{color:var(--text-secondary);font-size:14px}.profile-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-form textarea{padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:all .3s ease}.profile-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f633}.button-group{display:flex;gap:12px;margin-top:10px}.btn-skip{flex:1;background:#fff;color:var(--text-secondary);padding:14px 24px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-skip:hover:not(:disabled){background:var(--light-color);border-color:var(--text-secondary)}.btn-skip:disabled{opacity:.7;cursor:not-allowed}.button-group .btn-primary{flex:1}.spinner-container{display:flex;align-items:center;justify-content:center;gap:10px}.spinner{width:16px;height:16px;border:2px solid rgba(59,130,246,.3);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.btn-primary .spinner{border:2px solid rgba(255,255,255,.3);border-top-color:#fff}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.button-group{flex-direction:column-reverse}}.chat-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1001;animation:fadeIn .2s ease}.chat-panel{position:fixed;top:70px;right:0;width:400px;height:calc(100vh - 70px);background:var(--bg-primary);box-shadow:var(--shadow-lg);border-left:1px solid var(--border-color);z-index:1002;transform:translate(100%);transition:transform .3s ease}.chat-panel.open{transform:translate(0)}.chat-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-header{background:var(--accent-plum);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.chat-header-actions{display:flex;align-items:center;gap:12px}.chat-action-btn{background:#ffffff29;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:12px;padding:6px 10px;border-radius:999px;cursor:pointer;transition:all .2s ease}.chat-action-btn:hover{background:#ffffff47}.chat-header h3{font-size:18px;font-weight:600;margin:0}.close-btn{background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:4px;transition:all .2s ease}.close-btn:hover{background:#ffffff1a}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;background:var(--bg-secondary)}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.message{display:flex;width:100%}.user-message{justify-content:flex-end}.bot-message{justify-content:flex-start}.message-bubble{max-width:75%;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5}.user-message .message-bubble{background:var(--primary-color);color:#fff;border-bottom-right-radius:4px}.bot-message .message-bubble{background:var(--bg-secondary);color:var(--text-primary);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.chat-input-form{display:flex;padding:20px 24px;background:var(--bg-primary);border-top:1px solid var(--border-color);gap:12px;align-items:center}.chat-input{flex:1;padding:12px 16px;border:1px solid var(--border-color);border-radius:24px;font-size:14px;outline:none;transition:all .2s ease}.chat-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f633}.send-btn{background:var(--accent-plum);color:#fff;border:none;padding:12px;border-radius:50%;width:44px;height:44px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.send-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #4338ca4d}.send-btn svg{flex-shrink:0}@media (max-width: 768px){.chat-panel{width:100%}}.notification-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:420px;max-height:600px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;overflow:hidden;z-index:1000;display:flex;flex-direction:column}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.notification-header h3{margin:0;font-size:18px;font-weight:600}.close-btn{background:#fff3;border:none;color:#fff;font-size:28px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s;line-height:1;padding:0}.close-btn:hover{background:#ffffff4d}.notification-list{overflow-y:auto;max-height:540px}.notification-loading,.notification-empty{text-align:center;padding:48px 20px;color:#999}.notification-empty{display:flex;flex-direction:column;align-items:center;gap:12px}.empty-icon{font-size:48px;opacity:.5}.notification-item{display:flex;gap:12px;padding:16px 20px;border-bottom:1px solid #f5f5f5;transition:background .2s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#fafafa}.notification-item.unread{background:#f0f4ff}.notification-item.unread:hover{background:#e6edff}.notification-icon{font-size:28px;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000014}.notification-content{flex:1;min-width:0}.notification-title{font-size:15px;font-weight:600;color:#333;margin-bottom:4px}.notification-message{font-size:14px;color:#666;margin-bottom:8px;line-height:1.4}.notification-details{background:#667eea14;padding:8px 12px;border-radius:6px;font-size:13px;margin-top:8px;margin-bottom:8px}.detail-label{font-weight:600;color:#667eea}.detail-value{color:#333}.notification-time{font-size:12px;color:#999;margin-top:8px}.notification-actions{display:flex;gap:8px;margin-top:12px}.action-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;flex:1}.approve-btn{background:#10b981;color:#fff}.approve-btn:hover:not(:disabled){background:#059669}.reject-btn{background:#ef4444;color:#fff}.reject-btn:hover:not(:disabled){background:#dc2626}.add-btn{background:#667eea;color:#fff}.add-btn:hover:not(:disabled){background:#5568d3}.action-btn:disabled{opacity:.6;cursor:not-allowed}.notification-secondary-actions{margin-top:12px}.secondary-action-btn{background:transparent;border:1px solid #e0e0e0;color:#666;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.secondary-action-btn:hover{background:#f5f5f5;border-color:#d0d0d0;color:#333}@media (max-width: 768px){.notification-dropdown{width:calc(100vw - 32px);max-width:420px;right:16px}}.header{background:var(--bg-primary);height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;box-shadow:var(--shadow);position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:16px;flex:0 0 auto;width:50%}.header-brand{display:flex;align-items:center;gap:10px;padding:0;border-radius:0;background:transparent;border:none}.header-brand img{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(29,78,216,.5))}.header-center{flex:1;display:flex;justify-content:center;max-width:600px;margin:0 32px}.menu-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);border-radius:8px;transition:background .2s ease}.menu-btn:hover{background:var(--light-color)}.greeting{display:flex;align-items:center;gap:12px}.user-avatar-header{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid var(--border-color)}.greeting h2{font-size:18px;font-weight:600;color:var(--text-primary)}.search-bar{display:flex;align-items:center;gap:12px;width:100%;max-width:600px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease}.search-bar:focus-within{background:var(--bg-primary);border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-lighter)}.search-bar svg{color:var(--text-secondary);flex-shrink:0}.search-bar input{flex:1;border:none;background:none;outline:none;font-size:14px;color:var(--text-primary)}.search-bar input::placeholder{color:var(--text-secondary)}.header-right{display:flex;align-items:center;gap:20px;flex:0 0 auto}.icon-btn{background:var(--accent-plum);border:1px solid transparent;border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;padding:15px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s ease;gap:8px}.icon-btn:hover{background:var(--light-color);color:var(--text-primary)}.notification-container{position:relative}.notification-btn{position:relative;min-width:52px}.notification-badge{position:absolute;top:-4px;right:-4px;background:var(--danger-color);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0000001a}.user-menu{position:relative}.user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--border-color);cursor:pointer;overflow:hidden;background:none;padding:0;transition:border-color .2s ease}.user-avatar:hover{border-color:var(--primary-color)}.user-avatar img{width:100%;height:100%;object-fit:cover}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);min-width:220px;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:16px;background:var(--light-color)}.user-name{font-weight:600;color:var(--text-primary);margin-bottom:4px}.user-email{font-size:13px;color:var(--text-secondary)}.dropdown-divider{height:1px;background:var(--border-color);margin:4px 0}.dropdown-item{width:100%;padding:12px 16px;border:none;background:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;color:var(--text-primary);font-size:14px;transition:background .2s ease}.dropdown-item:hover{background:var(--light-color)}.dropdown-item.logout{color:var(--danger-color)}.dropdown-item svg{flex-shrink:0}@media (max-width: 1024px){.header-center{display:none}.header{justify-content:space-between}}@media (max-width: 768px){.header{padding:0 16px}.greeting h2{font-size:16px}.user-avatar-header{display:none}.header-right{gap:6px}.icon-btn{padding:6px}}.quick-capture-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.quick-capture-panel{background:var(--bg-primary);border-radius:12px;width:100%;max-width:480px;max-height:90vh;border:1px solid var(--border-color);box-shadow:var(--shadow-lg);animation:slideDown .3s ease-out;display:flex;flex-direction:column}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.panel-header h2{margin:0;font-size:20px;font-weight:600;color:#333}.panel-body-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.panel-body-scrollable::-webkit-scrollbar{width:8px}.panel-body-scrollable::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.panel-body-scrollable::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.panel-body-scrollable::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.panel-body{padding:24px}.form-label{display:block;font-size:13px;font-weight:500;color:#666;margin-bottom:8px}.form-input,.form-textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-family:inherit;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:#4a90e2}.form-input::placeholder,.form-textarea::placeholder{color:#999}.form-textarea{resize:vertical;min-height:80px}.tags-container{display:flex;gap:8px;flex-wrap:wrap}.tag-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.tag-btn:hover{opacity:.8;transform:translateY(-1px)}.tag-btn.selected{box-shadow:0 2px 4px #0000001a}.add-tag-btn{padding:8px 16px;border:1px dashed var(--border-color);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;background:transparent;color:#666;transition:all .2s;display:flex;align-items:center;gap:6px}.add-tag-btn:hover{border-color:#4a90e2;color:#4a90e2;background:#4a90e20d}.add-tag-form{margin-top:12px;padding:16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary)}.tag-input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-family:inherit;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s;box-sizing:border-box;margin-bottom:12px}.tag-input:focus{outline:none;border-color:#4a90e2}.tag-input::placeholder{color:#999}.tag-color-picker{display:flex;align-items:center;gap:12px;margin-bottom:12px}.color-label{font-size:13px;font-weight:500;color:#666}.color-input{width:50px;height:32px;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;padding:2px}.color-preview{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color)}.tag-form-actions{display:flex;gap:8px;justify-content:flex-end}.tag-btn-save,.tag-btn-cancel{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.tag-btn-save{background:#4a90e2;color:#fff}.tag-btn-save:hover{background:#357abd}.tag-btn-cancel{background:transparent;color:#666;border:1px solid var(--border-color)}.tag-btn-cancel:hover{background:var(--bg-tertiary)}.attachment-section{display:flex;flex-direction:column;gap:12px}.file-input{display:none}.upload-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px dashed var(--border-color);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;background:transparent;color:#666;transition:all .2s;width:fit-content}.upload-btn:hover{border-color:#4a90e2;color:#4a90e2;background:#4a90e20d}.attachments-list{display:flex;flex-direction:column;gap:8px;margin-top:4px;max-height:300px;overflow-y:auto;padding-right:4px}.attachments-list::-webkit-scrollbar{width:6px}.attachments-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.attachments-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.attachments-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.attachment-item{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);transition:all .2s}.attachment-item:hover{border-color:#4a90e2;background:#4a90e205}.attachment-preview{width:40px;height:40px;object-fit:cover;border-radius:4px;border:1px solid var(--border-color)}.attachment-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--bg-primary);border-radius:4px;border:1px solid var(--border-color)}.attachment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.attachment-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-size{font-size:12px;color:var(--text-secondary)}.remove-attachment-btn{padding:6px;border:none;background:transparent;cursor:pointer;color:#999;transition:all .2s;border-radius:4px;display:flex;align-items:center;justify-content:center}.remove-attachment-btn:hover{background:#ef44441a;color:#ef4444}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.select-wrapper{position:relative}.form-select{width:100%;padding:12px 36px 12px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-family:inherit;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s;box-sizing:border-box}.form-select:focus{outline:none;border-color:#4a90e2}.select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#666}.panel-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px 24px;border-top:1px solid var(--border-color);flex-shrink:0;background:var(--bg-primary)}.btn-primary{background:#8fa3bf;color:#fff;margin-top:0}.btn-primary:hover{background:#7a8faf;transform:translateY(-1px);box-shadow:0 2px 8px #8fa3bf4d}.checkbox-wrapper{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.checkbox-label{font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer}@media (max-width: 640px){.quick-capture-panel{max-width:100%;margin:20px}.panel-header,.panel-body,.panel-footer{padding-left:20px;padding-right:20px}}.ai-auto-detect-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary, #666);background:#6366f10f;border:1px solid rgba(99,102,241,.15);border-radius:8px;padding:8px 12px;margin-bottom:12px}.ai-insight-result{display:flex;flex-direction:column;gap:12px;padding:4px 0}.ai-insight-header{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary, #888);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.ai-insight-icon{font-size:16px}.ai-category-badge{display:flex;align-items:center;gap:8px;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:10px;padding:10px 14px}.category-emoji{font-size:20px}.category-name{font-size:16px;font-weight:600;color:var(--text-primary)}.category-confidence{margin-left:auto;font-size:11px;color:var(--text-secondary, #888);background:#0000000d;border-radius:20px;padding:2px 8px}.ai-summary-text{font-size:13px;color:var(--text-secondary, #555);line-height:1.5;margin:0}.ai-insight-tags{display:flex;flex-wrap:wrap;gap:6px}.ai-insight-tag{font-size:11px;background:var(--bg-secondary, #f5f5f5);color:var(--text-secondary, #666);border-radius:4px;padding:2px 8px}.profile-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;z-index:999}.profile-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:520px;background:var(--bg-primary);border-left:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:1000;display:flex;flex-direction:column;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.profile-panel-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.profile-panel-header h2{margin:0;font-size:24px;font-weight:600;color:#333}.profile-panel-form{display:flex;flex-direction:column;flex:1;overflow:hidden}.profile-panel-body{padding:24px;flex:1;overflow-y:auto}.avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.avatar-upload-container{position:relative;width:120px;height:120px;cursor:pointer;border-radius:50%;overflow:hidden;margin-bottom:12px;transition:transform .2s}.avatar-upload-container:hover{transform:scale(1.05)}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:36px;font-weight:600}.avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff;gap:4px}.avatar-upload-container:hover .avatar-overlay{opacity:1}.avatar-overlay span{font-size:12px;font-weight:500}.avatar-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:1}.avatar-spinner{width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:#8fa3bf;border-radius:50%;animation:spin .8s linear infinite}.avatar-hint{font-size:12px;color:var(--text-secondary);margin:0;text-align:center}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-family:inherit;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4a90e2}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.profile-panel-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color);flex-shrink:0}.btn-primary,.btn-secondary{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:#8fa3bf;color:#fff}.btn-primary:hover:not(:disabled){background:#7a8faf;transform:translateY(-1px);box-shadow:0 2px 8px #8fa3bf4d}.btn-primary:disabled{background:#d5d5d5;color:#999;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.close-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s}.close-btn:hover{color:#333}@media (max-width: 640px){.profile-panel{max-width:100%}.form-row{grid-template-columns:1fr}.profile-panel-header,.profile-panel-body,.profile-panel-footer{padding-left:20px;padding-right:20px}}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:998;animation:fadeIn .3s ease}.sidebar{position:fixed;top:0;left:-280px;width:280px;height:100%;background:var(--sidebar-bg);box-shadow:2px 0 10px #0000000d;border-right:1px solid var(--border-color);z-index:999;transition:all .3s ease;display:flex;flex-direction:column}.sidebar.open{left:0}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-header h2{font-size:18px}.sidebar-header{padding:18px 16px 12px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.logo-container{display:flex;align-items:center;gap:12px;width:100%}.logo-image{width:100%;height:120px;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(29,78,216,.5))}.sidebar-header{gap:12px}.close-sidebar{background:none;border:none;font-size:32px;cursor:pointer;color:var(--text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:4px;transition:all .2s ease}.close-sidebar:hover{background:var(--light-color);color:var(--text-primary)}.toggle-collapse{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:6px;display:none;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.toggle-collapse:hover{background:var(--light-color);color:var(--text-primary)}.quick-capture-btn{margin:20px 16px;padding:14px;background:var(--accent-plum);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease}.quick-capture-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6b4c6f66}.sidebar.collapsed .quick-capture-btn{padding:12px}.sidebar.collapsed .quick-capture-btn span{display:none}.mobile-only{display:flex}.desktop-only{display:none}.sidebar-nav{flex:1;padding:10px 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;margin:4px 12px;color:var(--sidebar-text);text-decoration:none;transition:all .2s ease;border-radius:10px;font-size:15px;font-weight:500;background:none;border:none;width:calc(100% - 24px);cursor:pointer;text-align:left}.nav-item:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-hover)}.nav-item.active{background:var(--sidebar-active-bg);color:var(--primary-color)}.nav-item svg{flex-shrink:0}.nav-item span.collapsed{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:12px 10px;margin:4px 16px}.sidebar-footer{padding:0}.sidebar-divider{height:1px;background:var(--border-color);margin:16px 0}.settings-section{padding:1px 0}.section-label{font-size:11px;font-weight:600;color:var(--text-secondary);padding:8px 20px 12px;letter-spacing:.5px;text-transform:uppercase}.section-label.collapsed{display:none}.user-footer-container{position:relative}.user-footer{display:flex;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color);color:var(--text-primary);font-size:14px;background:none;border-left:none;border-right:none;border-bottom:none;width:100%;cursor:pointer;transition:all .2s ease}.user-footer:hover{background:var(--light-color)}.user-avatar-small{width:40px;height:40px;border-radius:50%;background:var(--primary-lighter);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.user-avatar-small img{width:100%;height:100%;object-fit:cover}.user-avatar-small svg{color:var(--primary-color)}.user-info{flex:1;display:flex;flex-direction:column;gap:2px;text-align:left}.user-info.collapsed{display:none}.user-name{font-size:14px;font-weight:600;color:var(--text-primary)}.user-plan{font-size:12px;color:var(--text-secondary)}.dropdown-arrow{flex-shrink:0;transition:transform .2s ease;color:var(--text-secondary)}.dropdown-arrow.open{transform:rotate(180deg)}.sidebar.collapsed .user-footer{justify-content:center;padding:16px 10px}.settings-popup{position:absolute;bottom:100%;left:12px;right:12px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;margin-bottom:8px;overflow:hidden;animation:slideUp .2s ease;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.popup-item{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;background:none;border:none;cursor:pointer;transition:all .2s ease;color:#111827;font-size:15px;font-weight:500;text-align:left}.popup-item:hover{background:#f3f4f6}.popup-item svg{flex-shrink:0;color:#6b7280}.popup-item span{flex:1}.popup-divider{height:1px;background:#e5e7eb;margin:4px 0}.logout-popup-item{color:#ef4444}.logout-popup-item svg{color:#ef4444}@media (min-width: 1024px){.sidebar{left:0}.sidebar-overlay,.mobile-only{display:none}.desktop-only{display:flex}}.calendar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.calendar-panel{background:var(--bg-primary);border-radius:16px;width:100%;max-width:900px;max-height:90vh;border:1px solid var(--border-color);box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out;display:flex;flex-direction:column;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color);flex-shrink:0}.calendar-header h2{margin:0;font-size:24px;font-weight:600;color:var(--text-primary)}.close-btn{background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:6px;transition:all .2s}.calendar-controls{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);flex-shrink:0}.nav-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all .2s}.nav-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.current-month{display:flex;align-items:center;gap:16px}.current-month h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.today-btn{background:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.today-btn:hover{opacity:.9;transform:translateY(-1px)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:24px;overflow-y:auto;flex:1}.calendar-grid::-webkit-scrollbar{width:8px}.calendar-grid::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.calendar-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.calendar-grid::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.calendar-day-header{text-align:center;font-size:12px;font-weight:600;color:var(--text-secondary);padding:8px;text-transform:uppercase}.calendar-day{aspect-ratio:1;border:1px solid var(--border-color);border-radius:8px;padding:8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background:var(--bg-secondary);transition:all .2s;position:relative;min-height:80px}.calendar-day.empty{background:transparent;border:none}.calendar-day.has-events{cursor:pointer;border-color:var(--primary-color);background:#4a90e20d}.calendar-day.has-events:hover{background:#4a90e21a;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.calendar-day.today{background:var(--primary-color);border-color:var(--primary-color)}.calendar-day.today .day-number{color:#fff;font-weight:700}.calendar-day.today.has-events{background:var(--primary-color)}.day-number{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.event-indicator{display:flex;align-items:center;justify-content:center;margin-top:auto;width:100%}.event-count{background:var(--primary-color);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px}.calendar-day.today .event-count{background:#fff;color:var(--primary-color)}.date-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px}.date-detail-popup{background:var(--bg-primary);border-radius:12px;width:100%;max-width:500px;max-height:80vh;border:1px solid var(--border-color);box-shadow:var(--shadow-lg);animation:popIn .2s ease-out;display:flex;flex-direction:column;overflow:hidden}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.date-detail-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.date-detail-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.close-btn-small{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:4px;transition:all .2s}.close-btn-small:hover{background:var(--bg-tertiary);color:var(--text-primary)}.date-detail-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.date-detail-content::-webkit-scrollbar{width:6px}.date-detail-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.date-detail-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.date-detail-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.date-capture-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .2s}.date-capture-card:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.capture-card-header{display:flex;align-items:flex-start;gap:12px}.capture-icon{font-size:20px;flex-shrink:0}.capture-card-info{flex:1;min-width:0}.capture-card-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.capture-board{font-size:12px;font-weight:500;color:var(--text-secondary);padding:2px 8px;background:var(--bg-tertiary);border-radius:4px;display:inline-block}.capture-notes{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5;word-wrap:break-word}.capture-card-tags{display:flex;flex-wrap:wrap;gap:6px}.capture-card-tag{font-size:11px;padding:3px 8px;background:var(--bg-tertiary);color:var(--text-primary);border-radius:4px;font-weight:500}.capture-card-attachments{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}@media (max-width: 768px){.calendar-panel{max-width:100%}.calendar-grid{gap:4px;padding:16px}.calendar-day{min-height:60px;padding:4px}.day-number{font-size:12px}.event-count{font-size:10px;padding:1px 6px}.date-detail-popup{max-width:100%}}.home-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.main-content{flex:1;display:flex;flex-direction:column;margin-left:0}@media (min-width: 1024px){.main-content{margin-left:280px;transition:margin-left .3s ease}.sidebar.collapsed~.main-content{margin-left:80px}}.greeting-content{flex:1;display:flex;flex-direction:row;justify-content:space-between;padding:10px;margin:10px}.greeting{display:flex;align-items:center;gap:16px}.user-avatar-header{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.user-avatar-header img{width:100%;height:100%;object-fit:cover}.user-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:18px;font-weight:600}.icons-right{display:flex;align-items:center;gap:20px}.content-area{flex:1;padding:32px;max-width:1400px;margin:0 auto;width:100%}.dashboard-sections{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.today-section{background:var(--bg-primary);border-radius:16px;padding:24px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.today-section h2{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.today-items{display:flex;flex-direction:column;gap:12px}.today-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-secondary);border-radius:12px;transition:all .2s ease}.today-item:hover{background:var(--bg-tertiary);transform:translate(4px)}.today-item.empty-state{opacity:.6;font-style:italic;cursor:default}.today-item.empty-state:hover{transform:none;background:var(--bg-secondary)}.item-tags{display:flex;gap:4px;margin-left:auto;margin-right:8px}.item-tag{font-size:10px;padding:2px 6px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:4px;font-weight:500}.item-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-icon.yellow{background:#fef3c7}.item-icon.purple{background:#ede9fe}.item-text{flex:1;font-size:14px;font-weight:500;color:var(--text-primary)}.item-action{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease}.item-action:hover{background:var(--border-color)}.highlights-section{background:var(--bg-primary);border-radius:16px;padding:24px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header h2{font-size:20px;font-weight:600;color:var(--text-primary)}.more-btn{background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:6px;transition:all .2s ease}.more-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.highlights-items{display:flex;flex-direction:column;gap:12px;max-height:280px;overflow-y:auto;padding-right:4px}.highlights-items::-webkit-scrollbar{width:6px}.highlights-items::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.highlights-items::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.highlights-items::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.highlight-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-secondary);border-radius:12px;font-size:14px;font-weight:500;color:var(--text-primary);transition:all .2s ease;flex-shrink:0}.highlight-item:hover{background:var(--bg-tertiary);transform:translate(4px)}.highlight-item.empty-state{opacity:.6;font-style:italic;cursor:default}.highlight-item.empty-state:hover{transform:none}.highlight-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.highlight-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.highlight-title{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.highlight-time{font-size:12px;font-weight:400;color:var(--text-secondary)}.life-board-section{background:var(--bg-primary);border-radius:16px;padding:24px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.life-board-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.life-board-header h2{font-size:20px;font-weight:600;color:var(--text-primary)}.board-actions{display:flex;align-items:center;gap:12px}.board-label{font-size:13px;color:var(--text-secondary)}.board-action-btn{background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:6px;transition:all .2s ease}.board-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.board-action-btn.share-btn{color:var(--primary-color)}.board-action-btn.share-btn:hover{background:#667eea1a;color:var(--primary-color)}.life-board-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.board-column{background:var(--bg-secondary);border-radius:12px;padding:16px;min-height:200px;max-height:360px;overflow-y:auto}.board-column::-webkit-scrollbar{width:6px}.board-column::-webkit-scrollbar-track{background:transparent}.board-column::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.board-column::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.column-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.column-header span{font-size:14px;font-weight:600;color:var(--text-primary)}.board-card{background:var(--bg-primary);border-radius:10px;padding:14px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .2s ease;cursor:pointer;position:relative}.board-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-delete-hover-btn{position:absolute;top:8px;right:8px;background:#ef4444;border:none;border-radius:6px;padding:6px;display:none;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;z-index:10}.board-card:hover .card-delete-hover-btn{display:flex}.card-delete-hover-btn:hover{background:#dc2626;transform:scale(1.05)}.board-card.completed-card .card-delete-hover-btn{right:auto;left:8px}.card-icon-small{width:28px;height:28px;border-radius:6px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.board-card span{font-size:13px;font-weight:500;color:var(--text-primary);flex:1}.board-card.empty{opacity:.6;font-style:italic;cursor:default}.board-card.empty:hover{transform:none;box-shadow:var(--shadow-sm)}.capture-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.capture-tag{font-size:10px;padding:2px 6px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:4px;font-weight:500}.board-card{cursor:grab;position:relative}.board-card:active{cursor:grabbing;opacity:.7}.board-column[data-dragging=true]{background:var(--bg-tertiary);border:2px dashed var(--primary-color)}.board-card.completed-card{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-content{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.archive-btn{background:transparent;border:1px solid var(--border-color);border-radius:6px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease;flex-shrink:0}.archive-btn:hover{background:var(--bg-tertiary);color:var(--primary-color);border-color:var(--primary-color)}.archive-btn svg{width:14px;height:14px}@media (max-width: 768px){.content-area{padding:16px}.dashboard-sections,.life-board-columns{grid-template-columns:1fr}.icon-btns{background:var(--primary-color);border:1px solid transparent;border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s ease;gap:8px}}.people-section{background:var(--bg-primary);border-radius:16px;padding:24px;box-shadow:var(--shadow);border:1px solid var(--border-color);margin-top:32px;margin-bottom:24px}.people-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.people-group-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.people-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.people-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border-color)}.people-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#22d3ee);color:#fff;font-weight:600;letter-spacing:.04em}.people-name{font-size:14px;font-weight:600;color:var(--text-primary)}.people-relationship{font-size:12px;color:var(--text-tertiary)}@media (max-width: 1024px){.people-groups,.people-list{grid-template-columns:1fr}}.card-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.card-detail-modal{background:var(--bg-primary);border-radius:16px;width:90vw;max-width:1200px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideInUp .3s ease}.card-detail-header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-primary);z-index:10}.back-to-board-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.back-to-board-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.detail-close-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-secondary);border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.detail-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.card-detail-content{padding:32px}.detail-title-section{display:flex;align-items:center;gap:16px;margin-bottom:32px}.detail-status-icon{font-size:32px;flex-shrink:0}.detail-title-section h2{flex:1;font-size:28px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.detail-title-section svg{flex-shrink:0}.detail-grid{display:grid;grid-template-columns:1fr 360px;gap:32px}.detail-main-column,.detail-sidebar-column{display:flex;flex-direction:column;gap:24px}.detail-section{display:flex;flex-direction:column;gap:12px}.detail-section h3{font-size:14px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0}.detail-description{font-size:15px;color:var(--text-secondary);line-height:1.7;margin:0;white-space:pre-wrap;padding:16px;background:var(--bg-secondary);border-radius:8px}.detail-status-badge{display:inline-flex;padding:8px 16px;background:var(--bg-tertiary);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);width:fit-content}.detail-priority-badge{display:inline-flex;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;color:#fff;width:fit-content}.detail-tags{display:flex;flex-wrap:wrap;gap:8px}.source-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#60a5fa26;color:#93c5fd;font-weight:600;text-decoration:none;border:1px solid rgba(96,165,250,.35);transition:all .2s ease}.source-pill:hover{background:#60a5fa40;border-color:#60a5fa99}.detail-tag{padding:6px 12px;background:var(--primary-color);color:#fff;border-radius:16px;font-size:13px;font-weight:500}.detail-date{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary);padding:12px;background:var(--bg-secondary);border-radius:8px}.detail-date svg{color:var(--text-tertiary);flex-shrink:0}.detail-color-display{display:flex;align-items:center;justify-content:center;padding:16px;border-radius:8px;border:1px solid var(--border-color)}.detail-color-display span{font-size:13px;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.detail-metadata{display:flex;flex-direction:column;gap:8px}.metadata-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-secondary);border-radius:6px}.metadata-label{font-size:13px;font-weight:500;color:var(--text-tertiary)}.metadata-value{font-size:13px;color:var(--text-secondary)}.detail-attachments-list{display:flex;flex-direction:column;gap:8px}.detail-attachment-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-secondary);border-radius:8px;transition:background .2s}.detail-attachment-item:hover{background:var(--bg-tertiary)}.detail-attachment-item svg{flex-shrink:0;color:var(--text-secondary)}.attachment-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.attachment-name{font-size:14px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{font-size:12px;color:var(--text-tertiary)}.attachment-download{padding:8px;background:var(--primary-color);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.attachment-download:hover{background:#3b82f6;transform:translateY(-1px)}.comparison-section{border-top:1px solid var(--border-color);padding-top:24px}.comparison-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.comparison-controls{display:flex;align-items:center;gap:10px}.comparison-search-btn{display:flex;align-items:center;gap:6px;padding:6px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.comparison-search-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.comparison-search-btn:disabled{opacity:.6;cursor:not-allowed}.comparison-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.comparison-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;text-align:center;color:var(--text-tertiary)}.comparison-empty svg{opacity:.4}.comparison-empty p{margin:0;font-size:13px;line-height:1.5;max-width:300px}.comparison-error{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px}.comparison-results{display:flex;flex-direction:column;gap:10px}.result-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.result-card{background:#0f172aa6;border:1px solid rgba(148,163,184,.25);border-radius:16px;padding:16px;text-align:left;color:var(--text-primary);text-decoration:none;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 24px #0f172a59;transition:transform .2s ease,border .2s ease,box-shadow .2s ease}.result-card:hover{transform:translateY(-4px);border-color:#60a5fa80;box-shadow:0 18px 32px #2563eb33}.result-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.result-card-badge{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#93c5fd;background:#3b82f62e;padding:4px 8px;border-radius:999px;font-weight:600}.result-card-domain{font-size:12px;color:var(--text-tertiary)}.result-card-title{font-size:15px;font-weight:600;color:#e2e8f0}.result-card-snippet{font-size:13px;color:#94a3b8;line-height:1.4}.result-card-price{font-size:14px;font-weight:600;color:#fbbf24}.result-card-rating{display:flex;align-items:center;gap:8px;color:#facc15;font-size:12px}.result-card-thumb{width:100%;height:140px;border-radius:12px;overflow:hidden;background:#1e293b99;display:flex;align-items:center;justify-content:center}.result-card-thumb img{width:100%;height:100%;object-fit:cover}.result-card-thumb.empty{color:var(--text-tertiary)}.image-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.image-card img{border-radius:12px;height:160px;object-fit:cover;width:100%}.comparison-web-item{display:block;padding:14px;background:var(--bg-secondary);border-radius:8px;text-decoration:none;transition:all .2s;border:1px solid transparent}.comparison-web-item:hover{background:var(--bg-tertiary);border-color:var(--primary-color);transform:translateY(-1px)}.web-result-title{font-size:14px;font-weight:600;color:var(--primary-color);margin-bottom:6px;line-height:1.4}.web-result-snippet{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.web-result-link{font-size:12px;color:var(--text-tertiary)}.comparison-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.comparison-image-item{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:8px;overflow:hidden;text-decoration:none;transition:all .2s;border:1px solid transparent}.comparison-image-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.comparison-image-item img{width:100%;height:120px;object-fit:cover;background:var(--bg-tertiary)}.image-result-title{padding:8px 10px;font-size:12px;color:var(--text-secondary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-tab-bar{display:flex;gap:4px;background:var(--bg-secondary);border-radius:10px;padding:4px;border:1px solid var(--border-color);margin-top:8px}.search-tab-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--text-tertiary);cursor:pointer;border-radius:7px;transition:all .2s;white-space:nowrap}.search-tab-btn:hover:not(.active):not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.search-tab-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 1px 3px #00000026}.search-tab-btn:disabled{opacity:.4;cursor:not-allowed}.search-tab-btn svg{flex-shrink:0}.search-result-count{text-align:center;font-size:12px;color:var(--text-tertiary);padding:8px 0 0}.places-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.place-card{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s;border:2px solid transparent}.place-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.place-card.selected{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.place-card-photo{width:100%;height:140px;overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.place-card-photo img{width:100%;height:100%;object-fit:cover}.place-card-photo-empty{color:var(--text-tertiary);opacity:.5}.place-card-body{padding:12px 14px;display:flex;flex-direction:column;gap:6px}.place-card-name{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.3}.place-card-rating{display:flex;align-items:center;gap:6px;font-size:13px;flex-wrap:wrap}.star-rating{color:#f59e0b;letter-spacing:1px}.rating-value{font-weight:600;color:var(--text-primary)}.rating-count{color:var(--text-tertiary);font-size:12px}.place-price-level{color:#10b981;font-weight:600;font-size:13px}.place-card-address{font-size:12px;color:var(--text-tertiary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.place-open-badge{display:inline-flex;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;width:fit-content}.place-open-badge.open{background:#10b98126;color:#10b981}.place-open-badge.closed{background:#ef444426;color:#ef4444}.place-detail-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:20px;margin-top:12px;animation:slideInUp .2s ease}.place-detail-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.place-detail-header-row h4{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.place-detail-close{background:none;border:none;padding:6px;cursor:pointer;color:var(--text-tertiary);border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.place-detail-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.place-detail-photos{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:16px;scrollbar-width:thin}.place-detail-photos img{width:160px;height:110px;object-fit:cover;border-radius:8px;flex-shrink:0;background:var(--bg-tertiary)}.place-detail-info{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.place-detail-row{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--text-secondary)}.place-detail-label{font-weight:600;color:var(--text-tertiary);min-width:70px;flex-shrink:0;font-size:12px;text-transform:uppercase;letter-spacing:.3px;padding-top:2px}.place-detail-row a{color:var(--primary-color);text-decoration:none}.place-detail-row a:hover{text-decoration:underline}.place-detail-hours{display:flex;flex-direction:column;gap:6px}.place-detail-hours ul{margin:0;padding-left:16px;font-size:13px;color:var(--text-secondary);line-height:1.6}.place-detail-hours li{list-style:none;padding:2px 0}.place-detail-reviews{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border-color);padding-top:16px}.place-review-item{padding:12px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color)}.place-review-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.place-review-header strong{font-size:13px;color:var(--text-primary)}.place-review-rating{font-size:13px}.place-review-time{font-size:12px;color:var(--text-tertiary)}.place-review-text{margin:0;font-size:13px;line-height:1.6;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.shopping-results{display:flex;flex-direction:column;gap:10px}.shopping-item{display:flex;gap:14px;padding:14px;background:var(--bg-secondary);border-radius:10px;text-decoration:none;transition:all .2s;border:1px solid transparent}.shopping-item:hover{background:var(--bg-tertiary);border-color:var(--primary-color);transform:translateY(-1px)}.shopping-item-thumb{width:80px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden;background:var(--bg-tertiary)}.shopping-item-thumb img{width:100%;height:100%;object-fit:cover}.shopping-item-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.shopping-item-title{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shopping-item-price{font-size:16px;font-weight:700;color:#10b981}.shopping-item-meta{display:flex;align-items:center;gap:10px;font-size:12px;flex-wrap:wrap}.shopping-item-source{color:var(--text-tertiary);font-weight:500}.shopping-item-rating{color:var(--text-secondary);display:flex;align-items:center;gap:4px}.shopping-item-snippet{font-size:12px;color:var(--text-tertiary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.detail-header-actions{display:flex;align-items:center;gap:8px}.detail-edit-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.detail-edit-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}.detail-delete-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid var(--danger-color);border-radius:8px;font-size:14px;font-weight:500;color:var(--danger-color);cursor:pointer;transition:all .2s}.detail-delete-btn:hover{background:var(--danger-lighter)}.detail-save-btn{padding:8px 20px;background:var(--primary-color);border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.detail-save-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.detail-save-btn:disabled{opacity:.6;cursor:not-allowed}.detail-cancel-btn{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.detail-cancel-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.detail-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.detail-save-error{padding:12px 32px;background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:14px}.detail-edit-title{flex:1;font-size:28px;font-weight:600;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;outline:none;transition:border-color .2s}.detail-edit-title:focus{border-color:var(--primary-color)}.detail-edit-description{width:100%;font-size:15px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;line-height:1.7;resize:vertical;outline:none;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.detail-edit-description:focus{border-color:var(--primary-color)}.detail-edit-select{padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);outline:none;cursor:pointer;transition:border-color .2s;width:100%}.detail-edit-select:focus{border-color:var(--primary-color)}.detail-edit-date{padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);outline:none;width:100%;box-sizing:border-box;transition:border-color .2s}.detail-edit-date:focus{border-color:var(--primary-color)}.detail-edit-tags{display:flex;flex-direction:column;gap:8px}.detail-edit-tag-input{padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);outline:none;transition:border-color .2s}.detail-edit-tag-input:focus{border-color:var(--primary-color)}.editable-tag{display:inline-flex;align-items:center;gap:4px;padding-right:6px}.tag-remove-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:2px;cursor:pointer;color:#ffffffb3;border-radius:50%;transition:all .2s}.tag-remove-btn:hover{color:#fff;background:#fff3}.detail-edit-color-wrapper{display:flex;align-items:center;gap:12px}.detail-edit-color{width:48px;height:36px;border:1px solid var(--border-color);border-radius:8px;padding:2px;cursor:pointer;background:var(--bg-secondary)}.detail-clear-color{padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.detail-clear-color:hover{background:var(--bg-tertiary);color:var(--text-primary)}.detail-star-toggle{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;flex-shrink:0}.detail-star-toggle:hover{background:var(--bg-tertiary)}.detail-empty-text{color:var(--text-tertiary);font-style:italic}.card-detail-modal::-webkit-scrollbar{width:8px}.card-detail-modal::-webkit-scrollbar-track{background:var(--bg-secondary)}.card-detail-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.card-detail-modal::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 1024px){.detail-grid{grid-template-columns:1fr}.detail-sidebar-column{order:-1}.places-results{grid-template-columns:1fr}}@media (max-width: 768px){.card-detail-modal{width:95vw;max-height:95vh}.card-detail-content{padding:20px}.detail-title-section h2{font-size:22px}.card-detail-header{padding:16px 20px}.comparison-header{flex-direction:column;align-items:flex-start}.comparison-image-grid{grid-template-columns:repeat(2,1fr)}.search-tab-bar{flex-wrap:wrap}.search-tab-btn{padding:6px 12px;font-size:12px}.shopping-item{flex-direction:column}.shopping-item-thumb{width:100%;height:160px}.place-detail-photos img{width:120px;height:80px}}.rec-tab-container{padding:16px 0 8px;display:flex;flex-direction:column;gap:12px}.rec-tab-header{margin-bottom:4px}.rec-tab-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 6px;line-height:1.3}.rec-tab-desc{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.rec-list{display:flex;flex-direction:column;gap:12px}.rec-card{display:flex;flex-direction:row;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;min-height:160px}.rec-card:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #00000026}.rec-card-skeleton{pointer-events:none}.rec-card-img-skel{width:170px;flex-shrink:0;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:rec-shimmer 1.5s infinite}.rec-skel-line{border-radius:6px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:rec-shimmer 1.5s infinite;margin-bottom:10px}.rec-skel-title{height:20px;width:60%}.rec-skel-tags{height:14px;width:40%}.rec-skel-text{height:14px;width:80%}@keyframes rec-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rec-card-image{width:170px;flex-shrink:0;position:relative;overflow:hidden}.rec-card-image img{width:100%;height:100%;object-fit:cover;display:block}.rec-card-body{flex:1;padding:14px 16px;display:flex;flex-direction:column;gap:8px;min-width:0}.rec-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.rec-card-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.25;flex:1;min-width:0}.rec-score-ring{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.rec-score-value{position:absolute;font-size:16px;font-weight:700;color:var(--text-primary);line-height:1}.rec-card-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rec-card-tag{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.rec-tag-sep{color:var(--border-color);font-size:13px;line-height:1}.rec-card-divider{height:1px;background:var(--border-color);margin:2px 0}.rec-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;flex:1}.rec-pros-list,.rec-cons-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.rec-pros-list li,.rec-cons-list li{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:var(--text-secondary);line-height:1.4}.rec-check-icon{color:#22c55e;font-size:13px;flex-shrink:0;margin-top:1px}.rec-x-icon{color:#ef4444;font-size:13px;flex-shrink:0;margin-top:1px}.rec-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:4px}.rec-card-price{font-size:12px;color:var(--text-secondary)}.rec-details-btn{background:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s ease;white-space:nowrap;margin-left:auto}.rec-details-btn:hover{opacity:.85}.rec-other-options-btn{align-self:center;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s ease,color .15s ease;margin-top:4px}.rec-other-options-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.rec-empty{padding:40px 20px;text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:12px}.rec-empty p{margin:0;font-size:14px}@media (max-width: 600px){.rec-card{flex-direction:column}.rec-card-image{width:100%;height:140px}.rec-pros-cons{grid-template-columns:1fr}}.detail-linked-people{display:flex;flex-direction:column;gap:6px}.linked-person-chip{display:flex;align-items:center;gap:6px;background:var(--bg-secondary, #f3f4f6);border-radius:20px;padding:4px 10px 4px 12px;font-size:.82rem}.linked-person-name{font-weight:500;color:var(--text-primary)}.linked-person-type{color:var(--text-secondary);font-size:.75rem;flex:1}.linked-person-remove{background:none;border:none;cursor:pointer;padding:2px;color:var(--text-secondary);display:flex;align-items:center;border-radius:50%}.linked-person-remove:hover{color:#ef4444;background:#ef44441a}.people-link-input-wrapper{position:relative}.people-link-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary, white);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;box-shadow:0 4px 12px #0000001f;z-index:100;max-height:200px;overflow-y:auto}.people-link-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;cursor:pointer;text-align:left;font-size:.85rem}.people-link-option:hover{background:var(--bg-secondary, #f3f4f6)}.people-link-option-name{font-weight:500;color:var(--text-primary)}.people-link-option-type{color:var(--text-secondary);font-size:.75rem;margin-left:auto}.people-link-empty{padding:10px 12px;font-size:.82rem;color:var(--text-secondary);text-align:center}.kanban-wrapper{display:flex;height:calc(100vh - 60px);background:var(--bg-secondary);overflow:hidden}.timeline-panel{width:400px;flex-shrink:0;height:100%;overflow:hidden}.kanban-wrapper.with-timeline .kanban-content{max-width:calc(100% - 400px)}.kanban-content{flex:1;padding:24px 32px;overflow-y:auto;min-width:0}.kanban-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;background:var(--bg-primary);padding:24px 32px;border-radius:16px;border:1px solid var(--border-color);box-shadow:var(--shadow)}.kanban-date-section h1{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.kanban-summary{display:flex;gap:20px;flex-wrap:wrap}.summary-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.summary-item.clickable{cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .2s ease}.summary-item.clickable:hover{background:var(--bg-tertiary);color:var(--text-primary)}.summary-item.clickable.active{background:var(--primary-color);color:#fff}.summary-item.clickable.active svg{color:#fff}.summary-item svg{flex-shrink:0;color:var(--text-tertiary)}.kanban-actions{display:flex;gap:12px;align-items:center}.action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.action-btn:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.action-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.action-btn.active svg{color:#fff}.action-btn.active:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.action-btn svg{color:var(--text-secondary)}.action-btn.reset-btn{background:#fef3c7;border-color:#fbbf24;color:#92400e}.action-btn.reset-btn:hover{background:#fde68a;border-color:#f59e0b}.action-btn.reset-btn svg{color:#92400e}.action-btn-text{padding:10px 16px;background:none;border:none;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.action-btn-text:hover{color:var(--text-primary)}.kanban-message{background:var(--bg-primary);padding:20px 32px;border-radius:16px;margin-bottom:24px;border:1px solid var(--border-color);box-shadow:var(--shadow)}.kanban-message p{font-size:18px;color:var(--text-primary);font-weight:500;margin:0}.kanban-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.filter-tab{padding:10px 20px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:24px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.filter-tab:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.filter-tab.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.dropdown-btn{padding:10px 20px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:24px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.dropdown-btn:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.dropdown-btn svg{width:12px;height:12px}.kanban-board-container{display:flex;gap:20px;position:relative;transition:all .3s ease}.kanban-board-container.with-preview .kanban-board{flex:1;max-width:calc(100% - 420px)}.kanban-board{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;height:fit-content;min-height:calc(100vh - 400px)}.kanban-column{background:var(--bg-primary);border-radius:16px;padding:20px;border:1px solid var(--border-color);box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:none}.column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.column-header h3{font-size:16px;font-weight:600;color:var(--text-primary)}.column-menu-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-tertiary);border-radius:4px;transition:all .2s ease}.column-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.tasks-container{display:flex;flex-direction:column;gap:12px;overflow:visible;flex:1;padding-right:0}.kanban-card{background:var(--bg-secondary);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.kanban-card:hover{background:var(--bg-primary);border-color:var(--border-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.kanban-card.completed{opacity:.7}.kanban-card.selected{border-color:var(--primary-color);background:var(--bg-primary);box-shadow:0 0 0 2px var(--primary-color)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.card-icon{font-size:24px;line-height:1}.card-menu{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-tertiary);border-radius:4px;transition:all .2s ease;opacity:0}.kanban-card:hover .card-menu{opacity:1}.card-menu:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.kanban-card h4{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:8px;line-height:1.4}.card-media{width:90%;height:100px;border-radius:10px;overflow:hidden;background:#0f172a;margin-bottom:10px;border:1px solid var(--border-color);margin-left:auto;margin-right:auto}.card-media img,.card-media video{width:100%;height:100%;object-fit:cover;display:block}.card-tag{display:inline-block;font-size:12px;color:var(--text-secondary);background:var(--bg-primary);padding:4px 10px;border-radius:12px;margin-bottom:8px}.card-tag.health{background:#e0f2fe;color:#0369a1}.card-tag.tech{background:#fef3c7;color:#d97706}.card-tag.wellness{background:#ede9fe;color:#7c3aed}.card-tag.travel{background:#fee2e2;color:#dc2626}.card-tag.projects{background:#dbeafe;color:#1d4ed8}.card-tag.decisions,.card-tag.completed-tag{background:#dcfce7;color:#16a34a}.card-notes{font-size:12px;color:var(--text-tertiary);line-height:1.5;margin-top:8px}.activity-column{background:var(--bg-secondary)}.activity-container{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;gap:12px;align-items:flex-start}.activity-icon{font-size:20px;flex-shrink:0}.activity-content{flex:1}.activity-content p{font-size:13px;color:var(--text-primary);margin:0 0 4px;line-height:1.5}.activity-time{font-size:11px;color:var(--text-tertiary)}.activity-label{display:inline-block;font-size:11px;color:var(--primary-color);background:var(--primary-lighter);padding:2px 8px;border-radius:8px;margin-top:4px}.activity-footer{text-align:center;padding-top:16px;border-top:1px solid var(--border-color);margin-top:8px}.activity-footer p{font-size:12px;color:var(--text-tertiary);font-style:italic}@media (max-width: 1400px){.kanban-board{grid-template-columns:repeat(4,1fr)}.activity-column{grid-column:span 2}}@media (max-width: 1024px){.kanban-content{padding:20px}.kanban-header{flex-direction:column;gap:16px;padding:20px}.kanban-actions{width:100%;justify-content:flex-start}.kanban-board{grid-template-columns:repeat(2,1fr)}.activity-column{grid-column:span 2}}@media (max-width: 768px){.kanban-content,.kanban-header{padding:16px}.kanban-date-section h1{font-size:24px}.kanban-summary{flex-direction:column;gap:8px}.kanban-filters{flex-direction:column;align-items:flex-start}.filter-tabs{width:100%;overflow-x:auto;padding-bottom:8px}.kanban-board{grid-template-columns:1fr}.kanban-column{min-width:100%}.activity-column{grid-column:span 1}.kanban-board-container.with-preview .kanban-board{max-width:100%}.preview-panel{position:fixed!important;top:70px;left:0;right:0;bottom:0;z-index:1000}}.preview-panel{width:400px;background:var(--bg-primary);border-radius:16px;border:1px solid var(--border-color);box-shadow:var(--shadow-lg);overflow-y:auto;flex-shrink:0;animation:slideInRight .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.preview-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-end}.preview-close{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-secondary);border-radius:8px;transition:all .2s ease}.preview-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.preview-content{padding:0 20px 20px}.preview-icon-title{display:flex;align-items:center;gap:16px;margin-bottom:24px}.preview-icon{font-size:48px;line-height:1}.preview-icon-title h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.preview-section{margin-bottom:24px}.preview-section h3{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.preview-badge{display:inline-block;padding:6px 12px;background:var(--bg-secondary);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.preview-notes,.preview-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.preview-activity{display:flex;flex-direction:column;gap:12px}.activity-entry{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-secondary);border-radius:8px}.activity-user{font-size:13px;font-weight:600;color:var(--text-primary)}.activity-text{font-size:13px;color:var(--text-secondary)}.activity-date{font-size:11px;color:var(--text-tertiary)}.preview-actions{display:flex;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.preview-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.preview-action-btn:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.preview-action-btn.delete{color:var(--danger-color);border-color:var(--danger-color)}.preview-action-btn.delete:hover{background:var(--danger-lighter)}.preview-action-btn svg{flex-shrink:0}.dropdown-select{padding:10px 20px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:24px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;min-width:150px}.dropdown-select:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.dropdown-select:focus{outline:none;border-color:var(--primary-color)}.kanban-card[draggable=true]{cursor:move;border-left:3px solid transparent}.kanban-card[draggable=true]:active{opacity:.5;cursor:grabbing}.kanban-column[data-droppable=true]{background:var(--bg-tertiary);border:2px dashed var(--border-color)}.card-header-left,.card-header-right{display:flex;align-items:center;gap:8px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.priority-badge{font-size:10px;font-weight:600;color:#fff;padding:4px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.card-star{background:none;border:none;padding:4px;cursor:pointer;color:#f59e0b;border-radius:4px;transition:all .2s ease;opacity:0}.kanban-card:hover .card-star{opacity:1}.card-star:hover{background:var(--bg-tertiary);transform:scale(1.1)}.card-description{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.card-date,.card-attachments{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary);margin-top:8px}.card-date svg,.card-attachments svg{flex-shrink:0}.column-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:var(--bg-secondary);border-radius:12px;font-size:12px;font-weight:600;color:var(--text-secondary)}.empty-column{display:flex;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-column p{font-size:14px;color:var(--text-tertiary);font-style:italic}.kanban-loading{display:flex;align-items:center;justify-content:center;padding:60px 20px;font-size:16px;color:var(--text-secondary)}.calendar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.calendar-panel{background:var(--bg-primary);border-radius:16px;padding:24px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideInUp .3s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-header h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.close-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-secondary);border-radius:8px;transition:all .2s ease}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.calendar-content{padding:20px 0;text-align:center;color:var(--text-secondary)}.card-ai-insight{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color, rgba(0,0,0,.06))}.card-ai-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#6366f1;background:#6366f114;border-radius:4px;padding:2px 7px;width:fit-content}.card-ai-summary{font-size:11px;color:var(--text-secondary, #888);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.detail-view-container{display:grid;grid-template-columns:1fr 350px;gap:24px;width:100%;min-height:100vh}.detail-view-content{flex:1;padding:32px;max-width:900px;width:100%}.detail-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:0}.back-btn-simple{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .2s ease}.back-btn-simple:hover{background:var(--bg-secondary)}.back-btn-simple svg{width:20px;height:20px}.header-actions-right{display:flex;align-items:center;gap:8px}.header-icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.header-icon-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.header-icon-btn svg{width:20px;height:20px}.detail-title-section{margin-bottom:24px}.detail-title-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.detail-title-large{font-size:32px;font-weight:700;color:var(--text-primary);margin:0}.status-badge{background:var(--bg-secondary);color:var(--text-primary);padding:6px 14px;border-radius:20px;font-size:14px;font-weight:500;border:1px solid var(--border-color)}.status-badge.active{background:#22c55e1a;color:#22c55e;border-color:#22c55e4d}.compare-options-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:8px 16px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.compare-options-btn:hover{background:var(--bg-tertiary)}.compare-options-btn svg{width:16px;height:16px}.saved-note-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:16px;margin-bottom:24px}.saved-note-box p{margin:0;color:var(--text-primary);font-size:14px;line-height:1.6}.search-criteria-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.criteria-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary)}.criteria-item svg{width:16px;height:16px;color:var(--text-secondary)}.amenities-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.amenity-badge{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:6px 12px;font-size:13px;color:var(--text-primary);display:flex;align-items:center;gap:6px}.amenity-badge svg{width:14px;height:14px}.past-discussions-section{margin-bottom:32px}.discussion-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;cursor:pointer;padding:8px 0}.discussion-section-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.discussion-toggle-icon{color:var(--text-secondary);transition:transform .2s ease}.discussion-toggle-icon.open{transform:rotate(180deg)}.discussions-list{display:flex;flex-direction:column;gap:8px}.discussion-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease}.discussion-item:hover{background:var(--bg-tertiary)}.discussion-checkmark{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#22c55e1a;color:#22c55e;display:flex;align-items:center;justify-content:center;margin-top:2px}.discussion-checkmark svg{width:12px;height:12px}.discussion-text{flex:1}.discussion-text p{margin:0 0 4px;color:var(--text-primary);font-size:14px;line-height:1.5}.discussion-timestamp{font-size:12px;color:var(--text-secondary)}.detail-card-modern{background:var(--bg-primary);border-radius:16px;padding:32px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.detail-card-header-modern{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.header-left-section{display:flex;align-items:center;gap:12px}.card-icon-modern{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:12px}.card-title-modern{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.card-meta-row{display:flex;align-items:center;gap:16px;margin-bottom:24px}.category-badge{background:var(--bg-secondary);color:var(--text-primary);padding:6px 14px;border-radius:20px;font-size:14px;font-weight:500}.saved-date{color:var(--text-secondary);font-size:14px}.card-content-section{display:flex;gap:24px;margin-bottom:24px}.sofa-image-container{flex-shrink:0}.sofa-image-placeholder{width:200px;height:140px;background:var(--bg-secondary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:64px;border:1px solid var(--border-color)}.why-saved-section{flex:1}.section-title-small{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.why-saved-text{background:var(--bg-secondary);padding:16px;border-radius:10px;color:var(--text-primary);font-size:14px;line-height:1.6;border:1px solid var(--border-color)}.next-step-banner{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease}.next-step-banner:hover{background:var(--bg-tertiary)}.next-step-content{display:flex;align-items:flex-start;gap:12px;flex:1}.next-step-content svg{flex-shrink:0;color:var(--text-secondary);margin-top:2px}.next-step-text h4{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.next-step-text .highlight{color:var(--primary-color)}.next-step-text p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.next-step-arrow{flex-shrink:0;color:var(--text-secondary)}.detail-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border-color);margin-bottom:24px}.tab-button{background:none;border:none;padding:12px 20px;font-size:15px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;position:relative;bottom:-1px}.tab-button:hover{color:var(--text-primary)}.tab-button.active{color:var(--text-primary);border-bottom-color:var(--primary-color)}.compare-content{display:flex;flex-direction:column;gap:16px}.add-another-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:14px 20px;display:flex;align-items:center;gap:10px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-another-btn:hover{background:var(--bg-tertiary)}.add-another-btn svg{width:18px;height:18px}.comparison-cards-section{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.comparison-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:20px;position:relative;transition:all .2s ease}.comparison-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.rank-badge{position:absolute;top:16px;left:16px;background:var(--primary-color);color:#fff;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;z-index:1}.rank-badge.rank-1{background:#3b82f6}.rank-badge.rank-2{background:#6366f1}.rank-badge.rank-3{background:#8b5cf6}.comparison-card-header{display:flex;gap:16px;margin-bottom:16px;padding-left:44px}.option-image-placeholder{flex-shrink:0;width:120px;height:100px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:48px;overflow:hidden}.option-image-placeholder img{width:100%;height:100%;object-fit:cover}.option-header-info{flex:1;display:flex;flex-direction:column;gap:8px}.option-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.option-name{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.option-price{font-size:20px;font-weight:700;color:var(--text-primary);white-space:nowrap}.option-price-label{font-size:12px;font-weight:400;color:var(--text-secondary)}.option-rating-badge{background:#fbbf241a;color:#f59e0b;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:4px}.option-rating-badge svg{width:14px;height:14px}.option-location{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.option-location svg{width:14px;height:14px}.features-list{display:flex;flex-direction:column;gap:8px;padding-left:44px}.feature-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-primary)}.feature-checkmark{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:#22c55e1a;color:#22c55e;display:flex;align-items:center;justify-content:center}.feature-checkmark svg{width:11px;height:11px}.feature-checkmark.missing{background:var(--bg-secondary);color:var(--text-secondary)}.compare-items-list{display:flex;flex-direction:column;gap:12px}.compare-item-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;transition:all .2s ease}.compare-item-card:hover{box-shadow:var(--shadow-md)}.compare-item-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.item-image-container{flex-shrink:0}.item-image-placeholder{width:80px;height:80px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:40px}.item-info{flex:1;display:flex;flex-direction:column;gap:6px}.item-title-row{display:flex;align-items:center;gap:12px}.item-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.item-source{font-size:13px;color:var(--text-secondary)}.item-category{font-size:14px;color:var(--text-primary);background:var(--bg-primary);padding:4px 10px;border-radius:6px;display:inline-block;width:fit-content}.item-price-section{display:flex;align-items:center;gap:16px}.item-price{font-size:20px;font-weight:700;color:var(--text-primary)}.checkbox-button{width:28px;height:28px;border-radius:6px;border:2px solid var(--border-dark);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.checkbox-button:hover{border-color:var(--primary-color)}.checkbox-button.checked{background:var(--primary-color);border-color:var(--primary-color)}.compare-item-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-color)}.item-rating{display:flex;align-items:center;gap:8px}.rating-stars{display:flex;gap:2px}.star{color:var(--gray-400);font-size:16px}.star.filled{color:var(--accent-gold)}.review-count{font-size:14px;color:var(--text-secondary);margin-left:4px}.add-pros-cons-btn{background:none;border:1px solid var(--border-color);border-radius:8px;padding:8px 14px;display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-pros-cons-btn:hover{background:var(--bg-tertiary)}.add-pros-cons-btn svg{width:14px;height:14px}.tab-content-placeholder{padding:40px;text-align:center;color:var(--text-secondary)}.decision-receipt-panel{width:350px;background:var(--bg-primary);border-left:1px solid var(--border-color);padding:32px 24px;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.receipt-panel-header{margin-bottom:8px}.receipt-panel-header h2{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.receipt-panel-subtitle{font-size:13px;color:var(--text-secondary);margin:0}.saved-option-section{padding-bottom:24px;border-bottom:1px solid var(--border-color)}.saved-option-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:16px;margin-bottom:16px}.saved-option-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.saved-option-details{display:flex;flex-direction:column;gap:6px}.saved-option-detail{display:flex;align-items:center;justify-content:space-between;font-size:14px}.detail-label{color:var(--text-secondary)}.detail-value{color:var(--text-primary);font-weight:500}.detail-value.price{font-weight:700;font-size:16px}.book-btn{background:var(--primary-color);color:#fff;border:none;border-radius:10px;padding:14px 20px;font-size:15px;font-weight:600;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;margin-bottom:12px}.book-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:var(--shadow-md)}.book-btn svg{width:18px;height:18px}.track-prices-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.track-prices-btn:hover{background:var(--bg-tertiary)}.track-prices-btn svg{width:16px;height:16px}.key-factors-section{padding-bottom:24px;border-bottom:1px solid var(--border-color)}.key-factors-section h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.factors-list{display:flex;flex-direction:column;gap:12px}.factor-item{display:flex;align-items:flex-start;gap:10px}.factor-icon{flex-shrink:0;width:20px;height:20px;border-radius:6px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;margin-top:2px}.factor-icon svg{width:12px;height:12px;color:var(--primary-color)}.factor-text{flex:1}.factor-label{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 2px}.factor-description{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.5}.confidence-section{padding-bottom:24px}.confidence-section h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.confidence-score{display:flex;align-items:center;gap:12px;margin-bottom:16px}.confidence-percentage{font-size:28px;font-weight:700;color:var(--primary-color)}.confidence-label{font-size:14px;color:var(--text-secondary)}.confidence-bar{width:100%;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-bottom:16px}.confidence-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),#3b82f6);border-radius:4px;transition:width .3s ease}.confidence-factors{display:flex;flex-direction:column;gap:10px}.confidence-factor{display:flex;align-items:center;justify-content:space-between;font-size:13px}.confidence-factor-label{color:var(--text-primary)}.confidence-factor-value{color:var(--text-secondary);font-weight:500}.compare-all-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.compare-all-btn:hover{background:var(--bg-tertiary)}.compare-all-btn svg{width:16px;height:16px}.detail-bottom-actions{display:flex;align-items:center;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.action-btn{padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;border:none}.action-btn.secondary{background:none;color:var(--text-primary);border:1px solid var(--border-color)}.action-btn.secondary:hover{background:var(--bg-secondary)}.action-btn.primary{background:#6b7d9e;color:#fff;border:none}.action-btn.primary:hover{background:#5a6c8d}.action-btn.success-dropdown{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);margin-left:auto}.action-btn.success-dropdown:hover{background:var(--bg-tertiary)}.action-btn svg{width:18px;height:18px}@media (max-width: 1024px){.detail-view-container{grid-template-columns:1fr 300px;gap:16px}.decision-receipt-panel{width:300px}}@media (max-width: 768px){.detail-view-container{grid-template-columns:1fr;gap:0}.detail-view-content{padding:16px}.detail-card-modern{padding:20px}.card-content-section{flex-direction:column}.sofa-image-placeholder{width:100%;height:180px}.decision-receipt-panel{width:100%;position:relative;height:auto;border-left:none;border-top:1px solid var(--border-color);padding:24px 16px}.comparison-card-header{flex-direction:column;padding-left:0}.rank-badge{top:12px;left:12px;width:28px;height:28px;font-size:14px}.option-image-placeholder{width:100%;height:160px}.features-list{padding-left:0}.option-title-row{flex-direction:column;align-items:flex-start}.search-criteria-row{gap:8px}.criteria-item{font-size:13px;padding:6px 12px}.detail-header-row{margin-bottom:16px}.detail-title-large{font-size:24px}.compare-item-header{flex-direction:column;align-items:flex-start}.item-price-section{width:100%;justify-content:space-between}.detail-bottom-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}.action-btn.success-dropdown{margin-left:0}.discussion-item{padding:10px}}.decision-receipt-panel::-webkit-scrollbar{width:6px}.decision-receipt-panel::-webkit-scrollbar-track{background:transparent}.decision-receipt-panel::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.decision-receipt-panel::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.timeline-container{max-width:800px;margin:0 auto;position:relative;padding:20px 0}.timeline-container:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:var(--border-color)}.timeline-item{display:flex;gap:24px;margin-bottom:32px;position:relative}.timeline-marker{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 0 0 4px var(--bg-primary);position:relative;z-index:1}.timeline-content{flex:1;padding-bottom:8px}.timeline-card{background:var(--bg-primary);border-radius:12px;padding:20px;border:1px solid var(--border-color);box-shadow:var(--shadow);transition:all .3s ease}.timeline-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.timeline-header h3{font-size:18px;font-weight:600;color:var(--text-primary)}.timeline-time{font-size:13px;color:var(--text-secondary);background:var(--bg-secondary);padding:4px 12px;border-radius:12px;white-space:nowrap}.timeline-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.timeline-date{font-size:13px;color:var(--text-secondary);font-weight:500}@media (max-width: 768px){.timeline-container:before{left:15px}.timeline-item{gap:16px}.timeline-marker{width:32px;height:32px}.timeline-marker svg{width:14px;height:14px}.timeline-card{padding:16px}.timeline-header{flex-direction:column;gap:8px}.timeline-header h3{font-size:16px}}.timeline-loading{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:16px}.timeline-empty{text-align:center;padding:80px 20px;color:var(--text-secondary)}.timeline-empty svg{margin:0 auto 20px;opacity:.3}.timeline-empty h3{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--text-primary)}.timeline-empty p{margin:0;font-size:14px}.timeline-count{font-size:14px;color:var(--text-secondary);font-weight:500}.timeline-icon{font-size:20px}.timeline-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;gap:16px}.timeline-board-badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;margin-top:4px}.timeline-actions{display:flex;align-items:center;gap:12px}.timeline-delete-btn{background:transparent;border:1px solid var(--border-color);border-radius:6px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s}.timeline-delete-btn:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.timeline-tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.timeline-tag{font-size:11px;padding:3px 8px;background:var(--bg-tertiary);color:var(--text-primary);border-radius:4px;font-weight:500}.timeline-attachments{display:flex;align-items:center;gap:6px;margin:12px 0;font-size:12px;color:var(--text-secondary)}.timeline-card.clickable{cursor:pointer}.timeline-card.clickable:hover{border-color:var(--primary-color)}.timeline-history-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.history-toggle-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px;margin:-8px;color:var(--text-secondary);font-size:13px;font-weight:500;transition:color .2s}.history-toggle-btn:hover{color:var(--primary-color)}.timeline-history-list{margin-top:16px;padding-left:20px;border-left:2px solid var(--border-color)}.history-item{display:flex;gap:12px;margin-bottom:16px;position:relative}.history-item:last-child{margin-bottom:0}.history-marker{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 0 3px var(--bg-primary);margin-left:-26px}.history-icon{font-size:16px}.history-content{flex:1;padding-top:4px}.history-status{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.history-notes{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.history-time{font-size:12px;color:var(--text-tertiary)}.timeline-type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600;margin-left:8px}.timeline-type-badge.capture-badge{background:#8b5cf6;color:#fff}.timeline-type-badge.kanban-badge{background:#3b82f6;color:#fff}.timeline-priority{margin-top:8px;font-size:.875rem;color:var(--text-secondary)}.timeline-priority .priority-high,.timeline-priority .priority-urgent{color:#ef4444;font-weight:600}.timeline-priority .priority-medium{color:#f59e0b;font-weight:600}.timeline-priority .priority-low{color:#10b981;font-weight:600}.timeline-due-date{margin-top:4px;font-size:.875rem;color:var(--text-secondary)}.history-item.kanban-transition .history-status{display:flex;align-items:center;font-weight:600}.history-item.kanban-transition .status-from{color:var(--text-secondary);text-decoration:line-through}.history-item.kanban-transition .status-to{color:var(--text-primary)}.page-subtitle{font-size:14px;color:var(--text-secondary);margin-top:4px}.life-graph-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.life-graph-main{min-width:0}.connections-sidebar{position:sticky;top:80px;max-height:calc(100vh - 100px);overflow:hidden}.life-graph-container{display:flex;flex-direction:column;gap:32px}.overall-score-card{background:var(--bg-primary);border-radius:16px;padding:32px;border:1px solid var(--border-color);box-shadow:var(--shadow);text-align:center}.overall-score-card h2{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:24px}.score-circle{position:relative;display:inline-block}.score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-number{display:block;font-size:48px;font-weight:700;color:var(--primary-color);line-height:1}.score-label{font-size:18px;color:var(--text-secondary);font-weight:500}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.category-card{background:var(--bg-primary);border-radius:12px;padding:24px;border:1px solid var(--border-color);box-shadow:var(--shadow);transition:all .3s ease}.category-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.category-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.category-icon{font-size:32px;line-height:1}.category-header h3{font-size:18px;font-weight:600;color:var(--text-primary)}.category-description{font-size:13px;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.progress-section{margin-top:16px}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{font-size:13px;color:var(--text-secondary);font-weight:500}.progress-value{font-size:14px;color:var(--text-primary);font-weight:600}.progress-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.insights-section{background:var(--bg-primary);border-radius:16px;padding:32px;border:1px solid var(--border-color);box-shadow:var(--shadow)}.insights-section h2{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:24px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.insight-card{display:flex;gap:16px;padding:20px;background:var(--bg-secondary);border-radius:12px;transition:all .2s ease}.insight-card:hover{background:var(--bg-tertiary)}.insight-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.insight-card h4{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.insight-card p{font-size:14px;color:var(--text-secondary);line-height:1.5}@media (max-width: 1200px){.life-graph-layout{grid-template-columns:1fr}.connections-sidebar{position:relative;top:0;max-height:none}}@media (max-width: 768px){.overall-score-card{padding:24px}.score-circle svg{width:160px;height:160px}.score-number{font-size:40px}.categories-grid,.insights-grid{grid-template-columns:1fr}.insights-section{padding:24px}}.lifegraph-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.lifegraph-canvas{min-height:540px;border-radius:20px;border:1px solid var(--border-color);box-shadow:0 20px 45px #0f172a73,inset 0 0 40px #3b82f61f;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.12),transparent 55%),radial-gradient(circle at 80% 10%,rgba(99,102,241,.12),transparent 50%),#05080f}.lifegraph-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;padding:20px;box-shadow:var(--shadow);min-height:540px;display:flex;flex-direction:column;gap:12px}.lifegraph-panel h2{font-size:20px;margin-bottom:6px}.node-meta{font-size:13px;color:var(--text-tertiary)}.preview-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preview-media-grid img,.preview-media-grid video{width:100%;border-radius:12px;border:1px solid var(--border-color);background:#ede9e1;max-height:160px;object-fit:cover}@media (max-width: 1100px){.lifegraph-layout{grid-template-columns:1fr}.lifegraph-panel{min-height:auto}}.settings-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.settings-section{background:var(--bg-primary);border-radius:12px;padding:24px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.settings-section h2{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.settings-subtitle{font-size:14px;color:var(--text-secondary);margin-top:-8px;margin-bottom:16px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-color)}.setting-item:last-child{border-bottom:none}.setting-info h3{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.setting-info p{font-size:14px;color:var(--text-secondary)}.toggle{position:relative;display:inline-block;width:52px;height:28px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--gray-400);transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:var(--text-inverse);transition:.3s;border-radius:50%}.toggle input:checked+.toggle-slider{background-color:var(--primary-color)}.toggle input:checked+.toggle-slider:before{transform:translate(24px)}.preferences-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.preferences-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:var(--shadow-sm)}.preferences-card-header h3{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.preferences-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.preferences-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.preferences-fields{display:flex;flex-direction:column;gap:12px}.preferences-field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.preferences-input,.preferences-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;font-size:14px;color:var(--text-primary)}.preferences-textarea{resize:vertical;min-height:80px}.preferences-error{font-size:12px;color:var(--danger-color);text-transform:none;letter-spacing:0}.preferences-actions{display:flex;align-items:center;gap:12px;margin-top:16px}.preferences-status{font-size:13px;color:var(--text-secondary)}@media (max-width: 768px){.setting-item{flex-direction:column;align-items:flex-start;gap:12px}.preferences-actions{flex-direction:column;align-items:flex-start}}.survey-page{min-height:100vh;background:radial-gradient(circle at top,#1b2b52,#0b1220 55%,#070b16);display:flex;align-items:center;justify-content:center;padding:24px}.survey-card{width:100%;max-width:640px;background:#0b1220eb;border:1px solid rgba(148,163,184,.2);border-radius:20px;padding:36px;box-shadow:0 24px 60px #00000059;color:#e2e8f0}.survey-card h1{font-size:28px;margin-bottom:8px}.survey-card p{color:#94a3b8;margin-bottom:24px}.survey-section{margin-bottom:18px;display:flex;flex-direction:column;gap:8px}.survey-section label{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.survey-section input,.survey-section select,.survey-section textarea{padding:12px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:#0f172ad9;color:#f8fafc;font-size:14px}.survey-rating{display:flex;gap:8px}.rating-btn{flex:1;padding:10px 0;border-radius:10px;border:1px solid rgba(148,163,184,.2);background:#0f172ad9;color:#cbd5f5;cursor:pointer}.rating-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.survey-error{margin:12px 0;color:#f87171;background:#7f1d1d4d;padding:10px 12px;border-radius:10px}.survey-success{margin:12px 0;color:#34d399;background:#10b98133;padding:10px 12px;border-radius:10px}.people-page{flex:1;padding:24px 32px;overflow-y:auto;min-width:0}.people-header{margin-bottom:16px}.people-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.people-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0}.people-add-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:opacity .15s}.people-add-btn:hover{opacity:.88}.people-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.people-stat-chip{display:flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-primary);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .15s}.people-stat-chip:hover{border-color:var(--accent-color);color:var(--accent-color)}.people-stat-chip.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.chip-count{background:#ffffff40;border-radius:10px;padding:1px 7px;font-size:.78rem;font-weight:600}.people-stat-chip:not(.active) .chip-count{background:var(--bg-secondary);color:var(--text-secondary)}.people-search-wrap{position:relative;display:flex;align-items:center;margin-bottom:24px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:0 12px;gap:10px}.people-search-wrap svg{color:var(--text-secondary);flex-shrink:0}.people-search-input{flex:1;border:none;outline:none;background:transparent;color:var(--text-primary);font-size:.9rem;padding:10px 0}.people-search-input::placeholder{color:var(--text-secondary)}.people-search-clear{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:0;line-height:1}.people-loading{display:flex;flex-direction:column;align-items:center;padding:80px 20px;gap:16px;color:var(--text-secondary)}.people-spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.people-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 20px;gap:12px;color:var(--text-secondary)}.people-empty svg{opacity:.4}.people-empty h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0}.people-empty p{max-width:360px;margin:0;font-size:.9rem}.people-groups{display:flex;flex-direction:column;gap:32px}.people-group-section{display:flex;flex-direction:column;gap:12px}.people-group-header{display:flex;align-items:center;gap:10px}.people-group-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.people-group-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.05em}.people-group-count{font-size:.8rem;color:var(--text-secondary);background:var(--bg-secondary);border-radius:10px;padding:1px 8px}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.person-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .15s;position:relative}.person-card:hover{border-color:var(--accent-color);box-shadow:0 2px 12px #00000014}.person-card-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;font-weight:700;flex-shrink:0;overflow:hidden}.person-card-avatar img{width:100%;height:100%;object-fit:cover}.person-card-info{flex:1;min-width:0}.person-card-name{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-card-type{font-size:.8rem;font-weight:500}.person-card-work{font-size:.78rem;color:var(--text-secondary);margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-card-gender{font-size:.76rem;color:var(--text-secondary);margin:2px 0 0}.person-card-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}.person-card:hover .person-card-actions{opacity:1}.person-card-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .15s}.person-card-btn:hover{background:var(--accent-color);color:#fff}.person-card-btn--danger:hover{background:#e84242;color:#fff}.people-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.people-detail-panel{background:var(--bg-primary);border-radius:16px;padding:32px;max-width:420px;width:100%;position:relative;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;align-items:center;text-align:center}.people-detail-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;line-height:1;padding:4px}.people-detail-avatar{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:16px;overflow:hidden}.people-detail-avatar img{width:100%;height:100%;object-fit:cover}.people-detail-name{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0 0 10px}.people-detail-relationship{display:flex;align-items:center;gap:8px;margin-bottom:20px;justify-content:center;flex-wrap:wrap}.people-tag{padding:4px 12px;border-radius:20px;font-size:.82rem;font-weight:500}.people-detail-gender{font-size:.85rem;color:var(--text-secondary)}.people-detail-fields{width:100%;display:flex;flex-direction:column;gap:12px;text-align:left;margin-bottom:24px}.people-detail-field{display:flex;flex-direction:column;gap:2px}.people-detail-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.people-detail-value{font-size:.9rem;color:var(--text-primary)}.people-detail-link{color:var(--accent-color);text-decoration:none}.people-detail-notes p{margin:0;line-height:1.5}.people-detail-actions{display:flex;gap:10px;width:100%}.people-detail-actions button{flex:1}.people-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1001;display:flex;align-items:center;justify-content:center;padding:20px}.people-modal{background:var(--bg-primary);border-radius:16px;padding:28px;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.people-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.people-modal-header h2{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.people-modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;line-height:1;padding:4px}.people-form{display:flex;flex-direction:column;gap:16px}.people-form-error{padding:10px 14px;background:#e842421a;border:1px solid rgba(232,66,66,.3);border-radius:8px;color:#e84242;font-size:.875rem}.people-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.people-form-field{display:flex;flex-direction:column;gap:6px}.people-form-field--full{grid-column:1 / -1}.people-form-field label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.people-form-field input,.people-form-field select,.people-form-field textarea{padding:9px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;outline:none;transition:border-color .15s;font-family:inherit}.people-form-field input:focus,.people-form-field select:focus,.people-form-field textarea:focus{border-color:var(--accent-color)}.people-form-field textarea{resize:vertical;min-height:72px}.people-form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.people-btn-primary{padding:9px 20px;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .15s}.people-btn-primary:hover:not(:disabled){opacity:.88}.people-btn-primary:disabled{opacity:.6;cursor:not-allowed}.people-btn-secondary{padding:9px 20px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .15s}.people-btn-secondary:hover{border-color:var(--accent-color);color:var(--accent-color)}.people-btn-danger{padding:9px 20px;background:transparent;color:#e84242;border:1px solid rgba(232,66,66,.3);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.people-btn-danger:hover{background:#e842421a;border-color:#e84242}@media (max-width: 600px){.people-form-row,.people-grid{grid-template-columns:1fr}}
