@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(../../../fonts/bricolage-grotesque-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(../../../fonts/bricolage-grotesque-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../../../fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../../../fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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}:root{--color-voltage-violet: #862fe7;--color-ultra-violet: #5f259e;--color-lavender-mist: #ad6df4;--color-orchid-wash: #bd8ff0;--color-magenta-spark: #ff5fe4;--color-hot-pink-ray: #e22ba4;--color-amber-pulse: #dc5f05;--color-midnight-ink: #111827;--color-graphite: #3f4654;--color-slate: #6b7589;--color-pure-white: #ffffff;--color-fog: #f1f5f9;--color-mist: #d8e0ea;--color-mint-wash: #d6fcf4;--color-lavender-field: #ebdafd;--font-bricolage-grotesque: "Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-inter: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-caption: 12px;--leading-caption: 1.5;--tracking-caption: 1.2px;--text-body-sm: 14px;--leading-body-sm: 1.6;--text-body: 16px;--leading-body: 1.75;--text-subheading: 20px;--leading-subheading: 1.5;--text-heading-sm: 24px;--leading-heading-sm: 1.3;--tracking-heading-sm: -.6px;--text-heading: 32px;--leading-heading: 1.2;--tracking-heading: -.8px;--text-display: 56px;--leading-display: 1;--tracking-display: -1.4px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-unit: 4px;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-64: 64px;--spacing-80: 80px;--spacing-96: 96px;--spacing-112: 112px;--spacing-128: 128px;--spacing-240: 240px;--page-max-width: 1200px;--section-gap: 80px;--card-padding: 24px;--element-gap: 16px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-3xl-2: 40px;--radius-full: 9999px;--radius-nav: 8px;--radius-cards: 24px;--radius-pills: 9999px;--radius-images: 16px;--radius-buttons: 12px;--radius-featured-card: 40px;--font-display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;--font-ui: "Inter", system-ui, sans-serif;--shadow-subtle: rgba(11, 61, 121, .16) 0 0 0 1px inset;--surface-pure-white-canvas: #ffffff;--surface-fog-alt: #f1f5f9;--surface-lavender-field: #ebdafd;--surface-mint-highlight: #d6fcf4}*{box-sizing:border-box}body{margin:0;background:var(--color-fog);color:var(--color-midnight-ink);font-family:var(--font-ui);letter-spacing:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr);background:var(--color-fog)}.app-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--color-mist);background:#fffffff0}.brand{display:flex;align-items:center;gap:10px;height:72px;padding:0 22px;border-bottom:1px solid var(--color-mist)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:var(--color-voltage-violet);color:var(--color-pure-white);box-shadow:var(--shadow-subtle);font-weight:700}.brand-name{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:0}.side-nav{display:grid;gap:4px;padding:14px;font-size:14px}.side-nav a{display:flex;align-items:center;min-height:38px;border-radius:8px;padding:8px 10px;color:var(--color-graphite);font-weight:600}.side-nav a:hover,.side-nav a.active{background:var(--color-lavender-field);color:var(--color-ultra-violet)}.app-main{min-width:0}.topbar{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--color-mist);background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:0 28px}.eyebrow{color:var(--color-voltage-violet);font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.user-chip{display:flex;align-items:center;gap:10px;color:var(--color-slate);font-size:14px}.content-wrap{width:min(1200px,calc(100vw - 312px));margin:0 auto;padding:28px 0 64px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}.page-kicker{margin:0 0 10px;color:var(--color-voltage-violet);font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.page-title{margin:0;font-family:var(--font-display);font-size:34px;font-weight:700;line-height:1.1;letter-spacing:0}.page-copy{margin:8px 0 0;color:var(--color-slate);font-size:15px;line-height:1.6}.hero-panel{position:relative;overflow:hidden;border:1px solid var(--color-mist);border-radius:24px;background:linear-gradient(135deg,var(--color-pure-white),#fbf7ff);padding:28px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:stretch}.hero-title{margin:0;max-width:680px;font-family:var(--font-display);font-size:42px;font-weight:700;line-height:1.06;letter-spacing:0}.hero-copy{max-width:620px;margin:14px 0 0;color:var(--color-graphite);font-size:16px;line-height:1.7}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.stat-card,.surface-card{border:1px solid var(--color-mist);border-radius:16px;background:var(--color-pure-white)}.stat-card{padding:16px}.stat-label{color:var(--color-slate);font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.stat-value{margin-top:7px;color:var(--color-midnight-ink);font-size:28px;font-weight:700}.preview-card{min-height:100%;border:1px solid var(--color-mist);border-radius:16px;background:var(--color-pure-white);box-shadow:0 20px 40px #7c3aed1f;padding:16px}.window-dots{display:flex;gap:5px}.window-dots span{width:10px;height:10px;border-radius:9999px}.dot-red{background:#ff5f57}.dot-yellow{background:#febc20}.dot-green{background:#28c840}.preview-heading{margin:18px 0 12px;color:var(--color-voltage-violet);font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.preview-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border-top:1px solid var(--color-mist);padding:11px 0;font-size:13px}.section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.workflow-card{display:block;min-height:142px;border:1px solid var(--color-mist);border-radius:16px;background:var(--color-pure-white);padding:18px}.workflow-card:hover{border-color:var(--color-lavender-mist);background:#fbf7ff}.workflow-title{font-weight:700}.workflow-meta{margin-top:9px;color:var(--color-slate);font-size:14px;line-height:1.55}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:12px;padding:0 16px;font-size:14px;font-weight:700;cursor:pointer}.btn-primary{border:1px solid var(--color-voltage-violet);background:var(--color-voltage-violet);color:var(--color-pure-white);box-shadow:var(--shadow-subtle)}.btn-ghost{border:1px solid var(--color-mist);background:var(--color-pure-white);color:var(--color-midnight-ink)}.table-panel{overflow:hidden;border:1px solid var(--color-mist);border-radius:16px;background:var(--color-pure-white)}.table-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--color-mist);padding:16px 18px}.table-panel-title{margin:0;font-weight:700}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px}.data-table th{background:var(--color-midnight-ink);color:var(--color-pure-white);padding:10px 12px;text-align:left;font-size:12px;font-weight:700}.data-table td{border-bottom:1px solid var(--color-mist);padding:10px 12px}.data-table tbody tr:hover{background:var(--color-fog)}.pill{display:inline-flex;align-items:center;min-height:24px;border-radius:9999px;border:1px solid var(--color-mist);background:var(--color-fog);padding:0 9px;color:var(--color-graphite);font-size:12px;font-weight:700}.search-row{display:flex;gap:8px;width:min(420px,100%)}.input{width:100%;min-height:40px;border:1px solid var(--color-mist);border-radius:12px;background:var(--color-pure-white);padding:0 12px;color:var(--color-midnight-ink);outline:none}.input:focus{border-color:var(--color-voltage-violet)}.auth-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#f7f1ff 55%,#f1f5f9);padding:24px}.auth-card{width:min(440px,100%);border:1px solid var(--color-mist);border-radius:24px;background:#fffffff0;padding:28px}.auth-title{margin:22px 0 0;font-family:var(--font-display);font-size:34px;line-height:1.1;letter-spacing:0}.auth-copy{margin:10px 0 22px;color:var(--color-slate);line-height:1.6}.detail-list{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px 16px;margin:0;padding:18px;font-size:14px}.detail-list dt{color:var(--color-slate);font-weight:600}.detail-list dd{margin:0;color:var(--color-midnight-ink)}.role-option{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--color-mist);border-radius:12px;background:var(--color-pure-white);padding:14px}.role-option:hover{background:#fbf7ff;border-color:var(--color-lavender-mist)}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.app-sidebar{position:static;height:auto}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.content-wrap{width:min(100% - 28px,1200px)}.hero-grid,.section-grid,.stat-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr!important}.detail-list{grid-template-columns:1fr}}