@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_b0fda7d3-module__z6o-ya__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_b0fda7d3-module__z6o-ya__variable{--font-jakarta:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_9685cdc9-module__KWNJea__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_9685cdc9-module__KWNJea__variable{--font-mono-jb:"JetBrains Mono", "JetBrains Mono Fallback"}
.login-wrapper{width:100%;min-height:100dvh;font-family:var(--font-main);box-sizing:border-box;background-color:#f6f8fc;justify-content:center;align-items:center;padding:24px 16px;display:flex}.login-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:400px;padding:36px 32px;box-shadow:0 4px 20px -2px #0000000f}.brand-header{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-logo{object-fit:contain;flex-shrink:0;width:36px;height:36px}.brand-titles{text-align:left;flex-direction:column;display:flex}.brand-name{letter-spacing:-.5px;color:#0f172a;margin:0;font-size:22px;font-weight:800;line-height:1.1}.brand-tagline{color:#64748b;letter-spacing:.1px;margin:2px 0 0;font-size:12px;font-weight:500}.error-box{color:#dc2626;text-align:center;box-sizing:border-box;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:10px;width:100%;margin-bottom:18px;padding:10px 14px;font-size:13px;font-weight:600}.login-form{flex-direction:column;gap:16px;width:100%;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.field-label{color:#334155;font-size:13px;font-weight:600}.input-box{box-sizing:border-box;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:11px 14px;transition:all .15s;display:flex}.input-box:focus-within{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.field-icon{color:#94a3b8;flex-shrink:0}.input-box:focus-within .field-icon{color:#2563eb}.input-control{color:#0f172a;background:0 0;border:none;outline:none;flex:1;width:100%;font-family:inherit;font-size:14px}.input-control::placeholder{color:#94a3b8}.toggle-password{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex}.toggle-password:hover{color:#475569}.submit-button{color:#fff;cursor:pointer;box-sizing:border-box;background-color:#2563eb;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;padding:12px 16px;font-family:inherit;font-size:14.5px;font-weight:600;transition:background-color .15s;display:flex}.submit-button:hover:not(:disabled){background-color:#1d4ed8}.submit-button:disabled{opacity:.7;cursor:not-allowed}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:480px){.login-card{border-radius:16px;padding:28px 20px}.brand-logo{width:42px;height:42px}.brand-name{font-size:23px}.brand-tagline{font-size:12px}}.navbar-container{height:calc(var(--header-height) + env(safe-area-inset-top,0px));background-color:var(--bg-app);padding:env(safe-area-inset-top,0px) 16px 0 16px;z-index:100;box-sizing:border-box;border-bottom:none;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.desktop-brand{align-items:center;gap:10px;min-width:240px;display:flex}.hamburger-btn{transition:background-color .15s}.hamburger-btn:hover{background-color:var(--bg-surface-hover)}.navbar-brand-lockup{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);align-items:center;gap:10px;padding:4px 8px;transition:background-color .15s;display:flex}.navbar-brand-lockup:hover{background-color:var(--bg-surface-hover)}.navbar-brand-img{object-fit:contain;filter:drop-shadow(0 2px 6px #2563eb33);width:26px;height:26px;transition:transform .2s}.navbar-brand-lockup:hover .navbar-brand-img{transform:scale(1.05)}.navbar-brand-text{flex-direction:column;display:flex}.navbar-brand-title{letter-spacing:-.4px;color:#0f172a;font-size:17px;font-weight:800;line-height:1.1}.search-wrapper{flex:1;max-width:720px;padding:0 16px;position:relative}.search-form-element{width:100%}.search-capsule{background-color:var(--bg-surface-hover);border-radius:var(--radius-full);box-sizing:border-box;border:1.5px solid #0000;align-items:center;width:100%;height:48px;padding:6px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.desktop-search-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.search-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:8px 14px;font-family:inherit;font-size:15px;font-weight:500}.search-input::placeholder{color:var(--text-muted);font-weight:400}.search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:color .15s;display:flex}.search-clear-btn:hover{color:var(--text-main)}.mobile-hamburger,.mobile-avatar-btn,.mobile-detail-nav{display:none}.desktop-actions{align-items:center;gap:12px;display:flex}.desktop-profile-btn{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;text-align:right;align-items:center;gap:12px;padding:5px 12px 5px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #0000000a}.desktop-profile-btn:hover{background-color:#fff;border-color:#cbd5e1;transform:translateY(-.5px);box-shadow:0 4px 12px #00000014}.desktop-user-info{flex-direction:column;align-items:flex-end;line-height:1.25;display:flex}.desktop-user-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:13.5px;font-weight:700;overflow:hidden}.desktop-user-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:180px;margin-top:1px;font-size:11.5px;overflow:hidden}.desktop-user-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 8px #2563eb40}.desktop-user-avatar-img{object-fit:cover;border:1.5px solid #2563eb;border-radius:50%;flex-shrink:0;width:34px;height:34px;box-shadow:0 2px 8px #0000001f}.mobile-avatar-img{aspect-ratio:1;object-fit:cover;border:1.5px solid #2563eb;border-radius:50%;flex-shrink:0;width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px;display:block}.mobile-avatar-fallback{aspect-ratio:1;color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px;font-size:13px;font-weight:700;display:flex}.profile-dialog{top:calc(var(--header-height) - 4px);z-index:1100;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:20px;flex-direction:column;align-items:center;width:300px;padding:24px 20px;display:flex;position:absolute;right:16px;box-shadow:0 20px 40px -10px #0f172a29,0 0 0 1px #e2e8f0cc}.profile-dialog-img{object-fit:cover;border:2.5px solid #2563eb;border-radius:50%;width:68px;height:68px;margin-bottom:12px;box-shadow:0 4px 14px #2563eb40}.profile-dialog-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:12px;font-size:26px;font-weight:700;display:flex;box-shadow:0 4px 14px #2563eb40}.profile-dialog-name{color:#0f172a;font-size:16px;font-weight:750}.profile-dialog-email{color:var(--text-secondary);margin-top:3px;margin-bottom:16px;font-size:13px}.profile-divider{background-color:var(--border-light);width:100%;height:1px;margin-bottom:16px}.sign-out-btn{color:#dc2626;cursor:pointer;background-color:#fff5f5;border:1px solid #fee2e2;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:flex}.sign-out-btn:hover{color:#b91c1c;background-color:#fee2e2}.animate-header-slide{animation:.22s cubic-bezier(.4,0,.2,1) header-fade-slide}@keyframes header-fade-slide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dual-morph-box{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.right-slot-morph{width:32px;height:32px}.morph-layer{will-change:transform, opacity;justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .28s;display:flex;position:absolute;inset:0}.capsule-center-area{flex:1;align-items:center;min-width:0;display:flex;position:relative}.capsule-search-form{flex:1;align-items:center;min-width:0;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex}.capsule-detail-actions{display:none}.mobile-capsule-left-btn,.capsule-star-btn,.mobile-avatar-btn{display:none!important}.capsule-right-slot{flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (max-width:768px){.navbar-container{padding-top:max(10px, env(safe-area-inset-top,0px));padding-bottom:10px;padding-left:max(12px, env(safe-area-inset-left,0px));padding-right:max(12px, env(safe-area-inset-right,0px));border-bottom:1px solid var(--border-light);height:calc(68px + env(safe-area-inset-top,0px));box-sizing:border-box;background-color:#fff}.desktop-brand,.desktop-actions,.desktop-search-icon{display:none!important}.search-wrapper{width:100%;max-width:100%;padding:0}.search-capsule{background-color:var(--bg-surface-hover);border-radius:var(--radius-full);border:1px solid var(--border-light);box-sizing:border-box;justify-content:space-between;align-items:center;height:48px;padding:4px 10px;display:flex;box-shadow:0 1px 4px #3c40431a}.search-input{padding:8px 10px;font-size:15.5px;font-weight:500}.mobile-capsule-left-btn{cursor:pointer;width:38px;height:38px;color:var(--text-main);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;padding:0;display:flex!important}.mobile-capsule-left-btn:active{background-color:#00000014}.capsule-center-area{flex:1;align-items:center;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.capsule-search-form{opacity:1;will-change:transform, opacity;align-items:center;width:100%;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;transform:translate(0)scale(1)}.capsule-search-form.inactive{opacity:0;pointer-events:none;transform:translate(24px)scale(.92)}.capsule-detail-actions{opacity:0;pointer-events:none;will-change:transform, opacity;align-items:center;gap:4px;width:100%;height:100%;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:0;left:0;transform:translate(-24px)scale(.92)}.capsule-detail-actions.active{opacity:1;pointer-events:auto;transform:translate(0)scale(1)}.capsule-action-divider{background-color:var(--border-light);width:1px;height:20px;margin:0 4px}.capsule-tool-btn{width:36px;height:36px;color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.capsule-tool-btn:active{background-color:#00000014}.capsule-star-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:transform .15s;display:flex!important}.mobile-avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px;padding:0;overflow:hidden;display:flex!important}.profile-dialog{width:calc(100vw - 20px);max-width:320px;top:58px;right:10px}}.drawer-backdrop{opacity:0;pointer-events:none;will-change:opacity;background-color:#0f172a73;width:100vw;height:100dvh;transition:opacity .25s cubic-bezier(.4,0,.2,1);display:block;position:fixed;top:0;left:0}.sidebar-container{width:256px;height:calc(100vh - var(--header-height));background-color:var(--bg-sidebar);-webkit-user-select:none;user-select:none;border-right:none;flex-direction:column;flex-shrink:0;gap:16px;padding:8px 12px 16px;display:flex;overflow:hidden auto}.compose-wrapper{padding:4px 4px 8px}.gmail-tulis-btn{color:#1e293b;border:1px solid var(--border-light,#e2e8f0);cursor:pointer;background-color:#fff;border-radius:10px;align-items:center;gap:10px;height:40px;padding:0 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background-color .15s,border-color .15s;display:flex;box-shadow:none!important}.gmail-tulis-btn:hover{background-color:#f8fafc;border-color:#cbd5e1;transform:none;box-shadow:none!important}.sidebar-container.is-collapsed .gmail-tulis-btn{border-radius:14px;justify-content:center;width:44px;height:44px;margin:0 auto;padding:0}.sidebar-container.is-collapsed .tulis-text{display:none}.gmail-nav-list{flex-direction:column;gap:2px;display:flex}.gmail-nav-item{height:40px;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:20px;align-items:center;padding:0 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.gmail-nav-item:hover{background-color:var(--bg-surface-hover);color:var(--text-main)}.gmail-nav-item.is-active{color:#041e49;background-color:#d3e3fd;font-weight:700}.nav-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-right:14px;display:flex;position:relative}.nav-label-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-unread-pill{color:inherit;margin-left:auto;font-size:12px;font-weight:700}.sidebar-container.is-collapsed .gmail-nav-list{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.sidebar-container.is-collapsed .gmail-nav-item{border-radius:16px;justify-content:center;align-items:center;width:56px;height:32px;margin:0 auto;padding:0;display:flex}.sidebar-container.is-collapsed .nav-icon-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;margin-left:0!important;margin-right:0!important}.sidebar-container.is-collapsed .nav-label-text,.sidebar-container.is-collapsed .nav-unread-pill{display:none}.collapsed-unread-dot{border:2px solid var(--bg-sidebar);background-color:#d93025;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-4px}.sidebar-footer-area{border-top:none;margin-top:auto;padding:8px 12px 0 16px}.sidebar-container.is-collapsed .sidebar-footer-area{justify-content:center;width:100%;padding:8px 0;display:flex}.sidebar-help-btn{color:#1a73e8;cursor:pointer;background-color:#4285f40f;border:1px solid #4285f440;border-radius:18px;align-items:center;gap:12px;width:100%;height:36px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex}.sidebar-container.is-collapsed .sidebar-help-btn{border-radius:50%;justify-content:center;width:40px;height:40px;margin:0 auto;padding:0}.sidebar-container.is-collapsed .help-icon-wrapper{justify-content:center;align-items:center;margin:0;display:flex}.sidebar-container.is-collapsed .help-label-text,.mobile-drawer-header{display:none}.drawer-back-btn{cursor:pointer;width:36px;height:36px;color:var(--text-main);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .15s;display:flex}.drawer-back-btn:active{background-color:var(--bg-surface-hover);transform:rotate(-90deg)scale(.9)}@media (max-width:768px){.sidebar-container{background-color:var(--bg-surface);z-index:1000;will-change:transform;backface-visibility:hidden;height:100dvh;padding:max(16px, env(safe-area-inset-top,28px)) 16px calc(24px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));visibility:visible;pointer-events:none;box-shadow:none;box-sizing:border-box;gap:12px;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s;position:fixed;top:0;left:0;transform:translate(-100%);width:280px!important}.sidebar-container.mobile-open{pointer-events:auto;transform:translate(0);box-shadow:0 10px 40px #00000047}.mobile-drawer-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:12px;display:flex}.compose-wrapper{padding:4px 0 8px}.gmail-tulis-btn{border-radius:21px!important;justify-content:center!important;width:100%!important;height:42px!important;padding:0 16px!important}.tulis-text,.nav-label-text,.nav-unread-pill,.help-label-text{display:inline-block!important}}.detail-attachments-section{border-top:1px dashed var(--border-light,#cbd5e1);margin-top:14px;padding-top:14px}.attachments-header{color:#1e293b;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.attachments-grid{flex-wrap:wrap!important;gap:10px!important;width:100%!important;display:flex!important}.attachment-card{background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:12px!important;flex-direction:column!important;flex-shrink:0!important;width:130px!important;max-width:130px!important;transition:transform .15s,box-shadow .15s!important;display:flex!important;overflow:hidden!important;box-shadow:0 1px 3px #0000000f!important}.attachment-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a!important}.att-preview-box{aspect-ratio:1!important;background-color:#f1f5f9!important;justify-content:center!important;align-items:center!important;width:130px!important;height:130px!important;display:flex!important;position:relative!important;overflow:hidden!important}.attachment-preview-btn{cursor:pointer!important;background:0 0!important;border:none!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:block!important;position:relative!important}.attachment-preview-link{width:100%!important;height:100%!important;display:block!important}.attachment-img-preview{aspect-ratio:1!important;object-fit:cover!important;width:100%!important;height:100%!important;transition:transform .2s!important;display:block!important}.attachment-img-preview:hover{transform:scale(1.06)!important}.attachment-video-container{background-color:#0f172a!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important}.attachment-video-preview{object-fit:contain!important;width:100%!important;height:100%!important}.attachment-pdf-box{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;text-decoration:none!important;display:flex!important;position:relative!important}.pdf-tag{color:#fff!important;background-color:#ea4335!important;border-radius:4px!important;padding:1px 6px!important;font-size:10px!important;font-weight:800!important;position:absolute!important;top:6px!important;left:8px!important}.attachment-audio-box{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%)!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;padding:12px!important;display:flex!important}.attachment-icon-banner{flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important}.attachment-card-bottom{background-color:#fff!important;border-top:1px solid #e2e8f0!important;justify-content:space-between!important;align-items:center!important;gap:4px!important;padding:6px 8px!important;display:flex!important}.attachment-meta-info{flex-direction:column!important;flex:1!important;display:flex!important;overflow:hidden!important}.att-meta-name{color:#1e293b!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:11px!important;font-weight:600!important;overflow:hidden!important}.att-meta-size{color:#64748b!important;font-size:9.5px!important}.att-action-btn{color:#64748b!important;background-color:#f1f5f9!important;border:1px solid #cbd5e1!important;border-radius:6px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:26px!important;height:26px!important;text-decoration:none!important;transition:all .15s!important;display:flex!important}.att-action-btn:hover{color:#1e293b!important;background-color:#e2e8f0!important}.att-skeleton-shimmer{z-index:1!important;background:#e2e8f0!important;justify-content:center!important;align-items:center!important;display:flex!important;position:absolute!important;inset:0!important;overflow:hidden!important}.shimmer-wave{background:linear-gradient(90deg,#fff0 0%,#ffffffa6 50%,#fff0 100%)!important;animation:1.4s infinite attShimmer!important;position:absolute!important;inset:0!important;transform:translate(-100%)!important}@keyframes attShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}:root{--font-main:var(--font-jakarta,"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);--font-mono:var(--font-mono-jb,"JetBrains Mono", monospace);--primary:#1a73e8;--primary-hover:#1557b0;--primary-light:#e8f0fe;--primary-glow:#1a73e840;--google-red:#ea4335;--google-yellow:#fbbc04;--google-green:#34a853;--google-blue:#4285f4;--bg-app:#f6f8fc;--bg-sidebar:#f6f8fc;--bg-surface:#fff;--bg-surface-elevated:#fff;--bg-surface-hover:#f1f3f4;--bg-surface-active:#e8f0fe;--text-main:#202124;--text-secondary:#5f6368;--text-muted:#80868b;--text-inverse:#fff;--border-light:#e0e4eb;--border-subtle:#f1f3f4;--border-focus:#1a73e8;--shadow-xs:0 1px 2px #3c404314;--shadow-sm:0 1px 3px #3c40431f, 0 1px 2px #3c404314;--shadow-md:0 4px 12px #3c404326, 0 1px 3px #3c404314;--shadow-lg:0 8px 24px #3c40432e, 0 2px 6px #3c40431f;--shadow-xl:0 16px 40px #3c404338, 0 4px 12px #3c404324;--glass-bg:#ffffffd9;--glass-border:#fff9;--glass-backdrop:blur(16px);--header-height:64px;--sidebar-width:256px;--sidebar-collapsed-width:72px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px}[data-theme=dark]{--primary:#8ab4f8;--primary-hover:#aecbfa;--primary-light:#8ab4f826;--primary-glow:#8ab4f84d;--bg-app:#18191c;--bg-sidebar:#18191c;--bg-surface:#202124;--bg-surface-elevated:#292a2d;--bg-surface-hover:#2d2f33;--bg-surface-active:#8ab4f82e;--text-main:#e8eaed;--text-secondary:#9aa0a6;--text-muted:#6e7379;--text-inverse:#202124;--border-light:#3c4043;--border-subtle:#292a2d;--border-focus:#8ab4f8;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 6px #0006;--shadow-md:0 6px 16px #00000080;--shadow-lg:0 12px 28px #0009;--shadow-xl:0 20px 48px #000000b3;--glass-bg:#202124d9;--glass-border:#ffffff14}*{box-sizing:border-box;-webkit-touch-callout:none;margin:0;padding:0;-webkit-tap-highlight-color:transparent!important}:focus,:focus-visible{outline:none!important}button,a,input,select,textarea,div{-webkit-tap-highlight-color:transparent!important;-webkit-tap-highlight-color:#0000!important}html,body{font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container-full{flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.main-layout{height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));flex:1;display:flex;position:relative;overflow:hidden}.content-pane{background-color:var(--bg-surface);border-radius:var(--radius-lg);border:none;flex-direction:column;flex:1;min-width:0;margin:0 16px 16px 0;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #3c404314}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border)}.btn-primary{color:#fff;border-radius:var(--radius-full);cursor:pointer;box-shadow:0 2px 6px var(--primary-glow);background:linear-gradient(135deg,#1a73e8,#1557b0);border:none;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary:hover{box-shadow:0 4px 12px var(--primary-glow);background:linear-gradient(135deg,#185abc,#0d47a1);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-icon{color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .15s,color .15s;display:inline-flex}.btn-icon:hover{background-color:var(--bg-surface-hover);color:var(--text-main)}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.6}}.animate-pulse-subtle{animation:2s ease-in-out infinite pulse-subtle}.mobile-fab{bottom:calc(24px + env(safe-area-inset-bottom,0px));right:max(20px, env(safe-area-inset-right,0px));z-index:90;color:#1e293b;border:1px solid var(--border-light,#e2e8f0);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s;display:none;position:fixed;box-shadow:none!important}.mobile-fab:hover{background-color:#f8fafc;border-color:#cbd5e1}.mobile-fab:active{background-color:#f1f5f9;transform:scale(.97)}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);z-index:998;opacity:0;pointer-events:none;background-color:#0006;width:100vw;height:100dvh;transition:opacity .3s;position:fixed;top:0;left:0}.drawer-backdrop.active{opacity:1;pointer-events:auto}.container-full{width:100%;height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;display:flex;position:relative;overflow:hidden}.main-layout{min-height:0;height:calc(100% - var(--header-height));flex:1;display:flex;position:relative;overflow:hidden}.content-pane{background-color:var(--bg-surface);flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}@media (max-width:1024px){:root{--sidebar-width:200px}}@media (max-width:768px){:root{--header-height:calc(68px + env(safe-area-inset-top,0px))}.content-pane{border:none;border-top:1px solid var(--border-subtle);padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));border-radius:0;margin:0;box-shadow:none!important}.mobile-fab{bottom:calc(24px + env(safe-area-inset-bottom,0px));right:max(20px, env(safe-area-inset-right,0px));display:flex}}