@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:transparent;--panel-bg:#0f172ad9;--panel-border:#6366f140;--text-main:#f8fafc;--text-muted:#cbd5e1;--accent:linear-gradient(135deg, #6366f1, #d946ef);--accent-hover:linear-gradient(135deg, #4f46e5, #c084fc);--success:#10b981;--success-light:#10b98126;--warning:#f59e0b;--warning-light:#f59e0b26;--danger:#ef4444;--danger-light:#ef444426;--priority-low:var(--success);--priority-medium:var(--warning);--priority-high:var(--danger);--priority-urgent:#ef4444}@keyframes gradient-bg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background:linear-gradient(-45deg,#020617,#1e1b4b,#3b0764,#042f2e,#020617) 0 0/400% 400%;min-height:100vh;font-family:Inter,sans-serif;animation:25s infinite gradient-bg}.app-container{max-width:1600px;min-height:100vh;margin:0 auto;display:flex}.sidebar{background-color:#0000;flex-direction:column;gap:32px;width:250px;padding:32px 24px;display:flex}.sidebar-logo{align-items:center;gap:12px;font-size:1.25rem;font-weight:700;display:flex}.sidebar-logo-icon{background:var(--text-main);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.nav-item{cursor:pointer;color:var(--text-muted);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-main);background:#ffffff14;transform:translate(4px)}.nav-item.active{color:#a5b4fc;background:linear-gradient(135deg,#6366f12e,#d946ef2e);border-left:4px solid #6366f1;font-weight:600;box-shadow:0 4px 12px #6366f126}.main-content{flex-direction:column;flex:1;gap:24px;height:100vh;padding:32px;display:flex;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.page-title{letter-spacing:-.5px;font-size:1.8rem;font-weight:600}.header-actions{align-items:center;gap:16px;display:flex}.search-bar{color:var(--text-main);border:1px solid var(--panel-border);background:#1e293b8c;border-radius:100px;outline:none;padding:12px 20px;transition:all .3s}.search-bar:focus{border-color:#6366f1;box-shadow:0 0 12px #6366f133}.bento-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:24px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.stat-card{flex-direction:column;gap:12px;display:flex}.stat-header{color:var(--text-muted);align-items:center;gap:8px;font-size:.95rem;font-weight:500;display:flex}.stat-body{align-items:center;gap:16px;display:flex}.stat-value{letter-spacing:-1px;font-size:2.5rem;font-weight:700}.stat-trend{border-radius:100px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:600;display:flex}.trend-up{background:var(--success-light);color:var(--success)}.trend-down{background:var(--danger-light);color:var(--danger)}.btn{cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{color:var(--text-main);border:1px solid var(--panel-border);background:#fff;box-shadow:0 1px 2px #00000005}.btn-secondary:hover:not(:disabled){background:#f9fafb}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-icon{border-radius:50%;place-items:center;width:36px;height:36px;padding:8px;display:grid}.list-container{flex-direction:column;gap:16px;display:flex}.list-item{border-bottom:1px solid var(--panel-border);align-items:flex-start;gap:16px;padding:16px 0;display:flex}.list-item:last-child{border-bottom:none}.item-icon{background:#f1f5f9;border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:1.2rem;display:grid}.item-content{flex-direction:column;flex:1;gap:4px;display:flex}.item-title{color:var(--text-main);font-size:1.05rem;font-weight:600}.item-desc{color:var(--text-muted);font-size:.9rem;line-height:1.5}.item-meta{align-items:center;gap:12px;margin-top:8px;display:flex}.item-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.price-tag{font-size:1.1rem;font-weight:700}.badge{border-radius:100px;padding:4px 12px;font-size:.75rem;font-weight:600}.badge-active{background:var(--success-light);color:var(--success)}.badge-offline{background:var(--danger-light);color:var(--danger)}.badge-warning{background:var(--warning-light);color:var(--warning)}.loader{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.loader-dark{border:3px solid #0000001a;border-top:3px solid var(--accent)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nested-tasks{border:1px solid var(--panel-border);background:#1e293b80;border-radius:16px;margin-top:16px;padding:16px}.nested-tasks h4{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:12px;font-size:.85rem}.btn,.google-btn{transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #6366f11a,0 2px 4px -1px #6366f10f}.btn:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 10px 20px -5px #6366f14d}.btn:active:not(:disabled){transform:translateY(1px)scale(.98);box-shadow:0 4px 8px -2px #6366f133}.google-btn:hover{border-color:#ec4899;transform:translateY(-2px)scale(1.02);box-shadow:0 10px 20px -5px #ec489926}.google-btn:active{transform:translateY(1px)scale(.98)}.bento-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--panel-bg);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.bento-card:hover{transform:translateY(-2px);box-shadow:0 12px 20px -5px #6366f114,0 8px 16px -8px #6366f10d}.logo-img{object-fit:contain;border-radius:6px;width:28px;height:28px}.login-page-container{justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:20px;display:flex;overflow:hidden}.envelope-wrapper{perspective:1000px;width:440px;height:320px;margin-top:100px;position:relative}.envelope{background:#1e1b4b;border-radius:12px;width:100%;height:100%;animation:1.1s cubic-bezier(.34,1.56,.64,1) .8s forwards slide-down-envelope;position:absolute;box-shadow:0 30px 60px -15px #1e1b4b66}.envelope-flap{clip-path:polygon(0 0,50% 100%,100% 0);transform-origin:top;z-index:3;background:linear-gradient(#818cf8,#6366f1);border-radius:12px 12px 0 0;width:100%;height:50%;animation:.7s cubic-bezier(.25,1,.5,1) .2s forwards open-flap;position:absolute;top:0;left:0}.envelope-left{clip-path:polygon(0 0,0 100%,100% 100%);z-index:2;background:linear-gradient(135deg,#818cf8f2,#6366f1f2);border-radius:0 0 0 12px;width:50%;height:100%;position:absolute;bottom:0;left:0}.envelope-right{clip-path:polygon(100% 0,0 100%,100% 100%);z-index:2;background:linear-gradient(225deg,#a5b4fcf2,#818cf8f2);border-radius:0 0 12px;width:50%;height:100%;position:absolute;bottom:0;right:0}.envelope-bottom{clip-path:polygon(0 100%,50% 0,100% 100%);z-index:2;background:linear-gradient(#d946eff2,#ec4899f2);border-radius:0 0 12px 12px;width:100%;height:55%;position:absolute;bottom:0;left:0}.envelope-letter{text-align:center;z-index:1;opacity:0;background:#fff;border-radius:16px;flex-direction:column;align-items:center;width:90%;padding:36px 28px;animation:1.1s cubic-bezier(.34,1.56,.64,1) .8s forwards slide-up-letter;display:flex;position:absolute;bottom:15px;left:5%;transform:translateY(0);box-shadow:0 4px 20px #0000000d}.login-logo{background:#fff;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;display:flex;overflow:hidden;box-shadow:0 8px 16px #6366f126}.login-logo img{object-fit:cover;width:100%;height:100%}.login-title{color:#1e1b4b;margin-bottom:8px;font-size:1.6rem;font-weight:700}.login-subtitle{color:#6366f1;margin-bottom:24px;font-size:.85rem;line-height:1.5}.google-btn{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:9999px;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.google-icon{width:18px;height:18px}.login-footer{color:#9ca3af;margin-top:20px;font-size:.7rem}@keyframes open-flap{0%{z-index:3;transform:rotateX(0)}to{z-index:0;transform:rotateX(180deg)}}@keyframes slide-down-envelope{0%{transform:translateY(0)}to{transform:translateY(70px)}}@keyframes slide-up-letter{0%{opacity:0;z-index:1;transform:translateY(0)}30%{opacity:1}60%{z-index:1;transform:translateY(-220px)}60.1%{z-index:4}to{opacity:1;z-index:4;transform:translateY(-210px)}}.status-dot{background-color:var(--success);border-radius:50%;width:8px;height:8px;transition:all .3s;display:inline-block}.status-dot-animating{background-color:#6366f1;animation:1.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.btn-logout{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:.9rem;font-weight:600;display:flex;color:#fca5a5!important;background:#ef444426!important;border:1px solid #ef44444d!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 4px 12px #ef444414!important}.btn-logout:hover:not(:disabled){color:#fff!important;background:#ef444440!important;border-color:#ef444480!important;transform:translateY(-2px)scale(1.02)!important;box-shadow:0 6px 16px #ef444433!important}.btn-logout:active:not(:disabled){transform:translateY(1px)scale(.98)!important}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#020611b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{border:1px solid var(--panel-border);border-radius:24px;width:90%;max-width:650px;max-height:80vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080;background:#0f172af2!important;padding:32px!important}.modal-close{border:1px solid var(--panel-border);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.85rem;transition:all .2s;display:grid;position:absolute;top:20px;right:20px}.modal-close:hover{color:var(--text-main);background:#ffffff1a;transform:scale(1.05)}.modal-header{align-items:flex-start;gap:16px;padding-right:24px;display:flex}.modal-icon{color:#818cf8;background:#6366f126;border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:1.25rem;display:grid}.modal-subject{color:var(--text-main);font-size:1.3rem;font-weight:700;line-height:1.3}.modal-meta{color:var(--text-muted);margin-top:4px;font-size:.8rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}