@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap";:root{--bg: #0a0a0f;--bg2: #111114;--bg3: #1a1a1f;--border: rgba(245, 106, 165, .15);--border2: rgba(245, 106, 165, .3);--border-glow: rgba(245, 106, 165, .4);--text: #f0efe8;--text2: #b0aec0;--text3: #66657a;--pink: #F56AA5;--pink-light: #F9A8C4;--pink-dark: #D94A8A;--pink-glow: rgba(245, 106, 165, .25);--gold: #f5c842;--teal: #3dcfb0;--coral: #ff6b5b;--success: #3dcfb0;--warning: #f5c842;--danger: #ff6b5b;--radius: 12px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:15px;line-height:1.6;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.lumee-container{border:2px solid var(--pink);box-shadow:0 15px 50px #f56aa540,0 0 30px #f9a8c426,inset 0 0 30px #f56aa50d;border-radius:22px;overflow:hidden;background:var(--bg2)}.header{border-bottom:1px solid var(--border);background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:100}.lumee-header{padding:30px 20px;text-align:center;background:linear-gradient(135deg,var(--pink) 0%,var(--pink-light) 45%,#F3D3BE 100%)}.lumee-header h1{margin:0;color:#111;font-size:42px;font-weight:800;letter-spacing:-.5px}.lumee-header p{margin:10px 0 0;color:#222;font-size:18px;font-weight:500}.header-inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:2rem;height:60px}.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-icon{color:var(--pink);font-size:20px}.logo-text{font-family:"DM Serif Display",serif;font-size:22px;color:var(--text)}.logo-tag{font-size:10px;font-family:DM Mono,monospace;color:var(--pink);background:#f56aa51f;padding:2px 8px;border-radius:20px;border:1px solid rgba(245,106,165,.25);text-transform:uppercase;letter-spacing:.08em}.nav{display:flex;gap:4px;overflow-x:auto}.nav-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:none;background:transparent;color:var(--text2);font-size:13px;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;white-space:nowrap;transition:all .15s}.nav-btn:hover{background:var(--bg3);color:var(--text)}.nav-btn.active{background:#f56aa51f;color:var(--pink)}.nav-icon{font-size:12px}.main{max-width:1200px;margin:0 auto;padding:2.5rem 2rem;width:100%;flex:1}.section-header{margin-bottom:2rem}.section-title{font-family:"DM Serif Display",serif;font-size:32px;color:var(--text);line-height:1.2}.section-sub{color:var(--text2);font-size:14px;margin-top:6px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:border-color .3s,box-shadow .3s}.card:hover{border-color:var(--border2);box-shadow:0 0 20px #f56aa50d}.card-sm{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-family:DM Mono,monospace;color:var(--text2);text-transform:uppercase;letter-spacing:.06em}.form-input,.form-select,.form-textarea{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:14px;padding:10px 14px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--pink);box-shadow:0 0 12px #f56aa526}.form-select option{background:var(--bg3)}.form-textarea{resize:vertical;min-height:80px}.btn{padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-family:Plus Jakarta Sans,sans-serif;font-weight:500;cursor:pointer;border:none;transition:all .15s}.btn-primary{background:var(--pink);color:#fff}.btn-primary:hover{background:var(--pink-dark);box-shadow:0 4px 20px #f56aa559}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;border:1px solid var(--border2);color:var(--text)}.btn-outline:hover{border-color:var(--pink);color:var(--pink)}.btn-danger{background:#ff6b5b1a;border:1px solid rgba(255,107,91,.3);color:var(--coral)}.btn-danger:hover{background:#ff6b5b33}.btn-sm{padding:6px 12px;font-size:12px}.btn-ai{background:linear-gradient(135deg,#f56aa526,#3dcfb01a);border:1px solid rgba(245,106,165,.3);color:var(--pink);display:flex;align-items:center;gap:8px}.btn-ai:hover{border-color:var(--pink);background:#f56aa533;box-shadow:0 0 20px #f56aa526}.btn-ai:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:20px;font-size:11px;font-family:DM Mono,monospace;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.badge-accent{background:#f56aa51f;color:var(--pink);border:1px solid rgba(245,106,165,.25)}.badge-teal{background:#3dcfb01a;color:var(--teal);border:1px solid rgba(61,207,176,.2)}.badge-gold{background:#f5c8421a;color:var(--gold);border:1px solid rgba(245,200,66,.2)}.badge-coral{background:#ff6b5b1a;color:var(--coral);border:1px solid rgba(255,107,91,.2)}.stat-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;display:flex;flex-direction:column;gap:4px;transition:border-color .3s,box-shadow .3s}.stat-card:hover{border-color:var(--border2);box-shadow:0 0 20px #f56aa50d}.stat-label{font-size:11px;font-family:DM Mono,monospace;color:var(--text3);text-transform:uppercase;letter-spacing:.06em}.stat-value{font-size:26px;font-weight:600;color:var(--text)}.stat-sub{font-size:12px;color:var(--text2)}.ai-loading{display:flex;align-items:center;gap:10px;color:var(--pink);font-size:14px;padding:1.5rem}.ai-dot{width:6px;height:6px;border-radius:50%;background:var(--pink);animation:pulse 1s ease-in-out infinite}.ai-dot:nth-child(2){animation-delay:.15s}.ai-dot:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.progress-bar{background:var(--bg3);border-radius:4px;height:6px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;background:var(--pink);transition:width .5s}.divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;padding:8px 12px;color:var(--pink);font-size:11px;font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border)}.table td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text2)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg3)}.timeline-item{display:flex;gap:1rem;position:relative}.timeline-line{display:flex;flex-direction:column;align-items:center}.timeline-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--pink);background:var(--bg);flex-shrink:0}.timeline-dot.done{background:var(--pink)}.timeline-connector{width:1px;flex:1;background:var(--border);margin:4px 0;min-height:24px}.timeline-content{flex:1;padding-bottom:1.25rem}.timeline-title{font-size:14px;font-weight:500;color:var(--text)}.timeline-date{font-size:12px;color:var(--text3);font-family:DM Mono,monospace;margin-top:2px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.checkbox-label input[type=checkbox]{accent-color:var(--pink);width:16px;height:16px}.stars{display:flex;gap:4px}.star{font-size:20px;cursor:pointer;color:var(--text3);transition:color .1s}.star.active{color:var(--gold)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.wrap{flex-wrap:wrap}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.empty{text-align:center;padding:3rem;color:var(--text3)}.empty-icon{font-size:2rem;margin-bottom:1rem;opacity:.4}.empty-text{font-size:14px}.footer{padding:20px 20px 25px;text-align:center;color:var(--text3);font-size:14px;border-top:1px solid var(--border);background:var(--bg)}.footer a{color:var(--pink);text-decoration:none}.footer a:hover{text-decoration:underline;color:var(--pink-light)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.header-inner{padding:0 1rem;gap:1rem}.nav-label{display:none}.main{padding:1.5rem 1rem}.lumee-header h1{font-size:26px}.lumee-header p{font-size:14px}.lumee-container{border-radius:16px}}@media (max-width: 480px){.lumee-header{padding:20px 12px}.lumee-header h1{font-size:20px;letter-spacing:0}.lumee-header p{font-size:12px;margin-top:6px}.lumee-container{border-radius:12px;border-width:1.5px}.footer{font-size:10px;padding:14px 10px 16px}}.text-glow{color:var(--pink);text-shadow:0 0 20px rgba(245,106,165,.3),0 0 60px rgba(245,106,165,.1)}.bg-pink-glow{background:radial-gradient(ellipse at center,rgba(245,106,165,.08) 0%,transparent 70%)}input[type=number]:focus,input[type=text]:focus,textarea:focus,select:focus{border-color:var(--pink)!important;box-shadow:0 0 12px #f56aa533!important}
