*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #08090D;--bg2: #10121A;--bg3: #181B25;--bg4: #1E2230;--border: rgba(255,255,255,.05);--border2: rgba(255,255,255,.08);--border3: rgba(255,255,255,.12);--text: #E8E8EC;--text2: #6B7084;--text3: #4A4E5E;--purple: #8A5CFF;--purple-dim: rgba(138,92,255,.12);--green: #B7FF2A;--green-dim: rgba(183,255,42,.1);--danger: #FF4757;--danger-dim: rgba(255,71,87,.1);--orange: #FF6B35;--orange-dim: rgba(255,107,53,.1);--blue: #4A9EFF;--blue-dim: rgba(74,158,255,.1);--gold: #FFD700;--gold-dim: rgba(255,215,0,.1);--radius: 14px;--radius-sm: 10px;--radius-xs: 7px;--shadow: 0 2px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--transition: .2s cubic-bezier(.4, 0, .2, 1)}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh;display:flex;flex-direction:column}.app-layout{display:flex;flex-direction:column;min-height:100dvh;background:var(--bg)}.app-main{flex:1;padding:20px 16px 90px;max-width:720px;margin:0 auto;width:100%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#08090deb;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:6px 4px 10px;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:var(--text3);font-size:10px;font-weight:500;letter-spacing:.02em;padding:8px 14px;cursor:pointer;transition:all var(--transition);border-radius:12px;position:relative}.nav-item:active{transform:scale(.92)}.nav-item.active{color:var(--purple)}.nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--purple);border-radius:0 0 4px 4px;animation:navSlide .3s ease}@keyframes navSlide{0%{width:0;opacity:0}to{width:20px;opacity:1}}.nav-icon{line-height:1;transition:transform var(--transition)}.nav-item.active .nav-icon{transform:translateY(-1px)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.page-title{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:10px;transition:all var(--transition)}.card:hover{border-color:var(--border2)}.card:active{transform:scale(.995)}.card-interactive{cursor:pointer}.card-interactive:hover{background:var(--bg3);border-color:var(--border3);box-shadow:var(--shadow)}.card-header{font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:10px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:18px;cursor:pointer;transition:all var(--transition);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--purple),var(--green));opacity:0;transition:opacity var(--transition)}.stat-card:hover:after{opacity:1}.stat-card:active{transform:scale(.97);background:var(--bg3)}.stat-icon{margin-bottom:10px;color:var(--text2)}.stat-value{font-size:32px;font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat-label{font-size:11px;color:var(--text2);margin-top:6px;letter-spacing:.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all var(--transition);white-space:nowrap;letter-spacing:.01em}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--purple),#6B3FDB);color:#fff;box-shadow:0 2px 12px #8a5cff40}.btn-primary:hover:not(:disabled){box-shadow:0 4px 20px #8a5cff66}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border2)}.btn-secondary:hover:not(:disabled){background:var(--bg4);border-color:var(--border3)}.btn-ghost{background:transparent;color:var(--text2);border:none;padding:8px 12px}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--bg3)}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid rgba(255,71,87,.2)}.btn-sm{padding:7px 14px;font-size:12px;border-radius:var(--radius-xs)}.btn-icon{padding:8px;border-radius:var(--radius-xs);background:transparent;color:var(--text2);border:none;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--bg3);color:var(--text)}.btn-icon:active{transform:scale(.9)}.input{width:100%;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--border2);background:var(--bg);color:var(--text);font-size:14px;outline:none;transition:all var(--transition);font-family:inherit}.input:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-dim)}.input::placeholder{color:var(--text3)}.textarea{resize:vertical;min-height:80px;line-height:1.5}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.badge-purple{background:var(--purple-dim);color:var(--purple)}.badge-green{background:var(--green-dim);color:var(--green)}.badge-danger{background:var(--danger-dim);color:var(--danger)}.badge-orange{background:var(--orange-dim);color:var(--orange)}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-gold{background:var(--gold-dim);color:var(--gold)}.badge-gray{background:#ffffff0d;color:var(--text2)}.item-row{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.item-row:last-child{border-bottom:none}.item-icon{flex-shrink:0;margin-top:2px;color:var(--text2)}.item-content{flex:1;min-width:0}.item-title{font-size:14px;font-weight:500;line-height:1.4;color:var(--text)}.item-meta{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}.item-date{font-size:11px;color:var(--text3)}.item-actions{display:flex;gap:4px;flex-shrink:0}.filter-bar{display:flex;gap:6px;margin-bottom:18px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.filter-btn{padding:7px 16px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid var(--border2);background:transparent;color:var(--text2);cursor:pointer;white-space:nowrap;transition:all var(--transition)}.filter-btn:active{transform:scale(.95)}.filter-btn.active{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:0 2px 8px #8a5cff4d}.filter-btn:not(.active):hover{border-color:var(--border3);color:var(--text)}.quick-add{display:flex;gap:8px;margin-bottom:20px}.quick-add .input{flex:1}.empty-state{text-align:center;padding:48px 20px;color:var(--text2)}.empty-state .empty-icon{margin-bottom:16px;opacity:.3}.empty-state .empty-text{font-size:14px;line-height:1.6}.empty-state .empty-action{margin-top:16px}.auth-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg)}.auth-card{background:var(--bg2);border:1px solid var(--border);border-radius:24px;padding:36px;width:100%;max-width:380px}.auth-logo{text-align:center;margin-bottom:24px}.auth-title{font-size:26px;font-weight:800;text-align:center;margin-bottom:4px;letter-spacing:-.02em}.auth-subtitle{font-size:13px;color:var(--text2);text-align:center;margin-bottom:28px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-toggle{text-align:center;margin-top:20px;font-size:13px;color:var(--text2)}.auth-toggle a{color:var(--purple);cursor:pointer;text-decoration:none;font-weight:500}.error-msg{background:var(--danger-dim);border:1px solid rgba(255,71,87,.2);border-radius:var(--radius-sm);padding:10px 14px;color:var(--danger);font-size:13px;margin-bottom:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:200;animation:fadeIn .2s ease}@media(min-width:500px){.modal-overlay{align-items:center}}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:20px 20px 0 0;padding:24px;width:100%;max-width:500px;max-height:85vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@media(min-width:500px){.modal{border-radius:20px}}.modal-title{font-size:18px;font-weight:700;margin-bottom:16px}.loading{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--text2);font-size:13px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border2);border-top-color:var(--purple);border-radius:50%;animation:spin .7s linear infinite;margin-right:10px}@keyframes spin{to{transform:rotate(360deg)}}.agent-run{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:10px;transition:all var(--transition)}.agent-run:hover{border-color:var(--border2)}.agent-input{font-size:13px;color:var(--text);margin-bottom:12px;padding:10px;background:var(--bg);border-radius:var(--radius-xs);border-left:2px solid var(--purple-dim)}.agent-result{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.agent-actions{font-size:12px;color:var(--text2)}.agent-actions li{margin-bottom:3px;padding-left:4px}.toast{position:fixed;bottom:88px;left:50%;transform:translate(-50%);background:var(--bg4);border:1px solid var(--border3);border-radius:var(--radius);padding:12px 22px;font-size:13px;font-weight:500;z-index:300;box-shadow:var(--shadow-lg);animation:toastIn .35s cubic-bezier(.4,0,.2,1);white-space:nowrap}.progress-bar{height:4px;background:var(--bg);border-radius:4px;overflow:hidden;margin-top:10px}.progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--purple),var(--green));transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-ring{display:inline-flex;align-items:center;justify-content:center;position:relative}.progress-ring-value{position:absolute;font-size:10px;font-weight:700;color:var(--text)}.alert-card{background:var(--danger-dim);border:1px solid rgba(255,71,87,.2);border-radius:var(--radius);padding:16px;margin-bottom:12px}.focus-card{background:linear-gradient(135deg,var(--bg2),var(--bg3));border:1px solid var(--border2);border-radius:var(--radius);padding:18px;margin-bottom:12px}.focus-text{font-size:14px;color:var(--text);line-height:1.5}.check-btn{width:22px;height:22px;border-radius:50%;border:2px solid var(--border3);background:transparent;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:transparent;padding:0}.check-btn:hover{border-color:var(--green);background:var(--green-dim)}.check-btn.done{border-color:var(--green);background:var(--green);color:var(--bg)}.check-btn:active{transform:scale(.85)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastIn{0%{transform:translate(-50%,10px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff1f}::selection{background:var(--purple-dim);color:var(--text)}@media(max-width:380px){.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:14px}.stat-value{font-size:26px}}.more-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99;animation:fadeIn .2s ease}.more-menu{position:fixed;bottom:62px;right:12px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);padding:6px;min-width:160px;box-shadow:var(--shadow-lg);z-index:101;animation:slideUp .2s ease}.more-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:none;border:none;color:var(--text2);font-size:14px;font-weight:500;cursor:pointer;border-radius:var(--radius-xs);transition:all var(--transition)}.more-item:hover{background:var(--bg4);color:var(--text)}.more-item.active{color:var(--purple);background:var(--purple-dim)}.more-item:active{transform:scale(.97)}