:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #f1f3f5;--color-bg-hover: #e9ecef;--color-text-primary: #111827;--color-text-secondary: #4b5563;--color-text-muted: #6b7280;--color-accent-primary: #059669;--color-accent-secondary: #10b981;--color-accent-light: #d1fae5;--color-accent-hover: #047857;--color-accent-gradient: linear-gradient(135deg, #059669 0%, #10b981 100%);--color-ai-primary: #7c3aed;--color-ai-secondary: #4f46e5;--color-ai-light: #f5f3ff;--color-ai-hover: #6d28d9;--color-success: #059669;--color-warning: #d97706;--color-danger: #dc2626;--color-info: #2563eb;--color-success-bg: #ecfdf5;--color-warning-bg: #fef3c7;--color-danger-bg: #fef2f2;--color-info-bg: #eff6ff;--color-ai-bg: #f5f3ff;--color-border: #e5e7eb;--text-xs: .7rem;--text-sm: .8rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--input-height-sm: 32px;--input-height-md: 40px;--input-height-lg: 48px;--header-height: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .02);--shadow-focus: 0 0 0 3px var(--color-accent-light);--shadow-focus-ai: 0 0 0 3px var(--color-ai-light);--transition-fast: .15s ease;--transition-normal: .25s ease}html.dark-mode{--color-bg-primary: #0f0f0f;--color-bg-secondary: #171717;--color-bg-tertiary: #1f1f1f;--color-bg-hover: #262626;--color-text-primary: #fafafa;--color-text-secondary: #a3a3a3;--color-text-muted: #737373;--color-accent-primary: #10b981;--color-accent-secondary: #34d399;--color-accent-light: rgba(16, 185, 129, .15);--color-accent-hover: #059669;--color-accent-gradient: linear-gradient(135deg, #10b981 0%, #34d399 100%);--color-ai-primary: #a78bfa;--color-ai-secondary: #818cf8;--color-ai-light: rgba(167, 139, 250, .15);--color-ai-hover: #8b5cf6;--color-success: #34d399;--color-warning: #fbbf24;--color-danger: #f87171;--color-info: #60a5fa;--color-success-bg: rgba(16, 185, 129, .15);--color-warning-bg: rgba(251, 191, 36, .15);--color-danger-bg: rgba(239, 68, 68, .15);--color-info-bg: rgba(59, 130, 246, .15);--color-ai-bg: rgba(167, 139, 250, .15);--color-border: #262626;--shadow-sm: 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, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-focus: 0 0 0 3px var(--color-accent-light);--shadow-focus-ai: 0 0 0 3px var(--color-ai-light)}html.dark-mode body{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}html.dark-mode input,html.dark-mode textarea,html.dark-mode select{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}html.dark-mode input::placeholder,html.dark-mode textarea::placeholder{color:var(--color-text-muted)}html.dark-mode .card,html.dark-mode .btn-secondary{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-primary)}html.dark-mode .card-header{background:var(--color-bg-secondary);border-color:var(--color-border)}html.dark-mode .btn-ghost:hover{background:var(--color-bg-hover)}html.dark-mode .btn-dashed{border-color:var(--color-border);color:var(--color-text-secondary)}html.dark-mode .btn-dashed:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-accent-light)}html.dark-mode .btn-danger:hover{background:#f8717126}html.dark-mode ::-webkit-scrollbar-track{background:var(--color-bg-tertiary)}html.dark-mode ::-webkit-scrollbar-thumb{background:#404040}html.dark-mode ::-webkit-scrollbar-thumb:hover{background:#525252}*{margin:0;padding:0;box-sizing:border-box}html{overflow-y:scroll;-webkit-overflow-scrolling:touch}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg-secondary);color:var(--color-text-primary);line-height:1.6;min-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--color-text-primary)}h1{font-size:1.875rem;letter-spacing:-.025em}h2{font-size:1.5rem;letter-spacing:-.025em}h3{font-size:1.25rem}h4{font-size:1rem}p{color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--input-height-md);padding:0 16px;border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--color-accent-primary);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--color-text-secondary);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-text-muted)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-dashed{background:transparent;border:2px dashed var(--color-border);color:var(--color-text-secondary)}.btn-dashed:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-accent-light)}.btn-ai{background:linear-gradient(135deg,var(--color-ai-primary) 0%,var(--color-ai-secondary) 100%);color:#fff;box-shadow:0 2px 8px #7c3aed40}.btn-ai:hover{box-shadow:0 4px 12px #7c3aed59;transform:translateY(-1px)}.btn-danger{background:transparent;color:var(--color-danger)}.btn-danger:hover{background:#fef2f2}.btn-sm{height:var(--input-height-sm);padding:0 12px;font-size:var(--text-sm);gap:6px}.btn-lg{height:var(--input-height-lg);padding:0 24px;font-size:var(--text-md)}.btn-block{width:100%}.btn-icon{padding:0;width:var(--input-height-md)}.btn-icon.btn-sm{width:var(--input-height-sm)}.btn.loading{pointer-events:none;opacity:.8;position:relative;color:transparent}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn.loading:after{border-color:#fff;border-right-color:transparent}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.card-body{padding:16px}.card-header{padding:12px 16px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.card-padded{padding:24px}.card-interactive{cursor:pointer;transition:all var(--transition-fast)}.card-interactive:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-focus)}.card-elevated{box-shadow:var(--shadow-md)}input,textarea{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px;color:var(--color-text-primary);font-size:.875rem;width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-light)}textarea{resize:vertical;min-height:100px}label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-primary);margin-bottom:6px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--color-accent-primary);box-shadow:var(--shadow-focus)}.skip-to-content{position:absolute;top:-100%;left:16px;z-index:9999;padding:12px 24px;background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;text-decoration:none}.skip-to-content:focus{top:16px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.label,label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);letter-spacing:.02em;margin-bottom:6px}.label-uppercase{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.hide-mobile{display:block}.show-mobile{display:none}@media(max-width:1024px){:root{--header-height: 56px}}@media(max-width:768px){:root{--header-height: 52px}.hide-mobile{display:none!important}.show-mobile{display:block!important}.form-row{flex-direction:column}.btn-mobile-full{width:100%}}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.touch-expand{position:relative}.touch-expand:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:var(--radius-full)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.mobile-p-16{padding:16px}.mobile-gap-12{gap:12px}h1{font-size:1.5rem}h2{font-size:1.25rem}input,select,textarea,.btn{min-height:44px}}.glass-loading{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-hover) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:glassShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes glassShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.glass-pulse{animation:glassPulse 2s ease-in-out infinite}@keyframes glassPulse{0%,to{opacity:1}50%{opacity:.6}}.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:inherit;z-index:10}html.dark-mode .loading-overlay{background:#0f0f0fb3}.loading-overlay .loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-overlay p{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}@media(prefers-reduced-motion:reduce){.glass-loading{animation:none;background:var(--color-bg-tertiary)}.glass-pulse{animation:none}}.app{min-height:100vh;padding-top:var(--header-height);background-color:var(--color-bg-secondary)}.main-content{height:calc(100vh - var(--header-height));display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.editor-layout{display:grid;grid-template-columns:minmax(600px,1.2fr) 1fr;height:100%;background:var(--color-bg-secondary)}.preview-container-wrapper{background:var(--color-bg-tertiary);padding:32px;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--color-bg-secondary)}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-screen p{color:var(--color-text-secondary);font-size:.95rem}.placeholder-view{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:32px}.placeholder-view h2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.placeholder-view p{color:var(--color-text-secondary)}.editor-layout-v2{display:grid;grid-template-columns:minmax(300px,28vw) 1fr;height:calc(100vh - 60px);overflow:hidden;background:var(--color-bg-tertiary);width:100%}.layout-col-left{background:var(--color-bg-primary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;min-width:0}.layout-col-center{display:flex;flex-direction:column;min-width:0;position:relative;background:var(--color-bg-tertiary);overflow:hidden}.preview-scroll-wrapper{flex:1;overflow:auto;position:relative;display:flex;justify-content:center;align-items:flex-start;padding:clamp(12px,2vw,24px) clamp(8px,1.5vw,16px);background:var(--color-bg-tertiary)}.preview-content-group{display:flex;gap:16px;align-items:flex-start}.layout-col-left .resume-editor-layout{height:100%}.layout-col-left .editor-sidebar{flex-shrink:0}.layout-col-left .editor-main{min-width:0;flex:1}.design-toolbar{z-index:20}@media(max-width:1440px)and (min-width:1024px){.editor-layout-v2{grid-template-columns:minmax(280px,25vw) 1fr}.preview-scroll-wrapper{padding:12px 8px}.preview-content-group{gap:10px}}@media(max-width:1023px)and (min-width:768px){.editor-layout-v2{grid-template-columns:1fr}.layout-col-left{display:none}.preview-scroll-wrapper{padding:24px 16px}.preview-content-group{gap:16px}}@media(max-width:767px){.app{padding-top:var(--header-height)}.main-content{height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}.layout-col-left{display:flex!important;flex:1;min-width:100%!important;max-width:100%!important;border-right:none}.layout-col-center{display:none!important}.editor-layout-v2{flex-direction:column;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height))}.floating-ai-panel{display:none!important}.editor-layout{grid-template-columns:1fr}.preview-container-wrapper{display:none}}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-hover) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:12px;width:100%;margin:6px 0}.skeleton-title{height:20px;width:60%;margin:8px 0}.skeleton-circular{border-radius:50%;width:40px;height:40px;flex-shrink:0}.skeleton-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0}.skeleton-rectangular{height:100px;width:100%;border-radius:var(--radius-lg)}.skeleton-button{height:var(--input-height-md);width:120px;border-radius:var(--radius-md)}.skeleton-card{height:180px;width:100%;border-radius:var(--radius-lg)}.skeleton-group{display:flex;flex-direction:column;gap:4px}.skeleton-resume-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;overflow:hidden}.skeleton-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.skeleton-card-meta{flex:1}.skeleton-card-body{padding-top:12px;border-top:1px solid var(--color-border)}.skeleton-sidebar-items{display:flex;flex-direction:column;gap:8px}.skeleton-sidebar-item{display:flex;align-items:center;gap:12px;padding:8px}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--color-bg-tertiary)}}.upgrade-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.upgrade-modal-pro{background:var(--color-bg-primary);border-radius:16px;max-width:820px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0003}.modal-close-btn{position:absolute;top:16px;right:16px;background:var(--color-bg-secondary);border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all .2s;z-index:10}.modal-close-btn:hover{background:var(--color-border);color:var(--color-text-primary)}.modal-header{text-align:center;padding:40px 40px 32px;border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.modal-header p{font-size:.95rem;color:var(--color-text-secondary);margin:0}.plans-container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px}@media(max-width:768px){.plans-container{grid-template-columns:1fr}}.plan-card{position:relative;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;padding:24px 20px;cursor:pointer;transition:all .2s}.plan-card:hover{border-color:var(--color-border)}.plan-card.selected{border-color:var(--color-info);background:var(--color-bg-secondary)}.plan-card.popular{border-color:var(--color-info)}.badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:4px 12px;border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.03em}.popular-tag{background:#3b82f6;color:#fff}.value-tag{background:#0f172a;color:#fff}.savings-tag{position:absolute;top:12px;right:12px;background:var(--color-success-bg);color:var(--color-success);padding:3px 8px;border-radius:4px;font-size:.65rem;font-weight:700}.plan-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px}.plan-icon{width:44px;height:44px;background:var(--color-bg-secondary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.plan-card.selected .plan-icon{background:var(--color-info-bg);color:var(--color-info)}.plan-header h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:4px}.price-original{font-size:.9rem;color:var(--color-text-muted);text-decoration:line-through}.price-current{font-size:2rem;font-weight:700;color:var(--color-text-primary)}.price-period{font-size:.9rem;color:var(--color-text-secondary)}.plan-billing{display:block;text-align:center;font-size:.75rem;color:var(--color-text-muted);margin-bottom:20px}.plan-features{list-style:none;padding:0;margin:0}.plan-features li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.8rem;color:var(--color-text-secondary)}.plan-features li svg{color:var(--color-success);flex-shrink:0}.select-indicator{position:absolute;top:12px;left:12px;width:20px;height:20px;border-radius:50%;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;transition:all .2s}.select-indicator.active{background:#3b82f6;border-color:var(--color-info);color:#fff}.cta-section{padding:24px;border-top:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:0 0 16px 16px}.cta-button{width:100%;padding:16px 24px;background:#0f172a;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.cta-button:hover{background:#1e293b}.cta-button:disabled{opacity:.7;cursor:not-allowed}.trust-row{display:flex;justify-content:center;gap:24px;margin-top:16px;flex-wrap:wrap}.trust-row span{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--color-text-secondary)}.trust-row span svg{color:var(--color-success)}@media(max-width:768px){.modal-header{padding:32px 20px 24px}.modal-header h2{font-size:1.25rem}.plans-container{padding:16px}.plan-card.popular{order:-1}.trust-row{gap:16px}}.phrase-library-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.phrase-library{background:var(--color-bg-primary);border-radius:16px;width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease-out;overflow:hidden}.library-header{padding:20px 24px 16px;border-bottom:1px solid var(--color-border)}.header-title{display:flex;align-items:center;gap:10px;color:var(--color-text-primary)}.header-title h3{margin:0;font-size:1.25rem;font-weight:700}.header-subtitle{margin:8px 0 0;font-size:.85rem;color:var(--color-text-secondary)}.library-search{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.library-search svg{color:var(--color-text-muted)}.library-search input{flex:1;border:none;background:transparent;font-size:.95rem;outline:none}.library-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.category-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.category-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-primary);font-size:.8rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.category-tab:hover{border-color:var(--color-ai-primary);color:var(--color-ai-primary)}.category-tab.active{background:#7c3aed;border-color:var(--color-ai-primary);color:#fff}.phrases-list{flex:1;overflow-y:auto;padding:12px}.phrase-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-primary);text-align:left;cursor:pointer;transition:all .2s;margin-bottom:8px}.phrase-item:hover{border-color:var(--color-ai-primary);background:var(--color-ai-bg);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed1a}.insert-icon{color:var(--color-ai-primary);flex-shrink:0;margin-top:2px}.phrase-text{flex:1;font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.phrase-category{font-size:.75rem;color:var(--color-text-muted);padding:2px 8px;background:var(--color-bg-secondary);border-radius:4px;flex-shrink:0}.no-results{text-align:center;color:var(--color-text-muted);padding:40px 20px;font-size:.9rem}.library-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border)}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:var(--color-text-muted);cursor:pointer;transition:all .15s}.close-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.library-tabs{display:flex;gap:4px;padding:12px 20px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.library-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:none;border-radius:8px;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.library-tab:hover{background:var(--color-border);color:var(--color-text-secondary)}.library-tab.active{background:var(--color-bg-primary);color:var(--color-ai-primary);box-shadow:0 1px 3px #0000001a}.library-tab.generate{margin-left:auto;background:linear-gradient(135deg,#faf5ff,#ede9fe);color:var(--color-ai-primary)}.library-tab.generate:hover{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.library-tab.generate.active{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff}.header-subtitle{margin:0;padding:10px 20px;font-size:.8rem;color:var(--color-text-secondary);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.suggested-header{display:flex;align-items:center;gap:8px;padding:10px 16px;margin-bottom:12px;background:linear-gradient(135deg,#faf5ff,#ede9fe);border-radius:10px;font-size:.85rem;font-weight:600;color:var(--color-ai-primary)}.suggested-divider{display:flex;align-items:center;padding:16px 0 12px}.suggested-divider span{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.suggested-divider:before,.suggested-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.suggested-divider:before{margin-right:12px}.suggested-divider:after{margin-left:12px}.generate-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;color:var(--color-ai-primary)}.generate-placeholder svg{opacity:.6;margin-bottom:16px}.generate-placeholder h4{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.generate-placeholder p{margin:0;font-size:.9rem;color:var(--color-text-secondary)}.generate-tab{padding:16px;display:flex;flex-direction:column;gap:20px;height:100%;overflow-y:auto}.generate-form{display:flex;flex-direction:column;gap:16px}.generate-input-group{display:flex;flex-direction:column;gap:8px}.generate-input-group label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}.generate-input{padding:10px 14px;border:1px solid var(--color-border);border-radius:10px;font-size:.95rem;transition:all .15s}.generate-input:focus{outline:none;border-color:var(--color-ai-primary);box-shadow:0 0 0 3px #7c3aed1a}.focus-buttons{display:flex;flex-wrap:wrap;gap:8px}.focus-btn{padding:6px 14px;border:1px solid var(--color-border);border-radius:20px;background:var(--color-bg-primary);font-size:.8rem;color:var(--color-text-muted);cursor:pointer;transition:all .15s}.focus-btn:hover{border-color:var(--color-ai-primary);color:var(--color-ai-primary)}.focus-btn.active{background:#7c3aed;border-color:var(--color-ai-primary);color:#fff}.generate-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.generate-error{padding:10px 14px;background:var(--color-danger-bg);border:1px solid #fecaca;border-radius:8px;color:var(--color-danger);font-size:.85rem}.generated-phrases{flex:1;display:flex;flex-direction:column;gap:12px}.generated-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.generated-header span{font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}.regenerate-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--color-border);border-radius:6px;font-size:.8rem;color:var(--color-text-muted);cursor:pointer;transition:all .15s}.regenerate-btn:hover:not(:disabled){border-color:var(--color-ai-primary);color:var(--color-ai-primary)}.regenerate-btn:disabled{opacity:.5;cursor:not-allowed}.ai-improvement-overlay{position:fixed;inset:0;z-index:1000;pointer-events:none}.ai-improvement-tooltip{pointer-events:all;background:var(--color-bg-primary);border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #7c3aed1a;overflow:hidden;animation:slideUp .25s cubic-bezier(.16,1,.3,1);z-index:1001}@keyframes slideUp{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.tooltip-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#faf5ff,#ede9fe);border-bottom:1px solid #e9d5ff}.tooltip-title{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--color-ai-primary)}.tooltip-content{padding:16px;min-height:60px}.tooltip-text{font-size:.9rem;line-height:1.6;color:var(--color-text-primary)}.tooltip-loading{display:flex;align-items:center;justify-content:center;min-height:60px}.shimmer-text{display:flex;align-items:center;gap:10px;color:var(--color-ai-primary);font-size:.9rem}.tooltip-actions{display:flex;gap:8px;padding:12px 16px;background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.tooltip-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s;border:none}.tooltip-btn:disabled{opacity:.5;cursor:not-allowed}.tooltip-btn.accept{flex:1;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff}.tooltip-btn.accept:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.tooltip-btn.regenerate{background:var(--color-bg-primary);color:var(--color-text-muted);border:1px solid var(--color-border)}.tooltip-btn.regenerate:hover:not(:disabled){border-color:var(--color-ai-primary);color:var(--color-ai-primary)}.tooltip-btn.reject{background:transparent;color:var(--color-text-muted)}.tooltip-btn.reject:hover{color:var(--color-danger);background:var(--color-danger-bg)}.tooltip-hint{padding:8px 16px;background:var(--color-bg-secondary);font-size:.7rem;color:var(--color-text-muted);text-align:center;border-top:1px solid var(--color-border)}.tooltip-hint kbd{display:inline-block;padding:2px 6px;margin:0 2px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;font-family:inherit;font-size:.65rem}.ai-improvement-success{animation:successPulse .4s ease-out}@keyframes successPulse{0%{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);padding:24px}.error-boundary-content{text-align:center;max-width:500px;padding:48px;background:var(--color-bg-primary);border-radius:16px;box-shadow:0 8px 32px #0000001a}.error-icon{font-size:64px;margin-bottom:24px}.error-boundary-content h1{font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:12px}.error-message{color:var(--color-text-muted);font-size:16px;line-height:1.6;margin-bottom:24px}.error-details{text-align:left;background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:24px}.error-details summary{cursor:pointer;font-weight:600;color:var(--color-danger);margin-bottom:12px}.error-details pre{font-size:12px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;color:var(--color-text-secondary);margin:0}.error-actions{display:flex;gap:12px;justify-content:center}.error-actions button{padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.error-actions .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none}.error-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb66}.error-actions .btn-secondary{background:var(--color-bg-primary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.error-actions .btn-secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-text-muted)}.auth-page{display:flex;min-height:100vh}.auth-branding{flex:1;background:linear-gradient(135deg,#059669,#10b981,#34d399);display:flex;align-items:center;justify-content:center;padding:48px;position:relative;overflow:hidden}.branding-content{position:relative;z-index:2;color:#fff;max-width:480px}.brand-logo{display:flex;align-items:center;gap:16px;margin-bottom:24px}.logo-icon-lg{width:64px;height:64px;background:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-logo h1{font-size:2.5rem;font-weight:800;color:#fff;letter-spacing:-.02em}.brand-tagline{font-size:1.25rem;opacity:.9;margin-bottom:48px;line-height:1.5}.brand-features{display:flex;flex-direction:column;gap:16px}.feature-item{display:flex;align-items:center;gap:12px;font-size:1rem;opacity:.9}.branding-bg{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23fff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.auth-form-container{flex:1;display:flex;align-items:center;justify-content:center;padding:48px;background:var(--color-bg-primary)}.auth-form-wrapper{width:100%;max-width:400px}.form-header{margin-bottom:32px}.form-header h2{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:8px;display:block}.form-header p{color:var(--color-text-secondary);font-size:.95rem;display:block}.alert{padding:12px 16px;border-radius:var(--radius-md);margin-bottom:24px;font-size:.9rem}.alert-error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #fecaca}.alert-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid #a7f3d0}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form .form-group{display:flex;flex-direction:column;gap:8px}.auth-form label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:var(--color-text-muted);pointer-events:none;z-index:1;display:flex;align-items:center}.auth-form input{width:100%;padding:12px 14px 12px 44px!important;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;transition:all var(--transition-fast)}.auth-form input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-light)}.password-toggle{position:absolute;right:14px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px}.password-toggle:hover{color:var(--color-text-primary)}.forgot-password{text-align:right;margin-top:-8px}.forgot-password button{font-size:.85rem;color:var(--color-accent-primary);text-decoration:none;background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.forgot-password button:hover{text-decoration:underline}.btn-primary-lg{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:var(--color-accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);margin-top:8px}.btn-primary-lg:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.btn-primary-lg:disabled{opacity:.7;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{display:flex;align-items:center;margin:24px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.divider span{padding:0 16px;font-size:.8rem;color:var(--color-text-muted)}.social-buttons{display:flex;flex-direction:column;gap:12px}.btn-social{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 24px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.btn-social:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-text-muted)}.btn-social:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;margin-top:24px}.auth-switch p{color:var(--color-text-secondary);font-size:.9rem}.auth-switch button{background:none;border:none;color:var(--color-accent-primary);font-weight:600;cursor:pointer;font-size:.9rem}.auth-switch button:hover{text-decoration:underline}@media(max-width:900px){.auth-branding{display:none}.auth-form-container{padding:24px}}@media(max-width:480px){.auth-form-container{padding:16px}.auth-form-wrapper{max-width:100%}.form-header{margin-bottom:24px}.form-header h2{font-size:1.5rem}.auth-form input{min-height:48px;font-size:16px}.btn-primary-lg{min-height:52px;font-size:1rem}.btn-social{min-height:48px}.divider{margin:20px 0}}.app-header{height:var(--header-height);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;box-shadow:var(--shadow-sm)}.header-left{display:flex;align-items:center;gap:48px;height:100%}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:36px;height:36px;background:var(--color-accent-gradient);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.logo-text{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.025em}.header-nav{display:flex;align-items:center;gap:1px;background:var(--color-bg-secondary);padding:4px;border-radius:var(--radius-md);border:1px solid var(--color-border);height:auto}.nav-item{display:flex;align-items:center;gap:8px;padding:6px 16px;height:36px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);position:relative}.nav-item:not(:last-child):after{content:"";position:absolute;right:-1px;top:8px;bottom:8px;width:1px;background-color:var(--color-border);opacity:.5;pointer-events:none}.nav-item:hover{background:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:var(--shadow-sm);z-index:1}.nav-item:hover:after,.nav-item.active:after{opacity:0}.nav-item.active{background:var(--color-bg-primary);color:var(--color-accent-primary);font-weight:600;box-shadow:var(--shadow-sm);z-index:1}.nav-badge{padding:1px 6px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.65rem;font-weight:700;border-radius:10px;text-transform:uppercase;margin-left:4px}.header-right{display:flex;align-items:center;gap:16px}.user-avatar{width:36px;height:36px;background:var(--color-bg-secondary);color:var(--color-accent-primary);border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.user-plan{font-size:.75rem;color:var(--color-text-muted);font-weight:500}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.icon-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-text-muted)}.user-menu-container{position:relative}.user-menu{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.user-menu:hover{background:var(--color-bg-tertiary)}.user-avatar{width:36px;height:36px;background:var(--color-accent-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem}.user-info{display:flex;flex-direction:column}.user-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary);line-height:1.2}.user-plan{font-size:.75rem;color:var(--color-text-muted);font-weight:500;text-transform:capitalize}.chevron{color:var(--color-text-muted);transition:transform var(--transition-fast)}.chevron.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.dropdown-header{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-bg-secondary)}.dropdown-avatar{width:44px;height:44px;background:var(--color-accent-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.dropdown-name{font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.dropdown-email{font-size:.8rem;color:var(--color-text-muted)}.dropdown-divider{height:1px;background:var(--color-border)}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all var(--transition-fast);text-align:left}.dropdown-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.dropdown-item.danger{color:var(--color-danger)}.dropdown-item.danger:hover{background:var(--color-danger-bg)}.upgrade-btn{display:flex;align-items:center;gap:6px;padding:9px 16px;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.upgrade-btn:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-accent-light)}.upgrade-btn svg{color:var(--color-accent-primary)}.hamburger-btn{display:none;width:44px;height:44px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;align-items:center;justify-content:center;transition:background .2s}.hamburger-btn:hover{background:var(--color-bg-secondary)}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:150;opacity:0;transition:opacity .3s ease}.mobile-menu-overlay.open{display:block;opacity:1}.mobile-menu-drawer{display:none;position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:var(--color-bg-primary);z-index:200;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 32px #00000026;flex-direction:column}.mobile-menu-drawer.open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}.mobile-menu-close{width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mobile-menu-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.mobile-menu-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.mobile-menu-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;width:100%}.mobile-menu-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.mobile-menu-item.active{background:var(--color-accent-light);color:var(--color-accent-primary);font-weight:600}.mobile-menu-item.active svg{color:var(--color-accent-primary)}.mobile-menu-item.danger{color:var(--color-danger)}.mobile-menu-item.danger:hover{background:var(--color-danger-bg)}.mobile-menu-item svg{width:20px;height:20px;flex-shrink:0}.mobile-menu-footer{padding:12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:4px}.upgrade-drawer-btn{background:linear-gradient(135deg,#1e293b,#334155)!important;color:#fff!important;border-radius:8px!important;margin-bottom:4px}.upgrade-drawer-btn svg{color:var(--color-warning)!important}@media(max-width:767px){.app-header{padding:0 12px}.header-left{gap:8px}.hamburger-btn{display:flex}.header-nav{display:none}.mobile-menu-drawer{display:flex}.user-info{display:none}.user-menu{padding:6px}.chevron,.upgrade-btn span{display:none}.upgrade-btn{padding:8px;width:36px;height:36px;justify-content:center}.upgrade-btn svg{margin:0}.logo-icon{width:32px;height:32px}.logo-icon svg{width:16px;height:16px}.logo-text{font-size:1.1rem}}.theme-toggle-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.theme-toggle-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-accent-primary)}html.dark-mode .app-header{background:var(--color-bg-primary);border-bottom-color:var(--color-border)}html.dark-mode .logo-text{color:var(--color-text-primary)}html.dark-mode .header-nav{background:var(--color-bg-tertiary);border-color:var(--color-border)}html.dark-mode .nav-item{color:var(--color-text-secondary)}html.dark-mode .nav-item:hover,html.dark-mode .nav-item.active{background:var(--color-bg-hover);color:var(--color-text-primary)}html.dark-mode .nav-item.active{color:var(--color-accent-primary)}html.dark-mode .nav-item:not(:last-child):after{background-color:var(--color-border)}html.dark-mode .user-menu:hover{background:var(--color-bg-tertiary)}html.dark-mode .user-dropdown{background:var(--color-bg-primary);border-color:var(--color-border)}html.dark-mode .dropdown-header,html.dark-mode .dropdown-item:hover{background:var(--color-bg-tertiary)}html.dark-mode .dropdown-divider{background:var(--color-border)}html.dark-mode .mobile-menu-drawer{background:var(--color-bg-primary)}html.dark-mode .mobile-menu-header{border-color:var(--color-border)}html.dark-mode .mobile-menu-item:hover{background:var(--color-bg-tertiary)}html.dark-mode .mobile-menu-footer{border-color:var(--color-border)}html.dark-mode .hamburger-btn:hover{background:var(--color-bg-tertiary)}html.dark-mode .upgrade-btn{border-color:var(--color-border);color:var(--color-text-secondary)}html.dark-mode .upgrade-btn:hover{border-color:var(--color-accent-primary);background:var(--color-accent-light)}html.dark-mode .theme-toggle-btn{border-color:var(--color-border);color:var(--color-text-secondary)}html.dark-mode .theme-toggle-btn:hover{background:var(--color-bg-tertiary);color:var(--color-warning)}.notification-container{position:relative}.notification-btn{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.notification-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-accent-primary)}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;border-radius:999px;display:flex;align-items:center;justify-content:center}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-width:calc(100vw - 24px);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border)}.notification-header h4{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin:0}.unread-count{font-size:.75rem;font-weight:600;color:var(--color-accent-primary);background:var(--color-accent-light);padding:3px 8px;border-radius:999px}.notification-list{max-height:300px;overflow-y:auto}.notification-item{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--color-bg-secondary);transition:background .2s}.notification-item:hover{background:var(--color-bg-secondary)}.notification-item.unread{background:#10b9810d}.notification-item.unread:hover{background:#10b98114}.notification-icon{width:32px;height:32px;flex-shrink:0;background:var(--color-bg-secondary);color:var(--color-accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-content{flex:1;min-width:0}.notification-content p{font-size:.85rem;color:var(--color-text-primary);line-height:1.4;margin:0 0 4px}.notification-time{font-size:.75rem;color:var(--color-text-muted)}.notification-footer{padding:12px 16px;border-top:1px solid var(--color-border);text-align:center}.notification-footer button{background:none;border:none;color:var(--color-accent-primary);font-size:.85rem;font-weight:500;cursor:pointer}.notification-footer button:hover{text-decoration:underline}html.dark-mode .notification-dropdown{background:var(--color-bg-primary);border-color:var(--color-border)}html.dark-mode .notification-btn{border-color:var(--color-border)}html.dark-mode .notification-item.unread{background:#10b98114}@media(max-width:767px){.notification-dropdown{position:fixed;top:var(--header-height);right:0;left:0;width:100%;max-width:100%;border-radius:0;border-left:none;border-right:none}}.upgrade-banner{display:flex;align-items:center;gap:20px;padding:18px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--color-border);border-radius:12px;margin-bottom:20px}.upgrade-banner-icon{width:48px;height:48px;background:linear-gradient(135deg,#1e293b,#334155);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--color-warning);flex-shrink:0}.upgrade-banner-content{flex:1}.upgrade-banner-content h3{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin:0 0 6px}.upgrade-banner-content ul{list-style:none;padding:0;margin:0;display:flex;gap:16px;flex-wrap:wrap}.upgrade-banner-content li{display:flex;align-items:center;gap:5px;font-size:.8rem;color:var(--color-text-secondary);font-weight:500}.upgrade-banner-content li svg{color:var(--color-success)}.upgrade-banner-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#1e293b;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0}.upgrade-banner-btn:hover{background:#334155;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.upgrade-banner-compact{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#1e293b;border:none;border-radius:8px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.upgrade-banner-compact:hover{background:#334155;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.upgrade-banner-compact svg:first-child{color:var(--color-warning)}.upgrade-banner-inline{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.upgrade-banner-inline:hover{background:var(--color-border);border-color:var(--color-border)}.upgrade-banner-inline svg{color:var(--color-text-primary)}.upgrade-banner-inline strong{color:var(--color-text-primary);font-weight:600}html.dark-mode .upgrade-banner{background:linear-gradient(135deg,#1e293bcc,#33415599);border-color:#94a3b833}html.dark-mode .upgrade-banner-icon{background:linear-gradient(135deg,#334155,#475569)}html.dark-mode .upgrade-banner-btn{background:var(--color-accent-primary)}html.dark-mode .upgrade-banner-btn:hover{background:var(--color-accent-hover)}@media(max-width:768px){.upgrade-banner{flex-direction:column;text-align:center}.upgrade-banner-content ul{justify-content:center}}.import-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.import-modal{background:var(--color-bg-primary);border-radius:16px;width:90%;max-width:500px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:scaleUp .3s ease-out}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.import-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border)}.import-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.import-content{padding:30px}.upload-zone{border:2px dashed #cbd5e1;border-radius:12px;padding:40px 20px;text-align:center;transition:all .2s;background:var(--color-bg-secondary)}.upload-zone.drag-over{border-color:var(--color-ai-primary);background:var(--color-ai-bg)}.upload-zone.error{border-color:var(--color-danger);background:var(--color-danger-bg)}.upload-icon{color:var(--color-text-muted);margin-bottom:16px}.upload-zone h4{margin:0 0 8px;color:var(--color-text-secondary);font-size:1.1rem}.upload-zone p{margin:0 0 24px;color:var(--color-text-secondary);font-size:.9rem}.upload-btn{display:inline-block;padding:10px 24px;background:#7c3aed;color:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.upload-btn:hover{background:#6d28d9;transform:translateY(-1px)}.error-msg{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;color:var(--color-danger);font-size:.9rem;font-weight:500}.parsing-state{text-align:center;padding:40px 20px}.spin{animation:spin 1s linear infinite;color:var(--color-ai-primary);margin-bottom:20px}.review-state{animation:fadeIn .3s ease-out}.review-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.success-icon{width:48px;height:48px;border-radius:50%;background:var(--color-success-bg);color:#16a34a;display:flex;align-items:center;justify-content:center}.review-details{background:var(--color-bg-secondary);border-radius:8px;padding:16px;margin-bottom:24px}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--color-border)}.detail-row:last-child{border-bottom:none}.label{color:var(--color-text-secondary);font-weight:500}.value{color:var(--color-text-secondary);font-weight:600}.truncate{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-actions{display:flex;gap:12px}.back-btn{flex:1;padding:12px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;font-weight:600;color:var(--color-text-secondary);cursor:pointer}.confirm-btn{flex:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#7c3aed;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.confirm-btn:hover{background:#6d28d9}.wizard-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wizard-modal{background:var(--color-bg-primary);border-radius:16px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wizard-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border)}.wizard-header h3{font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.wizard-header .close-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.wizard-header .close-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.wizard-progress{display:flex;justify-content:space-between;padding:24px 32px 16px;position:relative}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1}.step-circle{width:32px;height:32px;border-radius:50%;background:var(--color-bg-secondary);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:var(--color-text-muted);transition:all .3s ease}.progress-step.active .step-circle{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff;box-shadow:0 4px 12px #0596694d}.progress-step.completed .step-circle{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.step-label{font-size:.7rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em}.progress-step.active .step-label,.progress-step.completed .step-label{color:var(--color-accent-primary)}.progress-line{position:absolute;top:40px;left:48px;right:48px;height:3px;background:var(--color-border);border-radius:2px}.progress-fill{height:100%;background:var(--color-accent-primary);border-radius:2px;transition:width .4s ease}.wizard-content{flex:1;padding:24px 32px;overflow-y:auto;min-height:300px}.wizard-step{animation:fadeSlide .3s ease}@keyframes fadeSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.wizard-step h2{font-size:1.4rem;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.wizard-step>p{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:24px}.step-welcome{text-align:center;padding:20px 0}.welcome-icon{width:80px;height:80px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--color-accent-primary)}.welcome-options{margin-top:32px;display:flex;flex-direction:column;gap:12px;align-items:center}.welcome-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 32px;background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s ease;width:100%;max-width:320px}.welcome-option:hover,.welcome-option.active{border-color:var(--color-accent-primary);background:var(--color-success-bg)}.welcome-option:disabled{opacity:.7;cursor:not-allowed}.welcome-option span{font-weight:600;color:var(--color-text-primary)}.welcome-option p{font-size:.8rem;color:var(--color-text-muted);margin:0}.welcome-option svg{color:var(--color-accent-primary)}.import-error{margin-top:16px;padding:12px 16px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;font-size:.85rem;max-width:320px;margin-left:auto;margin-right:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-group label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.form-group label svg{color:var(--color-text-muted)}.form-group input,.form-group textarea{padding:12px 14px;border:1px solid var(--color-border);border-radius:8px;font-size:.9rem;transition:all .2s ease;background:var(--color-bg-primary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-light)}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.form-hint{font-size:.75rem;color:var(--color-text-muted)}.skip-btn{margin-top:16px;background:transparent;border:none;color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;padding:8px 16px;text-decoration:underline}.skip-btn:hover{color:var(--color-text-primary)}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.template-option{position:relative;border:2px solid var(--color-border);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;text-align:center}.template-option:hover{border-color:#a7f3d0;background:var(--color-success-bg)}.template-option.selected{border-color:var(--color-accent-primary);background:var(--color-success-bg)}.template-preview{width:60px;height:80px;background:linear-gradient(135deg,#f8fafc 0%,var(--color-border) 100%);border-radius:6px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--color-text-muted)}.template-option span{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.selected-badge{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--color-accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.wizard-footer{display:flex;align-items:center;padding:20px 24px;border-top:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:0 0 16px 16px}.footer-spacer{flex:1}.back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.next-btn,.finish-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-accent-primary);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.next-btn:hover,.finish-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.next-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.finish-btn{background:linear-gradient(135deg,#059669,#10b981)}.feature-tour{position:fixed;inset:0;z-index:10000;pointer-events:none}.feature-tour>*{pointer-events:auto}.tour-backdrop{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .3s ease}.tour-spotlight{position:absolute;border-radius:12px;box-shadow:0 0 0 9999px #0000008c,0 0 24px #0596694d;background:transparent;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.tour-tooltip{z-index:2;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:16px;padding:28px 24px 20px;max-width:380px;width:90vw;box-shadow:0 20px 60px #0003,0 0 0 1px #ffffff0d inset;animation:tooltipEnter .35s cubic-bezier(.34,1.56,.64,1)}@keyframes tooltipEnter{0%{opacity:0;transform:translate(-50%) translateY(-50%) scale(.92)}to{opacity:1;transform:translate(-50%) translateY(-50%) scale(1)}}.feature-tour.animating .tour-tooltip{opacity:0;transform:translate(-50%) scale(.95);transition:all .2s ease}.tour-tooltip-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);display:flex;align-items:center;justify-content:center;color:var(--color-accent-primary);margin-bottom:16px}html.dark-mode .tour-tooltip-icon{background:linear-gradient(135deg,#05966926,#10b9811a)}.tour-tooltip h3{font-size:1.15rem;font-weight:700;color:var(--color-text-primary);margin:0 0 8px;line-height:1.3}.tour-tooltip p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5;margin:0 0 20px}.tour-dots{display:flex;gap:6px;justify-content:center;margin-bottom:20px}.tour-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:all .3s ease}.tour-dot.active{background:var(--color-accent-primary);width:24px;border-radius:4px}.tour-dot.completed{background:var(--color-accent-primary);opacity:.4}.tour-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.tour-skip{background:none;border:none;color:var(--color-text-muted);font-size:.85rem;cursor:pointer;padding:8px 4px;transition:color .2s ease}.tour-skip:hover{color:var(--color-text-primary)}.tour-next{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--color-accent-primary);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tour-next:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.tour-close{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tour-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}@media(max-width:767px){.tour-tooltip{max-width:320px;padding:24px 20px 16px}.tour-tooltip h3{font-size:1.05rem}.tour-tooltip p{font-size:.85rem}}.dashboard{padding:32px;max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header-text h1{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.header-text p{color:var(--color-text-secondary);font-size:.95rem}.header-actions{display:flex;gap:12px}.btn-secondary{display:flex;align-items:center;gap:8px;background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border);padding:12px 20px;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-border);transform:translateY(-1px)}.btn-primary{display:flex;align-items:center;gap:8px;background:var(--color-accent-primary);color:#fff;border:none;padding:12px 20px;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}.hero-card{display:flex;align-items:center;gap:20px;padding:24px 28px;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .2s ease}.hero-card:hover:before{opacity:1}.hero-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000026}.hero-card.import-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd}.hero-card.import-card:before{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.hero-card.import-card .hero-card-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.hero-card.create-card{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #6ee7b7}.hero-card.create-card:before{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.hero-card.create-card .hero-card-icon{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.hero-card-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #00000026}.hero-card-content{flex:1}.hero-card-content h3{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.hero-card-content p{font-size:.85rem;color:var(--color-text-secondary);line-height:1.4}.hero-arrow{color:var(--color-text-muted);transition:transform .2s ease}.hero-card:hover .hero-arrow{transform:translate(4px);color:var(--color-text-primary)}.stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:16px;transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card.accent{background:linear-gradient(135deg,#059669,#10b981);border:none}.stat-card.accent .stat-content span{color:#fff}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}.stat-label{font-size:.8rem;color:var(--color-text-muted);font-weight:500}.pro-tip-banner{background:linear-gradient(90deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:var(--radius-lg);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tip-content{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#065f46}.tip-icon{color:var(--color-success);flex-shrink:0}.tip-dismiss{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm)}.tip-dismiss:hover{background:#0000000d}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}.dashboard-section{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.btn-ghost{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--color-text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;padding:6px 10px;border-radius:var(--radius-sm)}.btn-ghost:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.resume-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.resume-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;cursor:pointer;transition:all var(--transition-fast);background:var(--color-bg-primary)}.resume-card:hover{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-light)}.resume-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.resume-icon{width:40px;height:40px;background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-accent-primary)}.card-menu{background:transparent;border:none;color:var(--color-text-muted);padding:4px;cursor:pointer;border-radius:var(--radius-sm)}.card-menu:hover{background:var(--color-bg-tertiary)}.resume-card-body h3{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.target-job{font-size:.8rem;color:var(--color-text-muted);margin-bottom:12px}.resume-meta{display:flex;align-items:center;gap:12px}.status-badge{font-size:.7rem;font-weight:600;padding:4px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.last-edited{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-text-muted)}.resume-card-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--color-bg-secondary)}.ats-mini{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.ats-label{font-size:.75rem;color:var(--color-text-muted)}.ats-value{font-size:.85rem;font-weight:700}.ats-bar{height:4px;background:var(--color-bg-tertiary);border-radius:999px;overflow:hidden}.ats-bar-fill{height:100%;border-radius:999px;transition:width .5s ease}.resume-card.create-new{border-style:dashed;border-color:var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;color:var(--color-text-muted)}.resume-card.create-new:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-success-bg)}.create-icon{width:48px;height:48px;border:2px dashed currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.resume-card.create-new span{font-weight:500;font-size:.9rem}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-bg-secondary)}.activity-item:last-child{border-bottom:none}.activity-icon{width:28px;height:28px;background:var(--color-bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-message{font-size:.85rem;color:var(--color-text-primary);margin-bottom:2px}.activity-resume{font-size:.75rem;color:var(--color-text-muted)}.activity-time{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}.quick-actions-section h2{font-size:1.1rem;font-weight:600;margin-bottom:16px}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quick-action{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary)}.quick-action:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-success-bg);transform:translateY(-2px)}.quick-action span{font-size:.85rem;font-weight:500}.card-menu-container{position:relative}.card-dropdown-menu{position:absolute;top:100%;right:0;background:var(--color-bg-primary);border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-border);padding:4px;min-width:140px;z-index:100;display:flex;flex-direction:column}.card-dropdown-menu button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:none;border:none;font-size:.85rem;color:var(--color-text-secondary);width:100%;text-align:left;border-radius:4px;cursor:pointer;transition:background .2s ease}.card-dropdown-menu button:hover{background:var(--color-bg-tertiary)}.card-dropdown-menu button.delete-option{color:var(--color-danger)}.card-dropdown-menu button.delete-option:hover{background:var(--color-danger-bg)}.dropdown-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99;background:transparent;cursor:default}@media(max-width:767px){.dashboard{padding:16px 16px 100px;touch-action:pan-y;-webkit-overflow-scrolling:touch}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.header-text h1{font-size:1.4rem}.header-text p{font-size:.85rem}.header-actions{width:100%}.header-actions .btn-primary,.header-actions .btn-secondary{flex:1;justify-content:center;padding:10px 12px;font-size:.85rem}.hero-actions{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.hero-card{padding:16px 20px;gap:14px}.hero-card-icon{width:44px;height:44px}.hero-card-content h3{font-size:.95rem}.hero-card-content p{font-size:.8rem}.stats-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.stat-card{flex:1 1 calc(50% - 5px);min-width:0;padding:12px;gap:10px}.stat-card:nth-child(5){flex:1 1 100%}.stat-icon{width:36px;height:36px}.stat-icon svg{width:18px;height:18px}.stat-value{font-size:1.2rem}.stat-label{font-size:.7rem}.pro-tip-banner{padding:12px 16px;margin-bottom:16px;flex-direction:column;align-items:flex-start;gap:10px}.tip-content{font-size:.8rem;gap:10px;flex-wrap:wrap}.tip-content div{flex:1;min-width:0}.tip-dismiss{align-self:flex-end;margin-top:-24px}.dashboard-grid{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.dashboard-section{padding:16px}.section-header{margin-bottom:14px}.section-header h2{font-size:1rem}.resume-cards{grid-template-columns:1fr;gap:12px}.resume-card{padding:14px}.resume-icon{width:36px;height:36px}.resume-card-body h3{font-size:.9rem}.target-job{font-size:.75rem;margin-bottom:10px}.resume-meta{gap:8px}.status-badge{font-size:.65rem;padding:3px 6px}.last-edited{font-size:.7rem}.resume-card-footer{margin-top:12px;padding-top:10px}.resume-card.create-new{min-height:120px;padding:20px}.create-icon{width:40px;height:40px;margin-bottom:8px}.resume-card.create-new span{font-size:.85rem}.activity-item{padding:10px 0;gap:10px}.activity-icon{width:24px;height:24px}.activity-message{font-size:.8rem}.activity-resume,.activity-time{font-size:.7rem}.quick-actions-section h2{font-size:1rem;margin-bottom:12px}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:10px}.quick-action{padding:16px 10px;gap:6px}.quick-action svg{width:20px;height:20px}.quick-action span{font-size:.7rem;text-align:center;line-height:1.3;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.card-dropdown-menu{min-width:130px}.card-dropdown-menu button{padding:10px 12px;font-size:.8rem}}@media(min-width:768px)and (max-width:1024px){.dashboard{padding:24px}.stats-row{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.resume-cards,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}.empty-state-card{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 32px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px dashed #6ee7b7;border-radius:var(--radius-lg);min-height:280px}.empty-state-icon{width:72px;height:72px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 8px 24px #0596694d}.empty-state-card h3{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.empty-state-card p{font-size:.9rem;color:var(--color-text-secondary);max-width:320px;margin-bottom:24px}.empty-state-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.empty-state-actions .btn-primary,.empty-state-actions .btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}.empty-state-actions .btn-primary{background:var(--color-accent-primary);color:#fff;border:none}.empty-state-actions .btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0596694d}.empty-state-actions .btn-secondary{background:var(--color-bg-primary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.empty-state-actions .btn-secondary:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}html.dark-mode .empty-state-card{background:linear-gradient(135deg,#10b9811a,#34d3991a);border-color:#6ee7b74d}html.dark-mode .hero-card.import-card{background:linear-gradient(135deg,#3b82f61f,#2563eb14)!important;border-color:#3b82f640!important}html.dark-mode .hero-card.import-card:before{background:linear-gradient(135deg,#3b82f62e,#2563eb1f)!important}html.dark-mode .hero-card.create-card{background:linear-gradient(135deg,#10b9811f,#34d39914)!important;border-color:#34d39940!important}html.dark-mode .hero-card.create-card:before{background:linear-gradient(135deg,#10b9812e,#34d3991f)!important}html.dark-mode .stat-icon.stat-icon-success{background:#10b98126!important;color:#34d399!important}html.dark-mode .stat-icon.stat-icon-info{background:#3b82f626!important;color:#60a5fa!important}html.dark-mode .stat-icon.stat-icon-warning{background:#fbbf2426!important;color:#fbbf24!important}html.dark-mode .stat-icon.stat-icon-ai{background:#a78bfa26!important;color:#a78bfa!important}html.dark-mode .pro-tip-banner{background:linear-gradient(90deg,#10b9811a,#34d39914)!important;border-color:#6ee7b733!important}html.dark-mode .tip-content{color:#a3a3a3}html.dark-mode .tip-content strong{color:#34d399}@media(max-width:767px){.empty-state-card{padding:32px 20px;min-height:240px}.empty-state-icon{width:56px;height:56px;margin-bottom:16px}.empty-state-card h3{font-size:1.1rem}.empty-state-card p{font-size:.85rem;margin-bottom:20px}.empty-state-actions{flex-direction:column;width:100%}.empty-state-actions .btn-primary,.empty-state-actions .btn-secondary{width:100%;justify-content:center}}@media(max-width:375px){.stats-row{display:flex;flex-wrap:wrap;gap:8px;overflow-x:visible}.stat-card{flex:1 1 45%;min-width:0}}