:root {
  color-scheme: dark;
  --bg: #101112;
  --panel: #181a1c;
  --panel-2: #202326;
  --line: #303438;
  --text: #eceae5;
  --muted: #969b9f;
  --accent: #d08b5b;
  --accent-2: #6a9fb5;
  --danger: #d0576a;
  --ok: #7bb85b;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; min-height: 100vh; background: var(--bg); color: var(--text); font: 14px/1.45 Inter, ui-sans-serif, system-ui, sans-serif; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--text); font-size: 24px; font-weight: 650; letter-spacing: -.7px; text-decoration: none; }
.brand img { width: 34px; height: 34px; display: block; }
.brand-word { color: var(--text); }
.muted { color: var(--muted); }
.error { min-height: 22px; color: #ff8d99; }
.error.success { color: #8fc87a; }
.text-action { justify-self: end; padding: 0; border: 0; background: none; color: #91c7dd; font-size: 12px; }
.auth-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 12% 10%, #dbe7eb 0, transparent 30%), radial-gradient(circle at 88% 86%, #ead8c6 0, transparent 28%), #f4eee5; }
.auth-card { position: relative; width: min(980px, 100%); min-height: 640px; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; background: #181a1b; border: 1px solid #ded3c6; border-radius: 20px; box-shadow: 0 28px 75px #57493b2e; }
.auth-card::before { content: ""; position: absolute; z-index: 4; inset: 0 0 auto; height: 7px; background: linear-gradient(90deg, #4f7da6 0%, #76909b 48%, #d98a4a 100%); }
.auth-main { min-width: 0; padding: 34px 52px 42px; display: flex; flex-direction: column; }
.auth-brand { display: flex; width: max-content; margin: 0 auto; }
.auth-brand img { width: 96px; height: 96px; }
.auth-mobile-brand { display: none; }
.auth-login-shell .auth-content { margin-top: 138px; }
.auth-content { width: 100%; max-width: 370px; margin: 42px auto 0; }
.auth-card h1 { margin: 0 0 7px; font-size: 24px; letter-spacing: -.35px; }
.auth-content > .muted { margin: 0; max-width: 340px; }
.auth-card form { display: grid; gap: 15px; margin-top: 26px; }
.auth-story { padding: 64px 50px 42px; display: flex; flex-direction: column; justify-content: space-between; border-left: 1px solid #e1d7ca; background: radial-gradient(circle at 92% 5%, #c9dfe866 0, transparent 38%), radial-gradient(circle at 15% 86%, #e8c6a840 0, transparent 34%), linear-gradient(145deg, #fffdf9, #f8f1e8 75%); }
.auth-story-copy { display: flex; flex-direction: column; align-items: center; margin-top: 16px; text-align: center; animation: auth-story-enter .68s cubic-bezier(.22,.8,.28,1) both; }
.auth-story-brand { margin: 0 0 26px; }
@keyframes auth-story-enter { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .auth-story-copy { animation: none; } }
.auth-eyebrow { color: #4f7da6; font-size: 11px; font-weight: 750; letter-spacing: 1.6px; }
.auth-story h2 { max-width: 390px; margin: 18px 0 18px; color: #24313a; font-size: clamp(32px, 3.1vw, 43px); line-height: 1.08; letter-spacing: -1.7px; }
.auth-story p { max-width: 380px; margin: 0 auto; color: #58656b; font-size: 15px; line-height: 1.65; }
.auth-technologies { padding-top: 24px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; border-top: 1px solid #cfc3b6; }
.auth-technologies div { min-width: 0; display: flex; align-items: center; gap: 9px; color: #39474e; font-size: 12px; font-weight: 650; }
.auth-technologies img { width: 25px; height: 25px; flex: 0 0 auto; object-fit: contain; }
.auth-card .primary { background: #d98a4a; color: #24170f; box-shadow: 0 9px 24px #d98a4a20; transition: background .18s ease, transform .18s ease, box-shadow .18s ease; }
.auth-card .primary:hover { background: #e39a5a; transform: translateY(-1px); box-shadow: 0 12px 28px #d98a4a30; }
.auth-card input:focus { border-color: #6a9fb5; box-shadow: 0 0 0 3px #6a9fb522; }
.auth-card .text-action, .auth-card .auth-switch button { color: #8fc2d6; }
label { display: grid; gap: 6px; color: var(--muted); font-size: 12px; }
.field-group { display: grid; gap: 6px; }
input, textarea, select { width: 100%; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: #111315; color: var(--text); outline: none; }
input:focus, textarea:focus, select:focus { border-color: var(--accent-2); box-shadow: 0 0 0 2px #6a9fb522; }
.password-field { position: relative; display: block; }
.password-field input { padding-right: 46px; }
.password-toggle { position: absolute; top: 50%; right: 7px; width: 34px; height: 34px; padding: 7px; transform: translateY(-50%); border: 0; border-radius: 7px; background: transparent; color: var(--muted); }
.password-toggle:hover, .password-toggle:focus-visible { background: var(--panel-2); color: var(--text); outline: none; }
.password-toggle svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.password-toggle .eye-hide { display: none; }
.password-toggle[aria-pressed="true"] .eye-show { display: none; }
.password-toggle[aria-pressed="true"] .eye-hide { display: block; }
.primary { padding: 10px 14px; border: 0; border-radius: 8px; background: var(--accent); color: #17110d; font-weight: 700; }
.secondary { padding: 9px 13px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel-2); color: var(--text); }
.danger { color: #ff9aa4; border-color: #6e3038; }
.auth-switch { margin: 18px 0 0; color: var(--muted); }
.auth-switch button { padding: 0; border: 0; background: none; color: #91c7dd; }
.app-layout { min-height: 100vh; display: grid; grid-template-columns: 270px 1fr; }
.sidebar { padding: 20px 14px; border-right: 1px solid var(--line); background: #141617; display: flex; flex-direction: column; gap: 18px; }
.sidebar-head { display: flex; align-items: center; justify-content: space-between; padding: 0 6px; }
.project-list { display: grid; gap: 6px; overflow-y: auto; }
.project-item { width: 100%; padding: 11px 12px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: var(--text); text-align: left; }
.project-item:hover, .project-item.active { background: var(--panel-2); border-color: var(--line); }
.project-item small { display: block; margin-top: 3px; color: var(--muted); }
.sidebar-foot { margin-top: auto; padding: 12px 6px 0; border-top: 1px solid var(--line); }
.user-row { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
.user-row strong { display: block; }
.user-row small { color: var(--muted); }
.main-content { min-width: 0; }
.topbar { min-height: 74px; padding: 16px 28px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.topbar h1 { margin: 0; font-size: 22px; }
.topbar p { margin: 3px 0 0; color: var(--muted); }
.tabs { padding: 0 28px; display: flex; gap: 4px; border-bottom: 1px solid var(--line); }
.tab { padding: 13px 15px; border: 0; border-bottom: 2px solid transparent; background: none; color: var(--muted); }
.tab.active { color: var(--text); border-bottom-color: var(--accent); }
.workspace { padding: 26px 28px 50px; }
.empty { max-width: 560px; margin: 15vh auto; text-align: center; color: var(--muted); }
.empty h2 { color: var(--text); }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; }
.card { padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
.metric strong { display: block; font-size: 30px; margin-top: 5px; }
.metric span { color: var(--muted); }
.section-head { margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.section-head h2 { margin: 0; font-size: 18px; }
.list { display: grid; gap: 10px; }
.row-card { padding: 14px 16px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.row-card h3 { margin: 0 0 4px; font-size: 15px; }
.row-card p { margin: 0; color: var(--muted); }
.actions { display: flex; gap: 8px; align-items: center; }
.ticket-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 8px; }
.badge { padding: 3px 7px; border-radius: 999px; background: var(--panel-2); color: var(--muted); font-size: 11px; }
.ticket-status { width: 145px; }
.inline-form { margin-bottom: 18px; padding: 16px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); display: grid; grid-template-columns: 2fr 1fr 1fr auto; gap: 10px; align-items: end; }
.inline-form-error { grid-column: 1 / -1; min-height: 0; }
.project-form { display: grid; gap: 12px; }
dialog { width: min(520px, calc(100% - 32px)); padding: 0; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); color: var(--text); }
dialog::backdrop { background: #000a; }
.dialog-body { padding: 22px; }
.dialog-body h2 { margin-top: 0; }
.system-message-dialog { width: min(420px, calc(100% - 32px)); }
.system-message-body p { margin: 8px 0 18px; color: var(--muted); line-height: 1.5; }
.workspace-body .system-message-body p { color: var(--workspace-muted); }
@media (max-width: 760px) {
  .auth-shell { padding: 16px; }
  .auth-card { width: min(430px, 100%); min-height: 610px; display: block; }
  .auth-main { min-height: 610px; padding: 34px 26px 40px; }
  .auth-mobile-brand { display: flex; }
  .auth-login-shell .auth-content { margin-top: 42px; }
  .auth-content { margin-top: 42px; }
  .auth-story { display: none; }
  .app-layout { grid-template-columns: 1fr; }
  .sidebar { border-right: 0; border-bottom: 1px solid var(--line); }
  .project-list { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); max-height: 180px; }
  .topbar, .workspace { padding-left: 16px; padding-right: 16px; }
  .tabs { padding: 0 16px; overflow-x: auto; }
  .inline-form { grid-template-columns: 1fr; }
  .row-card { align-items: flex-start; flex-direction: column; }
}

/* Workspace visual system */
.workspace-body { --workspace-bg:#f5f4f8; --workspace-panel:#fff; --workspace-text:#201b2c; --workspace-muted:#7a7488; --purple:#8054f6; --purple-2:#a889ff; color-scheme:light; background:var(--workspace-bg); color:var(--workspace-text); }
.workspace-body .app-layout { grid-template-columns:286px 1fr; min-height:100vh; background:var(--workspace-bg); }
.workspace-body .sidebar { min-height:100vh; padding:24px 18px 18px; border:0; color:#eee9fa; background:radial-gradient(circle at 20% 0,#2d1b55 0,transparent 32%),linear-gradient(165deg,#171025,#0f0a1a 72%); box-shadow:18px 0 50px #25144118; }
.workspace-body .sidebar-head { padding:0 5px 18px; }
.workspace-body .brand { color:#fff; font-size:22px; }.workspace-body .brand-word{color:#fff}.workspace-body .brand img{width:36px;height:36px}
.icon-button,.user-menu,.sidebar-label button { border:0;background:transparent;color:inherit }.icon-button{width:34px;height:34px;border:1px solid #ffffff1e;border-radius:10px;background:#ffffff0b;font-size:20px}
.main-nav { display:grid;gap:6px;padding:8px 0 22px;border-bottom:1px solid #ffffff12 }.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:11px 13px;border:0;border-radius:11px;background:transparent;color:#a9a1b9;text-align:left}.nav-item span{font-size:17px}.nav-item:hover,.nav-item.active{color:#fff;background:linear-gradient(90deg,#8252f5,#7041e7);box-shadow:0 10px 24px #7041e740}
.sidebar-label{display:flex;justify-content:space-between;align-items:center;padding:22px 8px 9px;color:#81798f;font-size:10px;letter-spacing:1.5px;font-weight:750}.sidebar-label button{font-size:18px;color:#aaa0bd}
.workspace-body .project-list{display:block;overflow:auto}.project-tree-group{margin-bottom:4px}.workspace-body .project-item{display:grid;grid-template-columns:18px 1fr 12px;align-items:center;gap:8px;padding:10px 11px;color:#aca4bb;border-radius:10px}.workspace-body .project-item:hover,.workspace-body .project-item.active{color:#fff;background:#ffffff0c;border-color:#ffffff12}.workspace-body .project-item small{color:#746d80;font-size:10px}.workspace-body .project-item b{font-size:17px;font-weight:400}.tree-folder{color:#a98cff}.tree-child{display:block;width:calc(100% - 28px - var(--depth)*12px);margin:2px 0 2px calc(28px + var(--depth)*12px);padding:7px 9px;border:0;border-left:1px solid #695c8038;background:transparent;color:#827a90;text-align:left;font-size:12px}.tree-child:hover,.tree-child.active{color:#cbbcff;border-left-color:#9d76ff}
.workspace-body .sidebar-foot{margin-top:auto;border-color:#ffffff12}.workspace-body .user-row{display:grid;grid-template-columns:34px minmax(0,1fr) 28px 28px}.user-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#24163a;background:linear-gradient(145deg,#cbb8ff,#8e64ef);font-weight:800}.user-copy{min-width:0}.user-copy strong,.user-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-copy small{display:block;color:#756e80}.user-menu{font-size:15px;color:#8f879c}
.workspace-body .main-content{background:radial-gradient(circle at 85% 0,#ded5ff55 0,transparent 30%),var(--workspace-bg)}
.workspace-body .topbar{min-height:112px;padding:24px 38px;border:0;background:#ffffffb8;backdrop-filter:blur(18px)}.workspace-body .topbar h1{margin:3px 0 2px;font-size:28px;letter-spacing:-1px}.workspace-body .topbar p{color:var(--workspace-muted)}.eyebrow,.section-kicker{color:#8a69dd;font-size:10px;font-weight:800;letter-spacing:1.5px}.topbar-actions{display:flex;align-items:center;gap:12px}.search-box{display:flex;align-items:center;gap:8px;width:250px;padding:0 12px;border:1px solid #e4dfeb;border-radius:11px;background:#fff;color:#9b94a6}.search-box input{padding:10px 0;border:0;background:transparent;color:var(--workspace-text);box-shadow:none!important}
.workspace-body .primary{border-radius:10px;background:linear-gradient(135deg,#8657f5,#7142de);color:#fff;box-shadow:0 10px 24px #7748df33}.workspace-body .secondary{border-color:#e3deea;background:#fff;color:#4a4454}.workspace-body .danger{color:#bd5264;border-color:#efd6dc}
.breadcrumb{display:flex;align-items:center;gap:8px;padding:12px 38px;border-top:1px solid #eeeaf2;border-bottom:1px solid #e8e3ed;background:#fff;color:#a29baa}.breadcrumb button{padding:4px;border:0;background:none;color:#6f687b}.breadcrumb button:hover{color:#7548df}
.workspace-body .workspace{padding:30px 38px 60px;max-width:1500px}.dashboard-hero{position:relative;display:grid;grid-template-columns:1fr 230px;min-height:230px;padding:38px 42px;overflow:hidden;border-radius:25px;color:#fff;background:radial-gradient(circle at 82% 20%,#b495ff 0,transparent 26%),radial-gradient(circle at 65% 100%,#4c2f8833 0,transparent 35%),linear-gradient(135deg,#201436,#382166 72%,#57379a);box-shadow:0 22px 50px #44277325}.dashboard-hero:after{content:"";position:absolute;inset:-70% -20% auto 45%;height:300px;border:1px solid #ffffff1c;border-radius:50%;transform:rotate(-20deg)}.dashboard-hero h2{max-width:600px;margin:12px 0;font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-2px}.dashboard-hero p{max-width:570px;color:#cfc5df;font-size:15px}.hero-orbit{position:relative;z-index:1;align-self:center;justify-self:center;display:grid;place-items:center;width:145px;height:145px;border:1px solid #ffffff38;border-radius:50%;background:#ffffff0b;box-shadow:inset 0 0 35px #a887ff33,0 20px 40px #12072366}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid #ffffff2b;border-radius:50%}.hero-orbit:before{inset:-18px}.hero-orbit:after{inset:18px}.hero-orbit b{font-size:42px}.hero-orbit small{margin-top:-35px;color:#cfc4e4}
.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 34px}.metric-strip article{padding:18px 20px;border:1px solid #e9e4ee;border-radius:16px;background:#ffffffd9;box-shadow:0 9px 25px #36224e0b}.metric-strip span{display:block;color:var(--workspace-muted);font-size:12px}.metric-strip strong{display:block;margin-top:7px;font-size:27px;letter-spacing:-1px}.workspace-body .section-head{margin:22px 0 16px}.workspace-body .section-head h2{margin:3px 0 0;font-size:20px;color:var(--workspace-text)}
.project-folder-grid,.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}.project-folder-card{position:relative;min-height:190px;padding:65px 22px 22px;border:1px solid #e2ddec;border-radius:22px;background:linear-gradient(150deg,#fff,#f1edf7);color:var(--workspace-text);text-align:left;box-shadow:0 18px 38px #42295d12;overflow:hidden}.project-folder-card:before{content:"";position:absolute;inset:22px 18px auto;height:84px;border-radius:17px;background:linear-gradient(145deg,#b9a0ff,#7748e8);box-shadow:0 11px 26px #7952da35}.project-folder-card:nth-child(3n+2):before{background:linear-gradient(145deg,#7bb5f3,#537edc)}.project-folder-card:nth-child(3n):before{background:linear-gradient(145deg,#f0ae7e,#d77a55)}.project-folder-icon{position:relative;color:#fff;font-size:35px}.project-folder-card strong{position:relative;display:block;margin-top:20px;font-size:17px}.project-folder-card small{position:relative;color:var(--workspace-muted)}.folder-progress{position:relative;display:block;height:4px;margin-top:18px;border-radius:3px;background:#e3deea}.folder-progress i{display:block;height:100%;border-radius:inherit;background:#8354ee}
.tilt-card{transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s ease}.tilt-card:hover{transform:perspective(850px) rotateX(2deg) rotateY(-3deg) translateY(-6px);box-shadow:0 26px 55px #38215122}
.explorer-toolbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.explorer-toolbar h2{margin:4px 0 0;font-size:26px}.folder-grid{margin-bottom:34px}.folder-card{position:relative;min-height:168px;padding:54px 20px 18px;border:1px solid #e1d9f2;border-radius:18px;background:linear-gradient(155deg,#a98bfa,#7548df);color:#fff;box-shadow:0 17px 34px #6d45ca2c;cursor:pointer}.folder-card:before{content:"";position:absolute;top:16px;left:18px;width:44%;height:35px;border-radius:11px 15px 0 0;background:#bdabff}.folder-card:after{content:"";position:absolute;inset:36px 12px 12px;border-radius:15px;background:linear-gradient(155deg,#9b78f7,#6f42d5)}.folder-card>*{position:relative;z-index:1}.folder-glyph{font-size:28px}.folder-card h3{margin:18px 0 2px;font-size:17px}.folder-card p,.folder-card small{margin:0;color:#e5dcff}.folder-card small{font-size:10px}.folder-delete{position:absolute;z-index:2;top:12px;right:13px;width:28px;height:28px;border:0;border-radius:8px;background:#2a174842;color:#fff;font-size:18px}.file-heading h2 span{color:#958da0;font-size:13px}.diagram-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.diagram-file{padding:16px;border:1px solid #e6e1eb;border-radius:17px;background:#fff;box-shadow:0 12px 30px #2f1f470c}.diagram-preview{position:relative;height:105px;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#f2eff8,#e8e2f2)}.diagram-preview span{position:absolute;width:42px;height:24px;border:2px solid #8f70d7;border-radius:7px;background:#fff}.diagram-preview span:nth-child(1){left:18px;top:18px}.diagram-preview span:nth-child(2){right:20px;top:38px}.diagram-preview span:nth-child(3){left:44%;bottom:12px}.diagram-preview i{position:absolute;left:55px;top:31px;width:110px;height:55px;border-top:2px dashed #b39add;transform:rotate(12deg)}.diagram-info h3{margin:14px 0 2px;font-size:15px}.diagram-info p{margin:0;color:var(--workspace-muted);font-size:11px}.diagram-file select{margin:13px 0 10px;padding:8px;border-color:#e5dfeb;background:#faf9fc;color:#675f70;font-size:11px}.diagram-actions{display:flex;gap:8px}.diagram-actions a{flex:1;text-align:center;text-decoration:none}.diagram-actions button{padding:8px 10px}
.progress-card{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:28px;padding:28px;border:1px solid #e5dfec;border-radius:22px;background:#fff;box-shadow:0 18px 38px #42295d0e}.progress-ring{display:grid;place-items:center;width:130px;height:130px;border-radius:50%;background:conic-gradient(#8353ef calc(var(--progress)*1%),#ebe7f1 0)}.progress-ring:before{content:"";position:absolute;width:98px;height:98px;border-radius:50%;background:#fff}.progress-ring div{position:relative;z-index:1;text-align:center}.progress-ring strong{display:block;font-size:27px}.progress-ring span{color:var(--workspace-muted);font-size:11px}.progress-card h2{margin:7px 0}.progress-card p{color:var(--workspace-muted)}
.workspace-body .row-card,.workspace-body .inline-form,.workspace-body .card{border-color:#e6e1eb;background:#fff;color:var(--workspace-text)}.workspace-body input,.workspace-body textarea,.workspace-body select{border-color:#ddd7e4;background:#fff;color:var(--workspace-text)}.workspace-body label{color:#736c7d}.workspace-body .badge{background:#f1edf7;color:#6a6175}.workspace-body dialog{border-color:#e5dfea;background:#fff;color:var(--workspace-text);box-shadow:0 30px 90px #1b102b44}.workspace-body dialog::backdrop{background:#160d2599;backdrop-filter:blur(4px)}.compact{margin:30px auto}.workspace-body .empty h2{color:var(--workspace-text)}
@media (prefers-reduced-motion:reduce){.tilt-card{transition:none}.tilt-card:hover{transform:none}}
@media (max-width:1050px){.workspace-body .app-layout{grid-template-columns:238px 1fr}.workspace-body .topbar{align-items:flex-start}.topbar-actions{flex-direction:column;align-items:stretch}.search-box{width:220px}.metric-strip{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.workspace-body .app-layout{display:block}.workspace-body .sidebar{min-height:auto;padding:15px}.main-nav{grid-template-columns:repeat(2,1fr)}.nav-item{justify-content:center;font-size:0}.nav-item span{font-size:18px}.sidebar-label,.workspace-body .project-list{display:none}.workspace-body .sidebar-foot{margin-top:12px}.workspace-body .topbar{padding:20px;display:block}.topbar-actions{margin-top:16px}.search-box{width:100%}.breadcrumb{padding:10px 20px;overflow:auto}.workspace-body .workspace{padding:22px 18px}.dashboard-hero{grid-template-columns:1fr;padding:28px}.hero-orbit{display:none}.dashboard-hero h2{font-size:34px}.metric-strip{grid-template-columns:repeat(2,1fr)}.project-folder-grid,.folder-grid,.diagram-grid{grid-template-columns:1fr}.explorer-toolbar{align-items:flex-start;gap:16px}.progress-card{grid-template-columns:1fr;text-align:center}.progress-ring{margin:auto}.user-copy{display:block}}
.progress-ring{position:relative}

/* Folder cards inspired by a physical tabbed folder */
.project-folder-grid,.folder-grid{grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:28px 24px;padding-top:10px}
.project-folder-card,.folder-card{--folder-front:#1c1035;--folder-front-deep:#140b28;position:relative;isolation:isolate;min-height:226px;padding:100px 22px 20px;border:0;border-radius:0;background:transparent;color:#fff;text-align:left;box-shadow:none;overflow:visible;cursor:pointer}
.project-folder-card::before,.folder-card::before{content:none}
.project-folder-card::after,.folder-card::after{content:"";position:absolute;z-index:1;inset:49px 0 0;border-radius:22px 27px 29px 29px;background:radial-gradient(circle at 82% 18%,#4e327f 0,transparent 32%),linear-gradient(145deg,var(--folder-front),var(--folder-front-deep));box-shadow:0 22px 38px #24123b38,0 4px 8px #2814421f,inset 0 1px #ffffff12;transition:box-shadow .25s ease}
.folder-back-sheet{position:absolute!important;z-index:0!important;top:7px;left:32%;right:10px;height:76px;border-radius:18px 22px 12px 12px;background:linear-gradient(145deg,#d4c8ff 5%,#aa8bff 44%,#8457ed);box-shadow:0 13px 24px #7450ce30;transform:rotate(-3.5deg);transform-origin:bottom left}
.folder-front-tab{position:absolute!important;z-index:1!important;top:24px;left:0;width:49%;height:58px;border-radius:23px 27px 0 0;background:linear-gradient(145deg,#21133d,var(--folder-front));box-shadow:inset 0 1px #ffffff10}
.folder-front-tab::after{content:"";position:absolute;right:-43px;bottom:0;width:48px;height:38px;background:var(--folder-front);clip-path:polygon(0 0,100% 100%,0 100%)}
.project-folder-card>.folder-type-icon,.project-folder-card>.folder-card-copy,.project-folder-card>.folder-card-footer,.folder-card>.folder-type-icon,.folder-card>.folder-card-copy,.folder-card>.folder-card-footer,.folder-card>.folder-delete{position:relative;z-index:2}
.folder-type-icon{position:absolute!important;top:53px;left:22px;display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff0d}
.folder-type-icon img{display:block;width:25px;height:25px;filter:drop-shadow(0 5px 8px #09051166)}
.folder-card-copy{display:block}.folder-card-copy strong,.folder-card-copy h3{display:block;margin:0 0 5px;color:#fff;font-size:17px;font-weight:720;letter-spacing:-.2px}.folder-card-copy small,.folder-card-copy p{display:block;margin:0;color:#bcb2cf;font-size:12px}
.folder-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:29px}.folder-card-footer>small{margin:0;color:#9187a3;font-size:10px}
.folder-avatars{display:flex;flex:0 0 auto;justify-content:flex-end;padding-left:8px}.folder-avatars i{display:grid;width:27px;height:27px;margin-left:-8px;place-items:center;border:2px solid #1a0e31;border-radius:50%;background:linear-gradient(145deg,#fff,#bca7eb);color:#271641;font-size:9px;font-style:normal;font-weight:800;box-shadow:0 4px 10px #09041066}.folder-avatars i:nth-child(2){background:linear-gradient(145deg,#a9d9ff,#5586db)}.folder-avatars i:nth-child(3){background:linear-gradient(145deg,#ffd59b,#dd775c)}
.project-folder-card .folder-progress{width:78px;height:4px;margin:0;border-radius:4px;background:#ffffff16;overflow:hidden}.project-folder-card .folder-progress i{background:linear-gradient(90deg,#9d76ff,#d2c2ff)}
.folder-delete{position:absolute!important;top:62px;right:15px;width:27px;height:27px;border:1px solid #ffffff12;border-radius:9px;background:#ffffff0b;color:#bdb2d0;opacity:.68}.folder-delete:hover{color:#fff;background:#ffffff17;opacity:1}
.project-folder-card:hover,.folder-card:hover{box-shadow:none}.project-folder-card:hover::after,.folder-card:hover::after{box-shadow:0 30px 52px #24123b4d,0 8px 16px #2814422a,inset 0 1px #ffffff18}
.project-folder-card:focus-visible,.folder-card:focus-visible{outline:3px solid #9b75f4;outline-offset:5px}
@media (max-width:760px){.project-folder-grid,.folder-grid{grid-template-columns:repeat(auto-fit,minmax(238px,290px));justify-content:center}.project-folder-card,.folder-card{width:100%;min-height:226px}}
.dashboard-welcome{grid-template-columns:1fr;min-height:220px;align-items:center;padding-right:clamp(38px,12vw,170px)}
.dashboard-welcome:before{content:"";position:absolute;right:7%;top:50%;width:230px;height:230px;border:1px solid #ffffff16;border-radius:42% 58% 64% 36%;transform:translateY(-50%) rotate(24deg);box-shadow:inset 0 0 65px #b89bff12}
.dashboard-welcome h2{max-width:none;margin:0 0 16px;font-size:clamp(36px,4.4vw,58px);letter-spacing:-2.4px}
.dashboard-welcome p{max-width:760px;margin:0;color:#d6cce7;font-size:16px;line-height:1.55}
.dashboard-welcome p strong{color:#fff;font-weight:750}
@media (max-width:760px){.dashboard-welcome{min-height:245px;padding:30px 28px}.dashboard-welcome:before{right:-90px;width:210px;height:210px}.dashboard-welcome h2{font-size:38px;line-height:1.05}.dashboard-welcome p{font-size:14px}}

/* Profile, organizations and account navigation */
.workspace-body .main-nav a{text-decoration:none}.profile-menu-wrap{position:relative}.profile-button{display:flex;align-items:center;gap:9px;min-height:42px;padding:5px 10px 5px 6px;border:1px solid #e2ddea;border-radius:13px;background:#fff;color:#302a3a;text-decoration:none}.profile-button>span{display:grid;width:31px;height:31px;place-items:center;border-radius:10px;background:linear-gradient(145deg,#b79cff,#7c4bea);color:#fff;font-size:12px;font-weight:800}.profile-button strong{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.profile-dropdown{position:absolute;z-index:30;top:calc(100% + 9px);right:0;width:190px;padding:7px;border:1px solid #e5dfeb;border-radius:14px;background:#fff;box-shadow:0 22px 55px #27163825}.profile-dropdown a,.profile-dropdown button{display:block;width:100%;padding:10px 11px;border:0;border-radius:9px;background:transparent;color:#4b4356;text-align:left;text-decoration:none;font:inherit}.profile-dropdown a:hover{background:#f4f0fb}.profile-dropdown button{margin-top:5px;border-top:1px solid #eee9f2;border-radius:0;color:#b84458}.folder-card-copy em{display:block;margin-top:6px;color:#9e91b4;font-size:10px;font-style:normal}.read-only-note{margin:6px 0 0;color:#7659bd;font-size:12px}.share-list{display:grid;gap:8px;margin-top:4px}.share-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid #ebe5f0;border-radius:11px}.share-row span,.share-row small{display:block}.share-row small{color:var(--workspace-muted)}
.management-body{min-height:100vh}.management-shell{min-height:100vh;background:radial-gradient(circle at 90% 0,#ded5ff66 0,transparent 28%),var(--workspace-bg)}.management-header{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:18px;padding:24px clamp(22px,5vw,70px);border-bottom:1px solid #e8e2ee;background:#ffffffd6;backdrop-filter:blur(16px)}.management-header .brand img{width:42px;height:42px}.management-header h1{margin:3px 0;font-size:30px}.management-header p{margin:0;color:var(--workspace-muted)}.management-actions{display:flex;align-items:center;gap:10px}.management-actions>a.secondary{padding:10px 14px;text-decoration:none;border-radius:11px}.management-content,.profile-content{max-width:1280px;margin:auto;padding:34px clamp(22px,5vw,70px) 70px}.management-toolbar{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.management-toolbar h2{margin:4px 0 0}.organization-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.organization-card{display:grid;grid-template-columns:48px 1fr;gap:3px 12px;align-items:center;padding:18px;border:1px solid #e5dfeb;border-radius:18px;background:#fff;color:var(--workspace-text);text-align:left;box-shadow:0 12px 30px #2d19450c}.organization-card.active{border-color:#926df0;box-shadow:0 16px 36px #6940c21f}.organization-mark{grid-row:1/4;display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:linear-gradient(145deg,#a788fb,#7142dd);color:#fff;font-weight:800}.organization-card small{color:var(--workspace-muted)}.organization-card .badge{justify-self:start;margin-top:5px}.organization-detail{margin-top:30px;padding:24px;border:1px solid #e5dfeb;border-radius:22px;background:#fff}.member-list{display:grid;gap:8px}.member-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #f0ecf3}.member-row small{display:block;color:var(--workspace-muted)}.member-status{font-size:11px;color:#5c966f}.member-status.invited{color:#9b6d2b}.member-status.suspended{color:#b84758}
.profile-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1050px}.profile-card{padding:26px;border:1px solid #e5dfeb;border-radius:22px;background:#fff;box-shadow:0 14px 35px #321c4b0d}.profile-card h2{margin:5px 0 16px}.profile-identity{display:flex;align-items:center;gap:16px;margin-bottom:22px}.profile-avatar{display:grid;width:72px;height:72px;place-items:center;border-radius:22px;background:linear-gradient(145deg,#b69aff,#7444e0);color:#fff;font-size:28px;font-weight:850}.profile-identity h2{margin:0}.profile-identity p{margin:3px 0 8px;color:var(--workspace-muted)}.profile-organizations{display:grid;gap:8px}.profile-organizations a{display:flex;justify-content:space-between;padding:11px 13px;border:1px solid #ebe5f0;border-radius:11px;color:var(--workspace-text);text-decoration:none}.profile-organizations small{color:var(--workspace-muted)}.session-card{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.session-card h2{margin-bottom:4px}.session-card p{margin:0;color:var(--workspace-muted)}.logout-button{padding:11px 16px;border:1px solid #eccfd5;border-radius:11px;background:#fff7f8;color:#b33e52;font-weight:750}
@media (max-width:760px){.topbar-actions{flex-direction:column}.profile-menu-wrap,.profile-button{width:100%}.profile-button{justify-content:center}.profile-dropdown{left:0;right:0;width:auto}.management-header{grid-template-columns:46px 1fr;padding:18px}.management-header>div:nth-child(2) p{display:none}.management-actions{grid-column:1/-1}.management-content,.profile-content{padding:24px 18px}.profile-content{grid-template-columns:1fr}.session-card{display:block}.logout-button{width:100%;margin-top:16px}.member-row{grid-template-columns:38px 1fr}.member-row>.badge,.member-status{grid-column:2}.management-toolbar{align-items:flex-start;gap:16px}}

/* Workspace palette based on the blue and orange facets of the Nodexa Fold logo */
.workspace-body {
  --workspace-bg:#f2f8fb;
  --workspace-panel:#fff;
  --workspace-text:#19313d;
  --workspace-muted:#6c818b;
  --workspace-blue:#368faf;
  --workspace-blue-deep:#17627f;
  --workspace-sky:#77c9e3;
  --workspace-orange:#d9894c;
}
.workspace-body .sidebar {
  background:radial-gradient(circle at 18% 0,#225a70 0,transparent 34%),linear-gradient(165deg,#102f3d,#091c26 74%);
  box-shadow:18px 0 50px #153c4b1b;
}
.workspace-body .nav-item:hover,.workspace-body .nav-item.active {
  background:linear-gradient(90deg,#3e9cbc,#287a99);
  box-shadow:0 10px 24px #267b9940;
}
.workspace-body .tree-folder{color:#75c9e3}.workspace-body .tree-child:hover,.workspace-body .tree-child.active{color:#b8e9f7;border-left-color:#68bdd8}
.workspace-body .main-content{background:radial-gradient(circle at 85% 0,#d9f2fa 0,transparent 31%),var(--workspace-bg)}
.workspace-body .topbar{position:relative;z-index:60;overflow:visible}.workspace-body .workspace,.workspace-body .breadcrumb{position:relative;z-index:1}
.workspace-body .primary{background:linear-gradient(135deg,#57b8d7,#2f88aa);box-shadow:0 10px 24px #2f8eaf33}
.workspace-body .primary:hover{background:linear-gradient(135deg,#66c5e2,#257c9e)}
.workspace-body .eyebrow,.workspace-body .section-kicker{color:var(--workspace-orange)}
.workspace-body .breadcrumb button:hover{color:var(--workspace-blue-deep)}
.workspace-body .dashboard-hero{
  background:radial-gradient(circle at 83% 17%,#7cc9df 0,transparent 29%),radial-gradient(circle at 68% 110%,#dd8b4b22 0,transparent 34%),linear-gradient(135deg,#123d50,#176681 72%,#288ca8);
  box-shadow:0 22px 50px #174d6128;
}
.workspace-body .dashboard-hero p,.workspace-body .dashboard-welcome p{color:#d8edf4}
.workspace-body .metric-strip article{border-color:#dcebf0;box-shadow:0 9px 25px #17465a0b}
.workspace-body .project-folder-card,.workspace-body .folder-card{--folder-front:#123c4e;--folder-front-deep:#0a2938}
.workspace-body .project-folder-card::after,.workspace-body .folder-card::after{background:radial-gradient(circle at 82% 18%,#237b99 0,transparent 34%),linear-gradient(145deg,var(--folder-front),var(--folder-front-deep));box-shadow:0 22px 38px #123d4e38,0 4px 8px #102f3c20,inset 0 1px #ffffff12}
.workspace-body .folder-back-sheet{background:linear-gradient(145deg,#bdebf7 5%,#75c9e3 46%,#3c98b7);box-shadow:0 13px 24px #2f89a630}
.workspace-body .folder-front-tab{background:linear-gradient(145deg,#174c60,var(--folder-front))}
.workspace-body .project-folder-card .folder-progress i{background:linear-gradient(90deg,#64c3df,#f0a160)}
.workspace-body .project-folder-card:focus-visible,.workspace-body .folder-card:focus-visible{outline-color:#58b7d5}
.workspace-body .diagram-preview{background:linear-gradient(145deg,#f1f8fb,#e2f1f6)}.workspace-body .diagram-preview span{border-color:#4aa2c1}.workspace-body .diagram-preview i{border-color:#83c5da}
.workspace-body .progress-ring{background:conic-gradient(#3d9dbc calc(var(--progress)*1%),#e3eef2 0)}
.workspace-body .profile-button>span,.workspace-body .profile-avatar{background:linear-gradient(145deg,#78cee7,#2f88a8)}
.workspace-body .profile-button{border-color:#d6e7ed;color:#23404d}.workspace-body .profile-button:focus-visible{outline-color:var(--workspace-orange)}
.workspace-body .profile-menu-wrap{z-index:70}.workspace-body .profile-dropdown{z-index:80;border-color:#d8e8ed;box-shadow:0 22px 55px #153f5028}.workspace-body .profile-dropdown a:hover{background:#edf8fb}
.workspace-body .read-only-note{color:#267d9c}
.workspace-body .management-shell{background:radial-gradient(circle at 90% 0,#dbf2f9 0,transparent 28%),var(--workspace-bg)}
.workspace-body .organization-card.active{border-color:#55adca;box-shadow:0 16px 36px #267d9c1f}.workspace-body .organization-mark{background:linear-gradient(145deg,#6fc5df,#2f86a7)}

/* Dual-level workspace navigation */
.workspace-body .app-layout{grid-template-columns:316px minmax(0,1fr);transition:grid-template-columns .24s ease}
.workspace-navigation{position:sticky;z-index:90;top:0;display:grid;grid-template-columns:68px 248px;height:100vh;border-right:1px solid #dce8ed;background:#fff;transition:grid-template-columns .24s ease}
.nav-rail{display:flex;min-width:0;min-height:100vh;flex-direction:column;align-items:center;padding:17px 10px 14px;border-right:1px solid #e1ebef;background:#fbfdfe}
.rail-brand{display:grid;width:45px;height:45px;place-items:center;margin-bottom:27px;border-radius:14px}.rail-brand img{width:34px;height:34px}
.rail-links{display:grid;gap:10px}.rail-item{display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:14px;background:transparent;color:#7b919c;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease}.rail-item svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.rail-item:hover{color:#277f9f;background:#edf8fc;transform:translateY(-1px)}.rail-item.active{color:#168fbf;background:#dff3fb;box-shadow:inset 0 0 0 1px #bfe6f3}
.rail-profile{display:grid;width:40px;height:40px;place-items:center;margin-top:auto;border-radius:50%;background:linear-gradient(145deg,#72cbe7,#2d87a8);color:#fff;text-decoration:none;box-shadow:0 8px 22px #2f89a62d}.rail-profile span{font-size:13px;font-weight:800}
.workspace-body .workspace-navigation .sidebar{min-width:0;min-height:100vh;padding:20px 16px 16px;gap:4px;border:0;background:#fff;color:#29404b;box-shadow:none;overflow:hidden}
.workspace-body .workspace-navigation .sidebar-head{min-height:52px;padding:2px 4px 16px}.sidebar-head>div{display:grid;min-width:0}.sidebar-head strong{max-width:165px;font-size:15px;line-height:1.12;letter-spacing:-.2px;white-space:normal;overflow-wrap:anywhere}.sidebar-head strong.organization-workspace-name{color:var(--accent);font-weight:800}.sidebar-overline,.menu-section-title{color:#95a6ae;font-size:9px;font-weight:800;letter-spacing:1.5px}.workspace-body .workspace-navigation .icon-button{color:#3087a6;border-color:#d8e8ee;background:#f6fbfd}.workspace-body .workspace-navigation .icon-button:hover{background:#e8f6fa}
.workspace-body .workspace-navigation .main-nav{gap:5px;padding:13px 0 18px;border-color:#e7eef1}.menu-section-title{padding:0 10px 8px}.workspace-body .workspace-navigation .nav-item{padding:10px 12px;border-radius:12px;color:#5d707a;font-size:13px}.workspace-body .workspace-navigation .nav-item span{color:#8ca0aa;font-size:15px}.workspace-body .workspace-navigation .nav-item:hover,.workspace-body .workspace-navigation .nav-item.active{color:#137fa8;background:#e2f3fa;box-shadow:none}.workspace-body .workspace-navigation .nav-item.active span{color:#1593c2}
.workspace-body .workspace-navigation .sidebar-label{padding:19px 8px 9px;color:#95a6ae}.workspace-body .workspace-navigation .sidebar-label button{color:#6b8996}.workspace-body .workspace-navigation .project-list{padding-right:3px}.workspace-body .workspace-navigation .project-item{color:#5a6f79;border-radius:11px}.workspace-body .workspace-navigation .project-item:hover,.workspace-body .workspace-navigation .project-item.active{color:#137fa8;border-color:#d5eaf1;background:#eff9fc}.workspace-body .workspace-navigation .project-item small{color:#97a7ae}.workspace-body .workspace-navigation .project-item b{color:#94a6ae}.workspace-body .workspace-navigation .tree-child{color:#81959e;border-left-color:#dce9ee}.workspace-body .workspace-navigation .tree-child:hover,.workspace-body .workspace-navigation .tree-child.active{color:#187f9f;border-left-color:#4aa8c7}
.workspace-body .workspace-navigation .sidebar-foot{padding:12px 4px 0;border-color:#e7eef1}.workspace-body .workspace-navigation .sidebar-foot a{display:flex;align-items:center;gap:9px;padding:9px;color:#778d97;text-decoration:none}.workspace-body .workspace-navigation .sidebar-foot a:hover{color:#187f9f}
.topbar-title{display:flex;min-width:0;align-items:center;gap:17px}.navigation-toggle{display:grid;width:38px;height:38px;place-content:center;gap:4px;flex:0 0 auto;border:1px solid #dce9ee;border-radius:11px;background:#fff;color:#66818d}.navigation-toggle span{display:block;width:16px;height:1.5px;border-radius:2px;background:currentColor}.navigation-toggle:hover{color:#2083a5;background:#f0f9fc}
.workspace-body.navigation-collapsed .app-layout{grid-template-columns:68px minmax(0,1fr)}.workspace-body.navigation-collapsed .workspace-navigation{grid-template-columns:68px}.workspace-body.navigation-collapsed .workspace-navigation .sidebar{display:none}
.workspace-body .topbar{min-height:100px;padding:19px 32px;background:#fffffff2;border-bottom:1px solid #e2edf1}.workspace-body .topbar h1{font-size:25px}.workspace-body .workspace{padding:27px 30px 60px}.workspace-body .search-box{border-color:#dce9ee;background:#fafdfe}.workspace-body .profile-button{border-radius:14px}
.workspace-body .metric-strip{gap:16px}.workspace-body .metric-strip article{position:relative;overflow:hidden;min-height:96px;padding:20px;border-radius:18px;background:#fff}.workspace-body .metric-strip article:after{content:"";position:absolute;right:-20px;top:-25px;width:75px;height:75px;border-radius:50%;background:#65c7e418}.workspace-body .metric-strip article:nth-child(2){background:#fff7f1;border-color:#f3e2d4}.workspace-body .metric-strip article:nth-child(2):after{background:#e19a5c20}.workspace-body .metric-strip article:nth-child(3){background:#f0fbfa;border-color:#d6eeeb}.workspace-body .metric-strip article:nth-child(3):after{background:#41b9ae1c}.workspace-body .metric-strip article:nth-child(4){background:#f3f9fc}
.workspace-body .dashboard-hero{min-height:210px;border-radius:20px}.workspace-body .dashboard-welcome h2{font-size:clamp(34px,4vw,52px)}

@media (max-width:1050px){.workspace-body .app-layout{grid-template-columns:278px minmax(0,1fr)}.workspace-navigation{grid-template-columns:64px 214px}.nav-rail{padding-inline:8px}.workspace-body .topbar{padding-inline:24px}.workspace-body .topbar-actions{flex-direction:row}.workspace-body .search-box{width:190px}.workspace-body .profile-button strong{max-width:95px}}
@media (max-width:820px){.workspace-body .app-layout,.workspace-body.navigation-collapsed .app-layout{display:grid;grid-template-columns:1fr}.workspace-navigation,.workspace-body.navigation-collapsed .workspace-navigation{position:relative;grid-template-columns:1fr;width:100%;height:auto;border-right:0;border-bottom:1px solid #dce8ed}.nav-rail{min-height:0;height:66px;flex-direction:row;justify-content:space-between;padding:8px 14px;border-right:0}.rail-brand{width:42px;height:42px;margin:0}.rail-links{display:flex;gap:5px}.rail-item{width:40px;height:40px}.rail-profile{margin:0}.workspace-body .workspace-navigation .sidebar{display:none}.navigation-toggle{display:none}.workspace-body .topbar{padding:18px;display:block}.workspace-body .topbar-actions{margin-top:14px;flex-direction:column}.workspace-body .search-box,.workspace-body .profile-menu-wrap,.workspace-body .profile-button{width:100%}.workspace-body .workspace{padding:22px 18px}.workspace-body .metric-strip{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.rail-item{width:36px;height:36px}.rail-item svg{width:19px;height:19px}.workspace-body .metric-strip{grid-template-columns:1fr}.workspace-body .dashboard-welcome h2{font-size:34px}}

/* Persistent navigation on organizations and profile */
.management-app-layout{grid-template-columns:316px minmax(0,1fr)}
.management-app-layout .management-shell{min-width:0}
.management-app-layout .management-header{grid-template-columns:1fr auto;min-height:100px;padding:19px 32px;border-bottom-color:#e2edf1}
.management-app-layout .management-header h1{font-size:27px}
.management-app-layout .workspace-navigation .project-item{text-decoration:none}
.management-app-layout .workspace-navigation .sidebar-label a{border:0;background:transparent;color:#6b8996;font-size:18px;text-decoration:none}
.persistent-add{display:grid!important;place-items:center;text-decoration:none}
.rail-profile.active{outline:3px solid #d9894c55;outline-offset:3px}
.workspace-body .workspace-navigation .sidebar-foot a.active{color:#137fa8;background:#eaf7fb;border-radius:10px}
.persistent-nav-error{display:grid;grid-column:1/-1;place-items:center;padding:20px;color:#718792;font-size:12px}
@media (max-width:1050px){.management-app-layout{grid-template-columns:278px minmax(0,1fr)}}
@media (max-width:820px){.management-app-layout{grid-template-columns:1fr}.management-app-layout .management-header{grid-template-columns:1fr;padding:18px}.management-app-layout .management-actions{margin-top:12px;grid-column:auto}.management-app-layout .management-content,.management-app-layout .profile-content{padding:24px 18px}}

/* Organization directory */
.workspace-body .organization-grid{display:block}
.organization-table-wrap{overflow:auto;border:1px solid #dce8ed;border-radius:18px;background:#fff;box-shadow:0 14px 34px #17465a0b}
.organization-table{width:100%;min-width:830px;border-collapse:collapse;text-align:left}.organization-table th{padding:13px 16px;border-bottom:1px solid #e2ecef;background:#f8fbfc;color:#8497a0;font-size:10px;letter-spacing:1px;text-transform:uppercase}.organization-table td{padding:14px 16px;border-bottom:1px solid #edf2f4;color:#47606c;vertical-align:middle}.organization-table tbody tr:last-child td{border-bottom:0}.organization-table tbody tr:hover,.organization-table tbody tr.active{background:#f1f9fc}.organization-table tbody tr.active{box-shadow:inset 3px 0 #3a9bbb}
.organization-cell{display:flex;align-items:center;gap:11px;min-width:190px}.organization-cell>i{display:grid;width:38px;height:38px;place-items:center;flex:0 0 auto;border-radius:12px;background:linear-gradient(145deg,#74cbe4,#338daa);color:#fff;font-style:normal;font-weight:800}.organization-cell span,.administrator-cell{display:grid}.organization-cell strong,.administrator-cell strong{color:#203a47;font-size:13px}.organization-cell small,.administrator-cell small{color:#8a9ba3;font-size:10px}.administrator-cell{min-width:190px}
.status-pill{display:inline-flex;padding:4px 9px;border-radius:999px;background:#e8f7f0;color:#377d5d;font-size:10px;font-weight:750}.status-pill.suspended{background:#fff0f2;color:#b34e60}.table-action{padding:7px 10px;border:1px solid #d5e7ed;border-radius:9px;background:#fff;color:#287f9e;font-size:11px}.table-action:hover{background:#eaf7fb}
.form-divider{display:flex;align-items:center;gap:10px;margin:4px 0;color:#d18448;font-size:9px;font-weight:800;letter-spacing:1.2px}.form-divider:after{content:"";height:1px;flex:1;background:#e5ecef}.form-help{margin:-4px 0 0;color:#7c9099;font-size:11px;line-height:1.45}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.embedded-management{min-height:calc(100vh - 190px)}.embedded-management .management-toolbar{align-items:center}.embedded-management .management-toolbar h2{font-size:24px}.embedded-management .management-toolbar p{max-width:650px;margin:5px 0 0;color:var(--workspace-muted);font-size:13px}.embedded-management .organization-detail{margin-bottom:40px}
.workspace-body .workspace>.embedded-profile{width:100%;max-width:1180px;margin:0 auto;padding:0}.workspace-body .rail-profile.active{outline:3px solid #d9894c55;outline-offset:3px}

/* Compact dashboard summary inspired by a modern SaaS welcome strip */
.dashboard-summary-row{display:grid;grid-template-columns:minmax(440px,2.15fr) repeat(3,minmax(145px,1fr));gap:16px;margin:0 0 34px}
.dashboard-welcome-card{position:relative;min-height:205px;overflow:hidden;padding:29px 32% 28px 28px;border-radius:19px;background:linear-gradient(135deg,#0798e8,#087fc4);color:#fff;box-shadow:0 16px 34px #087cb72b}
.dashboard-welcome-card:after{content:"";position:absolute;z-index:1;inset:auto 24% -75px auto;width:190px;height:190px;border:1px solid #ffffff2b;border-radius:50%}
.dashboard-welcome-copy{position:relative;z-index:3;max-width:410px}
.dashboard-welcome-label{display:block;margin-bottom:12px;color:#c9efff;font-size:9px;font-weight:850;letter-spacing:1.45px}
.dashboard-welcome-card h2{margin:0 0 9px;font-size:clamp(24px,2.4vw,34px);line-height:1.08;letter-spacing:-1.2px}
.dashboard-welcome-card p{max-width:380px;margin:0;color:#e4f6ff;font-size:13px;line-height:1.55}.dashboard-welcome-card p strong{color:#fff}
.dashboard-welcome-shape{position:absolute;z-index:2;right:7%;top:50%;width:140px;height:140px;border:1px solid #ffffff4d;border-radius:38px;transform:translateY(-50%) rotate(18deg);box-shadow:inset 0 0 0 18px #ffffff08,0 0 0 24px #ffffff0c}
.dashboard-welcome-shape:before,.dashboard-welcome-shape:after{content:"";position:absolute;border:1px solid #ffffff55;border-radius:50%}.dashboard-welcome-shape:before{inset:29px}.dashboard-welcome-shape:after{inset:52px;background:#ffffff16}
.dashboard-kpi{position:relative;display:flex;min-height:205px;flex-direction:column;overflow:hidden;padding:22px;border:1px solid #e6edf0;border-radius:19px;background:#fff;box-shadow:0 12px 28px #17465a0b;transition:transform .2s ease,box-shadow .2s ease}.dashboard-kpi:hover{transform:translateY(-3px);box-shadow:0 18px 34px #17465a17}
.dashboard-kpi:after{content:"";position:absolute;right:-26px;top:-34px;width:100px;height:100px;border-radius:50%;background:#ffffff72}
.dashboard-kpi-icon{position:absolute;top:22px;left:22px;display:grid;width:43px;height:43px;place-items:center;border-radius:50%;color:#fff;background:#3aa7d1;box-shadow:0 9px 20px #3399c62c}
.dashboard-kpi-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dashboard-kpi-value{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin-top:67px}.dashboard-kpi-value strong{color:#19313d;font-size:29px;line-height:1;letter-spacing:-1px}.dashboard-kpi-badge{padding:4px 7px;border:1px solid #dce7eb;border-radius:999px;background:#ffffff8f;color:#56717d;font-size:9px;font-weight:800;white-space:nowrap}
.dashboard-kpi-label{position:relative;z-index:1;display:block;margin-top:7px;color:#607781;font-size:12px;font-weight:750}
.dashboard-kpi-meta{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:auto;padding-top:17px;color:#71868f;font-size:9px}.dashboard-kpi-meta span:last-child{text-align:right}.dashboard-kpi-meta .is-alert{color:#bd5264;font-weight:750}
.dashboard-kpi-progress{position:relative;z-index:1;display:block;height:4px;margin-top:9px;overflow:hidden;border-radius:999px;background:#ffffffa8}.dashboard-kpi-progress i{display:block;height:100%;min-width:0;border-radius:inherit;background:currentColor}
.dashboard-kpi-projects{color:#e45880;background:#fff2f6;border-color:#f2dde5}.dashboard-kpi-projects .dashboard-kpi-icon{background:#f0628b;box-shadow:0 9px 20px #e95b8428}
.dashboard-kpi-diagrams{color:#7057d0;background:#f0edff;border-color:#e2ddf5}.dashboard-kpi-diagrams .dashboard-kpi-icon{background:#7558dd;box-shadow:0 9px 20px #7558dd27}
.dashboard-kpi-tickets{color:#0da795;background:#e9f9f7;border-color:#d4eeea}.dashboard-kpi-tickets .dashboard-kpi-icon{background:#10b6a3;box-shadow:0 9px 20px #10a99627}
@media (max-width:1180px){.dashboard-summary-row{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-welcome-card{grid-column:1/-1;padding-right:230px}}
@media (max-width:680px){.dashboard-summary-row{grid-template-columns:1fr}.dashboard-welcome-card{grid-column:auto;min-height:215px;padding:26px 38% 26px 24px}.dashboard-welcome-shape{right:6%;width:105px;height:105px}.dashboard-kpi{min-height:135px}.dashboard-kpi-icon{top:18px;left:18px}}
@media (max-width:430px){.dashboard-welcome-card{padding-right:24px}.dashboard-welcome-shape{right:-42px;opacity:.3}.dashboard-welcome-copy{max-width:90%}}

/* Project-first tickets portfolio */
.ticket-portfolio-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:22px;padding:25px 28px;border:1px solid #dcebf0;border-radius:20px;background:#fff;box-shadow:0 14px 34px #17465a0b}.ticket-portfolio-summary h2{margin:4px 0 7px;font-size:25px}.ticket-portfolio-summary p{max-width:660px;margin:0;color:var(--workspace-muted)}.ticket-portfolio-numbers{display:grid;grid-template-columns:repeat(4,auto);gap:18px}.ticket-portfolio-numbers span{display:grid;color:#82949c;font-size:9px;white-space:nowrap}.ticket-portfolio-numbers strong{color:#1f3d4a;font-size:21px}.ticket-portfolio-numbers .is-alert strong{color:#bd5264}
.ticket-project-grid{display:grid;gap:12px}.ticket-project-card{position:relative;display:grid;grid-template-columns:48px minmax(180px,1.5fr) 70px minmax(220px,1fr) 24px;align-items:center;gap:16px;width:100%;padding:17px 20px;border:1px solid #dce9ee;border-radius:17px;background:#fff;color:#24404c;text-align:left;box-shadow:0 10px 25px #17465a08;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.ticket-project-card:hover{transform:translateY(-2px);border-color:#abd6e5;box-shadow:0 16px 32px #17465a14}.ticket-project-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:#e4f5fb;color:#1986ad}.ticket-project-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ticket-project-copy,.ticket-project-total{display:grid}.ticket-project-copy strong{font-size:14px}.ticket-project-copy small,.ticket-project-total small{color:#8a9da5;font-size:10px}.ticket-project-total strong{font-size:23px}.ticket-project-stats{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;color:#748993;font-size:10px}.ticket-project-stats b{color:#2285a5}.ticket-project-stats .is-alert{color:#bd5264;font-weight:750}.ticket-project-progress{position:absolute;left:84px;right:64px;bottom:10px;height:3px;overflow:hidden;border-radius:3px;background:#edf3f5}.ticket-project-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4db8d7,#1b8aae)}.ticket-project-arrow{color:#7a959f;font-size:24px}
@media (max-width:900px){.ticket-portfolio-summary{align-items:flex-start;flex-direction:column}.ticket-portfolio-numbers{width:100%;grid-template-columns:repeat(4,1fr)}.ticket-project-card{grid-template-columns:44px 1fr 58px 20px}.ticket-project-stats{grid-column:2/5}.ticket-project-progress{left:80px}}
@media (max-width:560px){.ticket-portfolio-numbers{grid-template-columns:repeat(2,1fr)}.ticket-project-card{grid-template-columns:40px 1fr 50px}.ticket-project-arrow{display:none}.ticket-project-stats{grid-column:1/-1}.ticket-project-progress{left:20px;right:20px}}

/* Circular actions and unified profile menu */
.top-action-button,.profile-circle-button{display:grid!important;width:44px;height:44px;min-width:44px;padding:0!important;place-items:center;border-radius:50%!important}.top-action-button svg,.profile-circle-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.top-action-button:hover,.profile-circle-button:hover{transform:translateY(-1px)}
.ticket-submit-button{display:grid;width:42px;height:42px;padding:0!important;place-items:center;border-radius:50%!important}.ticket-submit-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.workspace-body .workspace-navigation .icon-button{border-radius:50%}
.profile-circle-button{border:1px solid #b8e0ed;background:#e5f6fb;color:#1686ad;box-shadow:0 8px 20px #2186a41a}.profile-circle-button:focus-visible{outline:3px solid #d9894c55;outline-offset:2px}
.rail-profile{border:0}.rail-profile svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.profile-card-menu{width:310px;padding:14px;border-color:#d9e8ed;border-radius:20px;box-shadow:0 26px 65px #143d4e2b}.profile-card-menu.from-rail{position:fixed;z-index:120;top:auto;right:auto;bottom:14px;left:78px}.profile-menu-identity{display:flex;align-items:center;gap:12px;padding:7px 6px 15px;border-bottom:1px solid #e6eef1}.profile-menu-identity>span{display:grid;width:50px;height:50px;place-items:center;flex:0 0 auto;border-radius:16px;background:linear-gradient(145deg,#68c9e6,#2787aa);color:#fff}.profile-menu-identity svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.profile-menu-identity div{display:grid;min-width:0}.profile-menu-identity strong{overflow:hidden;color:#1c3541;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.profile-menu-identity small{overflow:hidden;color:#7f949d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.profile-menu-links{display:grid;gap:5px;padding:11px 0}.profile-dropdown .profile-menu-links a,.persistent-profile-menu .profile-menu-links a{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:9px;border-radius:12px;color:#263f4a}.profile-menu-links a>span{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#e7f6fb;color:#1889ae}.profile-menu-links a:nth-child(2)>span{background:#eaf8f5;color:#159b88}.profile-menu-links a div{display:grid;font-weight:700}.profile-menu-links a small{color:#84969e;font-size:10px;font-weight:400}.profile-menu-logout{width:100%;padding:10px;border:0;border-radius:999px;background:#1699ca;color:#fff;font-weight:750}.profile-menu-logout:hover{background:#087eac}
.persistent-profile-menu{position:fixed;z-index:120;left:78px;bottom:14px;width:310px;padding:14px;border:1px solid #d9e8ed;border-radius:20px;background:#fff;box-shadow:0 26px 65px #143d4e2b}.persistent-profile-menu.from-header{top:78px;right:24px;bottom:auto;left:auto}.persistent-profile-menu a{text-decoration:none}.persistent-profile-trigger{cursor:pointer}
.profile-dropdown .profile-menu-logout,.persistent-profile-menu .profile-menu-logout{display:flex;width:100%;margin:0;padding:10px;border:0;border-radius:999px;align-items:center;justify-content:center;background:#1699ca;color:#fff;font-weight:750;text-align:center}.profile-dropdown .profile-menu-logout:hover,.persistent-profile-menu .profile-menu-logout:hover{background:#087eac}
.logout-main{justify-content:flex-start}.logout-brand img{width:112px;height:112px}.logout-content{display:flex;min-height:340px;flex-direction:column;text-align:center}.logout-content h1{max-width:330px;margin-inline:auto;line-height:1.25}.logout-content>.muted{margin:14px auto 24px}.logout-redirect-copy strong{color:var(--text);font-size:15px}.logout-login-link{display:block;width:100%;margin-top:auto;text-align:center;text-decoration:none}
.diagram-file[draggable="true"]{cursor:grab;transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease}.diagram-file[draggable="true"]:active{cursor:grabbing}.diagram-file.is-dragging{opacity:.38;transform:scale(.98)}.folder-card.is-drop-target{transform:translateY(-5px) scale(1.015)}.workspace-body .folder-card.is-drop-target::after{outline:3px solid #57c9ea;outline-offset:4px;box-shadow:0 30px 58px #1686ad55,0 0 0 9px #8dddf02e}.folder-card.is-drop-target .folder-card-copy h3::after{content:" · Soltar aquí";color:#7ee3ff;font-size:11px;font-weight:700}
@media (max-width:820px){.profile-card-menu.from-rail,.persistent-profile-menu{left:14px;right:14px;bottom:76px;width:auto}.persistent-profile-menu.from-header{top:76px;right:14px;left:14px}.ticket-project-grid{scroll-margin-top:20px}}
@media (max-width:820px){.organization-table-wrap{margin-inline:-4px}.organization-detail{padding:18px}}

/* Profile workspace with vertical stepper */
.profile-shell{background:radial-gradient(circle at 92% 3%,#d7f1f8 0,transparent 26%),var(--workspace-bg)}
.profile-content.profile-workspace{display:grid;grid-template-columns:minmax(230px,270px) minmax(0,1fr);align-items:start;gap:20px;width:100%;max-width:1180px;padding-top:30px}
.profile-stepper-card,.profile-stage{overflow:hidden;border:1px solid #d8e7ec;border-radius:20px;background:#fff;box-shadow:0 18px 45px #17465a0d}
.profile-stepper-card{position:sticky;top:24px}
.profile-stepper-user{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:18px;border-bottom:1px solid #e5eef1}
.profile-stepper-avatar,.profile-organization-mark{display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#5fc4e1,#267f9f);color:#fff;font-weight:850;box-shadow:0 10px 24px #2f8eaf28}
.profile-stepper-avatar{width:48px;height:48px;font-size:14px}
.profile-stepper-user div{display:grid;min-width:0}.profile-stepper-user strong,.profile-stepper-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-stepper-user strong{color:#203c48;font-size:13px}.profile-stepper-user small{margin-top:3px;color:#83979f;font-size:10px}
.profile-steps{display:grid;gap:3px;padding:11px}
.profile-step{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 14px;align-items:center;gap:10px;width:100%;min-height:78px;padding:10px;border:1px solid transparent;border-radius:14px;background:transparent;color:#607681;text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.profile-step:not(:last-child)::after{content:"";position:absolute;z-index:0;left:30px;top:61px;width:1px;height:34px;background:#d8e7ec}
.profile-step:hover{background:#f4fafc}.profile-step.active{border-color:#58bad8;background:linear-gradient(135deg,#edf9fd,#f7fcfe);color:#1f6f8e;box-shadow:0 10px 22px #258aaa12}
.profile-step-icon{position:relative;z-index:1;display:grid;width:42px;height:42px;place-items:center;border:1px solid #d3e4ea;border-radius:12px;background:#fff;color:#76909b}.profile-step.active .profile-step-icon{border-color:#8bcde1;background:#dcf3fa;color:#1884aa}
.profile-step-icon svg,.profile-stage-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.profile-step-copy{display:grid;min-width:0}.profile-step-copy small{color:#9aabb2;font-size:8px;letter-spacing:.5px}.profile-step-copy strong{color:#294651;font-size:13px}.profile-step-copy em{overflow:hidden;color:#8a9ca4;font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.profile-step>b{font-size:20px;font-weight:400}
.profile-stage-container{min-width:0}.profile-stage{min-height:590px}.profile-stage-header{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid #e1ecef;background:#fbfdfe}.profile-stage-header h2{margin:0;color:#203a46;font-size:16px}.profile-stage-header p{margin:3px 0 0;color:#8498a0;font-size:11px}
.profile-stage-icon{display:grid;width:44px;height:44px;place-items:center;border:1px solid #add8e6;border-radius:13px;background:#e7f7fc;color:#1785aa}.profile-stage-icon.security{background:#eaf8f5;color:#168f7c;border-color:#bde3db}.profile-stage-icon.organizations{background:#fff3e9;color:#c77536;border-color:#f0cfb5}
.profile-status{padding:5px 10px;border:1px solid #b8dfe9;border-radius:999px;background:#eaf8fc;color:#287d9a;font-size:9px;font-weight:750;white-space:nowrap}.profile-status.secure{border-color:#bde3db;background:#eaf8f5;color:#16816f}
.profile-stage-identity{display:flex;align-items:center;gap:18px;padding:28px 26px;border-bottom:1px solid #e5eef1}.profile-stage-identity .profile-avatar{width:68px;height:68px;border-radius:20px;background:linear-gradient(145deg,#64c7e3,#2e87a7);font-size:21px;box-shadow:0 14px 30px #2f8eaf28}.profile-stage-identity h2{margin:0;color:#203b47;font-size:21px}.profile-stage-identity p{margin:5px 0 0;color:#788e97;font-size:11px}
.profile-stage-section{padding:24px 26px}.profile-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.profile-section-heading h3{margin:0;color:#2b4752;font-size:13px}.profile-section-heading p{margin:3px 0 0;color:#8ca0a8;font-size:10px}.profile-section-heading>small{color:#92a3aa;font-size:9px}.profile-contact-grid,.profile-security-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-stage label{color:#637a84;font-size:10px;font-weight:700}.profile-stage input{border-color:#d4e3e8;background:#f9fcfd;color:#263f4a}.profile-stage input:disabled{background:#eef5f7;color:#718791;opacity:1;cursor:not-allowed}.profile-form-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:2px}.profile-form-footer .error{min-width:0;margin-right:auto;font-size:10px}.profile-form-footer .error.success{color:#27876f}.profile-form-footer .primary{min-width:150px}
.profile-access-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:112px;border-top:1px solid #e3edef}.profile-access-summary>div{display:grid;align-content:center;gap:7px;padding:22px 26px}.profile-access-summary>div+div{border-left:1px solid #e3edef}.profile-access-summary small{color:#92a4ab;font-size:8px;letter-spacing:.5px}.profile-access-summary strong{color:#2d4853;font-size:12px}
.security-section{padding-top:30px}.profile-security-form{align-items:end}.profile-security-form .profile-form-footer{margin-top:8px}.profile-session-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 26px 26px;padding:18px;border:1px solid #dce9ed;border-radius:16px;background:#f9fcfd}.profile-session-row>div{display:flex;align-items:center;gap:12px}.profile-session-row>div>div{display:grid}.profile-session-row strong{color:#294651;font-size:12px}.profile-session-row small{color:#8498a0;font-size:9px}.profile-session-dot{width:10px;height:10px;border:3px solid #c9eee5;border-radius:50%;background:#23a88d;box-shadow:0 0 0 4px #eaf8f5}.profile-session-row .logout-button{border-color:#efd7dc;background:#fff8f9;color:#b84b5d}
.organizations-section{padding-top:30px}.profile-manage-link{padding:8px 12px!important;border-radius:10px!important;text-decoration:none}.profile-organization-list{display:grid;gap:10px}.profile-organizations .profile-organization-row{display:grid;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:12px;padding:13px 14px;border:1px solid #dce9ed;border-radius:14px;background:#fbfdfe;color:#294651;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.profile-organizations .profile-organization-row:hover{transform:translateY(-1px);border-color:#a9d6e4;box-shadow:0 12px 24px #17465a0d}.profile-organization-mark{width:44px;height:44px;font-size:11px}.profile-organization-row>span:nth-child(2){display:grid}.profile-organization-row strong{font-size:12px}.profile-organization-row small{font-size:9px}.profile-organization-row b{color:#78929d;font-size:18px;font-weight:400}.profile-empty-state{padding:36px;border:1px dashed #cbdde3;border-radius:16px;background:#fbfdfe;text-align:center}.profile-empty-state strong{color:#35515c}.profile-empty-state p{margin:5px 0 0;color:#899ca4;font-size:10px}
@media (max-width:1050px){.profile-content.profile-workspace{grid-template-columns:220px minmax(0,1fr);padding-inline:24px}.profile-contact-grid,.profile-security-form{grid-template-columns:1fr}.profile-stage-header{grid-template-columns:42px minmax(0,1fr)}.profile-stage-header .profile-status{grid-column:2;justify-self:start}.profile-section-heading>small{display:none}}
@media (max-width:820px){.profile-content.profile-workspace{grid-template-columns:1fr;padding:22px 18px 50px}.profile-stepper-card{position:static}.profile-stage{min-height:0}.profile-stepper-user{padding:15px}.profile-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.profile-step{grid-template-columns:38px minmax(0,1fr);min-height:68px;padding:8px}.profile-step:not(:last-child)::after,.profile-step>b,.profile-step-copy em{display:none}.profile-step-icon{width:38px;height:38px}.profile-step-copy small{font-size:7px}.profile-step-copy strong{font-size:11px}}
@media (max-width:620px){.profile-steps{grid-template-columns:1fr}.profile-step{grid-template-columns:40px 1fr 12px}.profile-step>b,.profile-step-copy em{display:block}.profile-stage-header,.profile-stage-identity,.profile-stage-section{padding-inline:18px}.profile-stage-header{grid-template-columns:40px 1fr}.profile-stage-header .profile-status{grid-column:1/-1}.profile-stage-identity{align-items:flex-start}.profile-stage-identity .profile-avatar{width:58px;height:58px;border-radius:17px}.profile-form-footer,.profile-session-row,.profile-section-heading{align-items:stretch;flex-direction:column}.profile-form-footer .primary,.profile-session-row .logout-button{width:100%}.profile-access-summary{grid-template-columns:1fr}.profile-access-summary>div+div{border-top:1px solid #e3edef;border-left:0}}

/* Profile typography aligned with the workspace scale */
.profile-stepper-user strong{font-size:14px;line-height:1.3}.profile-stepper-user small{font-size:11px;line-height:1.35}
.profile-step-copy{gap:1px}.profile-step-copy small{color:#8fa3ac;font-size:9px;font-weight:700;letter-spacing:.65px}.profile-step-copy strong{font-size:14px;line-height:1.3}.profile-step-copy em{color:#7f949d;font-size:11px;line-height:1.35}
.profile-stage-header h2{font-size:18px;line-height:1.3}.profile-stage-header p{margin-top:4px;color:#7d929b;font-size:12px;line-height:1.45}.profile-status{padding:6px 11px;font-size:10px;line-height:1.2}
.profile-stage-identity h2{font-size:22px;line-height:1.25}.profile-stage-identity p{margin-top:6px;color:#718791;font-size:12px;line-height:1.4}
.profile-section-heading h3{font-size:15px;line-height:1.3}.profile-section-heading p{margin-top:4px;color:#82969f;font-size:11px;line-height:1.45}.profile-section-heading>small{color:#8498a1;font-size:10px;line-height:1.4}
.profile-stage label{color:#5e7580;font-size:11px;line-height:1.4}.profile-stage input{font-size:13px}.profile-form-footer .error{font-size:11px}
.profile-access-summary small{color:#82969f;font-size:9px;font-weight:700;letter-spacing:.65px}.profile-access-summary strong{font-size:14px;line-height:1.35}
.profile-session-row strong{font-size:13px;line-height:1.35}.profile-session-row small{color:#7c919a;font-size:11px;line-height:1.4}
.profile-organization-row strong{font-size:13px;line-height:1.35}.profile-organization-row small{font-size:11px;line-height:1.4}.profile-empty-state strong{font-size:14px}.profile-empty-state p{margin-top:6px;color:#7f949d;font-size:11px;line-height:1.45}
@media (max-width:820px){.profile-step-copy small{font-size:8px}.profile-step-copy strong{font-size:12px}}
.organization-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:20px}.organization-detail-heading h2{margin:5px 0 4px}.organization-detail-heading p,.detail-actions p{margin:0;color:var(--workspace-muted);font-size:13px}.organization-detail-tabs{display:flex;gap:8px;border-bottom:1px solid #e2eaf0}.organization-detail-tabs button{padding:12px 17px;border:0;border-bottom:2px solid transparent;background:transparent;color:#748895;font:inherit;font-weight:700}.organization-detail-tabs button.active{border-color:#159ed2;color:#087eae}.organization-detail-panel{padding-top:22px}.detail-actions h3{margin:0 0 4px}.detail-actions h3 span{color:#91a0aa;font-size:13px}.icon-action{display:grid;width:34px;height:34px;place-items:center;border:1px solid #dbe7ed;border-radius:10px;background:#fff;color:#528293}.icon-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.icon-action:hover{border-color:#9fd0df;color:#087eae}.member-edit-button{margin-left:auto;flex:0 0 auto}.organization-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.organization-group-card{padding:18px;border:1px solid #dce7ec;border-radius:17px;background:#fff;box-shadow:0 9px 28px #11465e0c}.group-card-head{display:flex;align-items:center;gap:11px}.group-card-head>div{display:grid;flex:1;gap:3px}.group-card-head small{color:var(--workspace-muted)}.group-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#e1f6fc;color:#1097c8;font-size:19px}.group-member-chips{display:flex;flex-wrap:wrap;gap:7px;min-height:34px;margin:16px 0}.group-member-chips>span{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:20px;background:#f0f7fa;color:#496571;font-size:12px}.group-member-chips button{padding:0;border:0;background:none;color:#dc5d69;font-size:16px}.group-card-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:12px;border-top:1px solid #edf2f4}.share-dialog{width:min(620px,calc(100vw - 36px));max-width:620px;overflow:hidden}.share-dialog-body{width:auto;max-width:none}.share-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:12px}.share-dialog select{width:100%;min-width:0}.share-dialog-body .share-list{max-height:230px;overflow:auto;padding-right:3px}
@media (max-width:640px){.share-fields{grid-template-columns:1fr}.share-dialog{width:calc(100vw - 24px)}}