.login{place-items:center;min-height:100dvh;padding:16px;display:grid}.login-card{border:1px solid var(--ds-background-secondary);background:var(--ds-background-surface-raised);border-radius:12px;flex-direction:column;gap:16px;width:100%;max-width:360px;padding:24px;display:flex}.login-card h1{color:var(--ds-text-title);margin:0;font-size:20px;font-weight:500}.login-error{color:var(--ds-text-error);margin:0;font-size:13px}.login-tenants{flex-direction:column;gap:8px;display:flex}.login-button{background:var(--ds-background-primary);color:var(--ds-text-on-primary);text-align:center;border-radius:8px;padding:10px 14px;font-size:14px;text-decoration:none;display:block}.login-button:hover{background:var(--ds-background-primary-hovered)}.overlay{z-index:30;background:var(--ds-background-modal-scrim);justify-content:center;align-items:flex-start;padding:14vh 16px 16px;display:flex;position:fixed;inset:0}.palette,.sheet{background:var(--ds-background-surface-dialog);border:1px solid var(--line);width:640px;max-width:100%;max-height:calc(100dvh - 32px);box-shadow:var(--ds-shadow-floating);animation:surface-in var(--dur-base) var(--ease-out);border-radius:16px;overflow:auto}.palette input{border:0;border-bottom:1px solid var(--line);background:0 0;width:100%;height:64px;padding:0 24px;font-size:18px}.palette input:focus-visible{outline:none}.palette-results{max-height:360px;padding:8px;overflow:auto}.sheet{width:480px;padding:24px}.sheet header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sheet h2{font-size:20px;font-weight:400}.sheet h3{color:var(--muted);margin-top:16px;font-size:13px;font-weight:400}.sheet header button{border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.shortcut{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 0;font-size:13px;display:flex}.toast{bottom:calc(24px + env(safe-area-inset-bottom));z-index:40;background:var(--ds-background-inverted);max-width:calc(100vw - 32px);color:var(--ds-text-on-inverted);animation:toast-in var(--dur-base) var(--ease-out);border-radius:999px;align-items:center;gap:16px;padding:12px 18px;font-size:13px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast button{color:inherit;text-underline-offset:3px;text-decoration:underline}.toast button:hover{background:0 0}@keyframes surface-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0}to{opacity:1}}.shell{grid-template-columns:220px minmax(0,1fr);height:100dvh;display:grid}.sidebar{background:var(--ds-background-sidebar);border-right:1px solid var(--line);flex-direction:column;padding:16px 12px;display:flex}.brand{align-items:center;gap:10px;margin:0 12px 32px;font-size:15px;font-weight:500;display:flex}.brand-mark{background:var(--text);width:30px;height:30px;color:var(--surface);border-radius:8px;place-items:center;font-size:18px;display:grid}.nav{gap:2px;display:grid}.nav a{height:32px;transition:background-color var(--dur-fast) var(--ease-out);border-radius:8px;align-items:center;gap:12px;padding:2px 8px 2px 12px;font-size:15px;font-weight:300;display:flex}.nav a:hover{background:var(--ds-background-default-hovered)}.nav a[aria-current=page]{background:var(--ds-background-secondary);font-weight:400}.workspace{flex-direction:column;min-width:0;min-height:0;display:flex}.topbar{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:8px;height:64px;padding:0 24px;display:flex}.topbar h1{margin-right:auto;font-size:18px;font-weight:400}.search{border:1px solid var(--line);height:36px;color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:0 12px;font-size:13px;display:flex}.icon-button,.avatar{border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.avatar{background:var(--tint);color:var(--accent-text);font-size:13px}.user-menu{position:relative}.menu{z-index:10;background:var(--ds-background-surface-floating);border:1px solid var(--line);min-width:160px;box-shadow:var(--ds-shadow-floating);border-radius:8px;padding:4px;position:absolute;top:calc(100% + 8px);right:0}.menu button{text-align:left;border-radius:6px;width:100%;padding:8px 12px;font-size:13px;display:block}.content{min-height:0;padding:24px;padding-right:calc(24px + var(--side-panel-width,0px));flex:1;overflow:auto}.footer-hints{border-top:1px solid var(--line);min-height:40px;color:var(--ds-text-tertiary);white-space:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;font-size:13px;display:flex}.hint-list{gap:16px;min-width:0;display:flex;overflow:hidden}.footer-hints button{color:var(--muted);border-radius:6px;padding:4px 6px}