.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(circle at top right,#1e293b,#0f172a 40%)}.login-card{background-color:var(--glass-bg, rgba(30, 41, 59, .5));border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:1rem;padding:3rem;text-align:center;max-width:400px;width:90%;box-shadow:0 4px 6px -1px #0000001a}.login-logo h1{font-size:2rem;font-weight:700;background:linear-gradient(to right,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 1rem}.login-subtitle{color:#94a3b8;margin-bottom:2rem}.login-error{background-color:#ef44441a;border:1px solid var(--error-color, #ef4444);border-radius:.5rem;padding:.75rem 1rem;color:var(--error-color, #ef4444);margin-bottom:1.5rem;font-size:.875rem}.google-btn-container{display:flex;justify-content:center}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--border-color, rgba(0, 0, 0, .12));border-radius:2rem;padding:.25rem .75rem .25rem .25rem;cursor:pointer;color:var(--text-color, #2d2d2d);transition:border-color .2s}.user-menu-trigger:hover{border-color:var(--accent-color, #0A7A7F)}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color, #38bdf8),#3b82f6);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#fff}.user-name{font-size:.875rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background-color:var(--sidebar-bg, #ffffff);border:1px solid var(--border-color, rgba(0, 0, 0, .12));border-radius:.5rem;min-width:200px;box-shadow:0 10px 15px -3px #00000026;z-index:100}.user-menu-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .08))}.user-menu-email{margin:0;font-size:.75rem;color:#6b7280}.user-menu-item{width:100%;padding:.75rem 1rem;background:transparent;border:none;text-align:left;cursor:pointer;color:var(--text-color, #2d2d2d);font-size:.875rem;transition:background-color .2s}.user-menu-item:hover{background-color:#0000000a}.logout-btn{color:var(--error-color, #dc2626)}.logout-btn:hover{background-color:#dc262614}pre[class*=language-],code[class*=language-]{color:#e6e6ef;background:none;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;text-shadow:none;white-space:pre;-moz-tab-size:2;tab-size:2;-webkit-hyphens:none;hyphens:none}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#7d8590;font-style:italic}.token.punctuation{color:#b6bdc9}.token.operator{color:#b6bdc9;background:none}.token.property,.token.tag,.token.symbol,.token.deleted{color:#e06c75}.token.string,.token.char,.token.attr-value,.token.inserted{color:#98c379}.token.number,.token.boolean,.token.constant,.token.null,.token.keyword,.token.atrule{color:#c792ea}