@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap");:root{--navy:#172b4d;--emerald:#1677ff;--emerald-soft:#eaf3ff;--ink:#253858;--muted:#6b778c;--line:#dfe1e6;--surface:#f4f5f7;--hover:#f1f3f5}[data-theme=dark]{--navy:#dbe7f5;--emerald:#4c9aff;--emerald-soft:#17365d;--ink:#e6edf5;--muted:#a8b4c3;--line:#34445a;--surface:#0e1621;--hover:#243247;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font-family:DM Sans,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:244px;background:#172b4d;color:#c7d1e0;padding:0 12px 18px;position:fixed;inset:0 auto 0 0;border-right:1px solid #0f213e;display:flex;flex-direction:column;z-index:10}.brand-row{height:64px;display:flex;align-items:center;border-bottom:1px solid #2e4161;margin:0 -12px 8px;padding:0 10px 0 22px}.brand-mark{width:29px;height:29px;border-radius:5px;background:#1677ff;color:#fff;display:grid;place-items:center;font:700 16px Space Grotesk;margin-right:10px}.brand{font:700 19px Space Grotesk;color:#fff;letter-spacing:0}.brand span{color:#72b3ff}.workspace-picker{margin:8px 0 5px;padding:10px;border:1px solid #405271;border-radius:5px;display:flex;align-items:center;justify-content:space-between;background:#213858;color:#fff}.workspace-name{font-weight:600;font-size:13px}.workspace-type{font-size:11px;color:#9eacc1;margin-top:2px}.nav-scroll{flex:1 1;overflow:auto}.nav-label{color:#8292aa;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:17px 10px 6px}.nav-link{display:flex;gap:10px;align-items:center;min-height:36px;padding:7px 10px;border-radius:4px;font-size:13px;font-weight:500;margin:1px 0;transition:background .12s,color .12s}.nav-link:hover{background:#213858;color:#fff}.nav-link.active{background:#285080;color:#fff}.main{margin-left:244px;width:calc(100% - 244px)}.topbar{height:60px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.topbar-title{font-weight:600;color:#344563}.topbar-actions{display:flex;gap:7px;align-items:center}.icon-button{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:5px;display:grid;place-items:center;color:#5e6c84}.icon-button:hover{background:#f4f5f7}.avatar{width:32px;height:32px;border-radius:50%;background:#deebff;color:#0747a6;display:grid;place-items:center;font-weight:700;font-size:12px}.content{padding:24px 28px 40px;max-width:1540px}.eyebrow{color:#1677ff;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.title{font:600 25px Space Grotesk;margin:6px 0 5px;letter-spacing:0}.subtitle{color:var(--muted);margin:0 0 22px;line-height:1.5}.grid{display:grid;grid-gap:12px;gap:12px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:5px;padding:17px;box-shadow:0 1px 2px rgba(9,30,66,.08)}.metric{font:600 24px Space Grotesk;margin:8px 0 3px;letter-spacing:0}.metric-label{color:#5e6c84;font-size:12px;font-weight:600}.card-title{font:600 15px Space Grotesk;margin:0 0 13px;letter-spacing:0}.badge{display:inline-flex;border-radius:3px;padding:3px 7px;font-size:10px;font-weight:600;background:#eaf3ff;color:#0747a6;border:1px solid #b3d4ff}.muted{color:var(--muted)}.btn{border:1px solid #1677ff;border-radius:4px;padding:8px 13px;font-weight:600;cursor:pointer;background:#1677ff;color:#fff;box-shadow:0 1px 1px rgba(9,30,66,.12)}.btn:hover{background:#0c66e4}.btn.secondary{background:#fff;color:#344563;border-color:#c1c7d0}.auth-page,.public-main{min-height:100vh}.auth-page{width:100%;display:grid;place-items:center;background:var(--surface);padding:24px}.auth-card{width:min(420px,100%);padding:36px;box-shadow:0 12px 32px rgba(16,24,40,.08)}.form-error{color:#b42318}.embedded-app{min-height:100vh;background:var(--surface)}.embedded-header{height:50px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.embedded-brand{display:flex;align-items:center;gap:8px;font-weight:700;color:#172b4d}.embedded-mark{width:24px;height:24px;border-radius:4px;background:#1677ff;color:#fff;display:grid;place-items:center;font:700 13px Space Grotesk}.embedded-divider{width:1px;height:18px;background:var(--line);margin:0 3px}.embedded-product{font-weight:500;color:var(--muted)}.embedded-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 13px;background:#fff}.embedded-heading .subtitle{margin-bottom:0}.embedded-tabs{display:flex;gap:2px;overflow-x:auto;background:#fff;border-bottom:1px solid var(--line);padding:0 18px}.embedded-tab{padding:10px 11px 9px;color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap;border-bottom:2px solid transparent}.embedded-tab:hover{color:#172b4d;background:#f7f8fa}.embedded-tab.active{color:#0c66e4;border-bottom-color:#1677ff}.embedded-content{padding:18px 22px 32px;max-width:1500px;margin:0 auto}.auth-card .brand{color:#172b4d}.auth-card .brand span{color:#1677ff}.onboarding-card{width:min(480px,100%)}.form-input{display:block;width:100%;margin-top:7px;padding:10px 11px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink)}.form-input:focus{outline:2px solid #b3d4ff;border-color:#1677ff}.field-help{display:block;color:var(--muted);font-size:11px;margin-top:5px}.avatar-button{border:0;cursor:pointer}.avatar-button:hover{background:#b3d4ff}.profile-control{position:relative}.profile-menu{position:absolute;right:0;top:40px;width:220px;background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:0 8px 24px rgba(9,30,66,.18);padding:6px;z-index:20}.profile-summary{padding:10px;border-bottom:1px solid var(--line);margin-bottom:5px}.profile-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-workspace{font-size:11px;color:var(--muted);margin-top:3px}.profile-menu-item{display:block;width:100%;border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:3px;color:var(--ink);font-size:13px;cursor:pointer}.profile-menu-item:hover{background:var(--hover)}.profile-menu-item.danger{color:#ae2a19}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-list{margin:0}.detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line)}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;font-weight:600}.member-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.member-avatar{width:32px;height:32px;border-radius:50%;background:#deebff;color:#0747a6;display:grid;place-items:center;font-weight:700;font-size:11px}.member-identity{display:flex;flex:1 1;min-width:0;flex-direction:column;font-size:12px}.member-identity span{color:var(--muted);margin-top:2px}.role-label{text-transform:capitalize;font-size:11px;color:var(--muted);background:var(--surface);padding:4px 7px;border-radius:3px}[data-theme=dark] .sidebar{background:#0b1626;border-color:#23324a}[data-theme=dark] .card,[data-theme=dark] .icon-button,[data-theme=dark] .topbar{background:#182433;color:var(--ink)}[data-theme=dark] .workspace-picker{background:#172b4d}[data-theme=dark] .nav-link.active{background:#174f8f}[data-theme=dark] .metric-label,[data-theme=dark] .topbar-title{color:#c5ced7}[data-theme=dark] .avatar,[data-theme=dark] .badge{background:#17365d;color:#8fc2ff}[data-theme=dark] .badge{border-color:#28578f}[data-theme=dark] .btn.secondary{background:#182433;color:var(--ink);border-color:var(--line)}[data-theme=dark] .auth-card .brand{color:#fff}[data-theme=dark] .auth-card .brand span{color:#72b3ff}[data-theme=dark] .form-input{background:#111d2a}[data-theme=dark] .profile-menu{background:#182433}[data-theme=dark] .member-avatar{background:#17365d;color:#8fc2ff}[data-theme=dark] .embedded-header,[data-theme=dark] .embedded-heading,[data-theme=dark] .embedded-tabs{background:#182433}[data-theme=dark] .embedded-brand{color:#fff}[data-theme=dark] .embedded-tab:hover{background:#243247;color:#fff}@media(max-width:900px){.sidebar{width:68px;padding:0 7px}.brand-row{padding-left:19px}.brand,.nav-label,.nav-link span,.sidebar-footer span,.workspace-picker{display:none}.nav-link{justify-content:center}.main{margin-left:68px;width:calc(100% - 68px)}.content{padding:22px 16px}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:0 16px}}@media(max-width:620px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.title{font-size:23px}}