@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@500;600;700&display=swap";:root{--trebyl-black:#0b1320;--trebyl-slate:#1b263b;--trebyl-blue:#2563eb;--trebyl-cyan:#00c2e0;--trebyl-mist:#e6e8eb;--trebyl-white:#fff;--bg:var(--trebyl-white);--bg-elevated:var(--trebyl-mist);--text:#3d4a5c;--text-strong:var(--trebyl-black);--border:#1b263b1f;--hero-bg:var(--trebyl-black);--hero-text:#ffffffd1;--hero-heading:var(--trebyl-white);--font-sans:"Inter", system-ui, sans-serif;--font-display:"Outfit", var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-sans);color:var(--text);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.55}*,:before,:after{box-sizing:border-box}body{margin:0}#root{min-height:100svh}a{color:inherit}.page{min-height:100svh;color:var(--text);--page-pad-v:clamp(.75rem, 3dvh, 2.25rem);--page-pad-h:clamp(1rem, 3vw, 3rem);flex-direction:column;display:flex}main{padding-top:calc(var(--page-pad-v) * .45 + .2rem);flex:1}.site-header{z-index:20;padding:calc(var(--page-pad-v) * .95) var(--page-pad-h);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff8c;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.brand-lockup{flex-shrink:0;align-items:center;line-height:0;text-decoration:none;display:flex}.brand-logo{object-fit:contain;background:0 0;width:auto;max-width:min(55vw,294px);height:clamp(38px,6.6vw,50px);display:block}.trebyl-mark{background:0 0}.wordmark{font-family:var(--font-display);letter-spacing:.32em;text-transform:uppercase;color:var(--text-strong);font-size:1.05rem;font-weight:700}.wordmark-sm{letter-spacing:.22em;margin:0 0 .25rem;font-size:.95rem}.site-nav{align-items:center;gap:1.75rem;margin-left:auto;display:flex}.site-nav a{color:var(--text);letter-spacing:.06em;text-transform:uppercase;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.site-nav a:hover{color:var(--trebyl-blue)}.header-actions{align-items:center;gap:clamp(.75rem,2vw,1.25rem);margin-left:auto;display:flex}.login-link{letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-size:.84rem;font-weight:600;text-decoration:none;transition:color .2s}.login-link:hover{color:var(--trebyl-blue)}.btn-header{flex-shrink:0}@media (width<=860px){.site-nav{display:none}}@media (width<=520px){.header-actions{gap:.6rem}.login-link{letter-spacing:.04em;font-size:.74rem}.btn-header{padding-inline:.9rem}}.btn{font-family:var(--font-display);letter-spacing:.04em;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.35rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.btn-primary{background:var(--trebyl-blue);color:var(--trebyl-white);box-shadow:0 8px 24px #2563eb59}.btn-primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 10px 28px #2563eb73}.btn-primary:focus-visible{outline:2px solid var(--trebyl-cyan);outline-offset:3px}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.btn-ghost{color:var(--hero-heading);background:0 0;border-color:#ffffff59}.hero-section .btn-ghost{color:var(--hero-heading);border-color:#ffffff59}.btn-ghost:hover{border-color:var(--trebyl-cyan);color:var(--trebyl-cyan)}.btn-block{width:100%}.hero-section{background:var(--hero-bg);color:var(--hero-text);padding:clamp(2rem, 5vw, 3.75rem) var(--page-pad-h) clamp(3.5rem, 8vw, 5.5rem)}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);max-width:1120px;margin:0 auto;display:grid}@media (width<=900px){.hero-grid{text-align:center;grid-template-columns:1fr}.hero-copy{order:1}.hero-visual{order:0}.hero-actions{justify-content:center}.tagline{margin-inline:auto}}.hero-copy h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--hero-heading);margin:0 0 1rem;font-size:clamp(2rem,4.2vw,2.85rem);font-weight:600;line-height:1.12}.lede{color:#ffffffc7;max-width:34rem;margin:0 0 1.75rem;font-size:1.05rem;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-visual{flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex;position:relative}.hero-glow{z-index:0;filter:blur();background:radial-gradient(circle,#2563eb73 0%,#00c2e01f 45%,#0000 70%);border-radius:50%;width:min(320px,70vw);height:min(320px,70vw);position:absolute}.hero-mark{z-index:1;object-fit:contain;filter:drop-shadow(0 12px 32px #00000059);background:0 0;width:min(200px,48vw);height:auto;display:block;position:relative}.tagline{z-index:1;letter-spacing:.24em;text-transform:uppercase;text-align:center;color:#ffffff8c;max-width:18rem;margin:1.5rem 0 0;font-size:.72rem;font-weight:500;line-height:1.5;position:relative}.section{padding:clamp(3rem, 7vw, 5rem) var(--page-pad-h)}.section-intro{max-width:640px;margin-bottom:2.5rem}.section-intro h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-strong);margin:0 0 .75rem;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600}.section-intro p{color:var(--text);margin:0;font-size:1.02rem}.services-section{background:var(--bg)}.services-section-intro{text-align:center;max-width:40rem;margin-bottom:2.75rem;margin-left:auto;margin-right:auto}.services-section-intro h2{text-wrap:balance}.services-section-intro p{line-height:1.65}.services-section .card-grid{margin-inline:auto}.services-section .service-card{background:linear-gradient(155deg,#e0f7faeb 0%,#e0f2fee0 42%,#dbeafed9 100%);border:1px solid #00c2e047;padding:0 1.35rem 1.5rem;overflow:hidden;box-shadow:inset 0 1px #ffffffbf,0 8px 28px #2563eb0f}.services-section .service-card-icon-wrap{background:linear-gradient(#070d14 0%,#0f1a2a 100%);border-bottom:1px solid #00c2e038;justify-content:center;align-items:center;margin:0 -1.35rem 1.1rem;padding:1rem 1rem .85rem;display:flex}.services-section .service-card-icon{object-fit:contain;width:min(88px,26vw);height:auto;display:block}.services-section .service-card:hover{border-color:#2563eb52;box-shadow:inset 0 1px #ffffffbf,0 18px 44px #2563eb1f}.services-section .service-card h3{color:var(--trebyl-slate);letter-spacing:-.01em;font-size:1.05rem}.services-section .service-card p{color:#1b263bd1}.services-section .card,.services-section .card h3{text-align:center}.services-section .card p{text-align:center;line-height:1.6}.card-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1120px;margin:0;padding:0;list-style:none;display:grid}@media (width<=900px){.card-grid{grid-template-columns:1fr}}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:1.5rem 1.35rem;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:#2563eb40;box-shadow:0 16px 40px #0b132014}.card h3{font-family:var(--font-display);color:var(--text-strong);margin:0 0 .6rem;font-size:1.1rem;font-weight:600}.card p{margin:0;font-size:.95rem;line-height:1.55}.approach-section{background:radial-gradient(circle at top right, #00c2e01a, transparent 32rem), linear-gradient(180deg, #f8f9fb 0%, var(--bg) 100%)}.approach-section-intro{text-align:center;max-width:44rem;margin-bottom:2.75rem;margin-left:auto;margin-right:auto}.approach-section-intro p{line-height:1.65}.steps{margin:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);max-width:1120px;margin-inline:auto;padding:0;list-style:none;display:grid}@media (width<=900px){.steps{scroll-snap-type:x proximity;grid-template-columns:repeat(3,minmax(16rem,1fr));padding-bottom:.5rem;overflow-x:auto}}@media (width<=640px){.steps{grid-template-columns:1fr;padding-bottom:0;overflow:visible}}.step{scroll-snap-align:start;text-align:center;background:linear-gradient(155deg,#e0f7faeb 0%,#e0f2fee0 42%,#dbeafed9 100%);border:1px solid #00c2e047;border-radius:16px;flex-direction:column;min-height:100%;padding:0 1.35rem 1.5rem;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffffbf,0 8px 28px #2563eb0f}.step:hover{border-color:#2563eb52;box-shadow:inset 0 1px #ffffffbf,0 18px 44px #2563eb1f}.step-icon-wrap{background:linear-gradient(#070d14 0%,#0f1a2a 100%);border-bottom:1px solid #00c2e038;justify-content:center;align-items:center;margin:0 -1.35rem 1.1rem;padding:1rem 1rem .85rem;display:flex}.step-icon{object-fit:contain;width:min(88px,26vw);height:auto;display:block}.step-content{flex-direction:column;gap:.55rem;display:flex}.step-heading{justify-content:center;align-items:baseline;gap:.45rem;display:block}.step h3{font-family:var(--font-display);color:var(--trebyl-slate);margin:0;font-size:1.05rem;font-weight:600}.step p{color:#1b263bd1;margin:0;font-size:.95rem;line-height:1.62}.contact-section{background:var(--trebyl-slate);color:#ffffffe0}.contact-section .section-intro h2{color:var(--trebyl-white)}.contact-section .section-intro p{color:#ffffffc7}.inline-code{color:var(--trebyl-cyan);background:#00000040;border-radius:6px;padding:.15em .4em;font-family:ui-monospace,monospace;font-size:.85em}.contact-layout{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(2rem,5vw,3.5rem);max-width:1120px;margin:0 auto;display:grid}@media (width<=800px){.contact-layout{grid-template-columns:1fr}}.contact-copy{margin-bottom:0}.contact-form{background:#0b13208c;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem 1.35rem;display:flex}.contact-form .field-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=480px){.contact-form .field-row{grid-template-columns:1fr}}.field{text-align:left;flex-direction:column;gap:.35rem;display:flex}.field span{letter-spacing:.04em;text-transform:uppercase;color:#ffffffa6;font-size:.8rem;font-weight:500}.field input,.field textarea{font:inherit;color:var(--trebyl-white);background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;padding:.65rem .85rem}.field input::placeholder,.field textarea::placeholder{color:#ffffff59}.field input:focus-visible,.field textarea:focus-visible{outline:2px solid var(--trebyl-cyan);outline-offset:1px;border-color:#0000}.form-feedback{text-align:left;margin:0;font-size:.9rem}.form-feedback.success{color:#6ee7b7}.form-feedback.error{color:#fca5a5}.site-footer{background:var(--trebyl-black);color:#ffffffa6;padding:2rem var(--page-pad-h);border-top:1px solid #ffffff14}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1120px;margin:0 auto;display:flex}.footer-brand{align-items:center;gap:1rem;display:flex}.footer-mark{object-fit:contain;background:0 0;width:auto;max-width:72px;height:40px;display:block}.footer-tagline{letter-spacing:.18em;text-transform:uppercase;color:#ffffff73;margin:0;font-size:.65rem}.footer-meta{margin:0;font-size:.9rem}.footer-meta a{color:var(--trebyl-cyan);text-decoration:none}.footer-meta a:hover{text-decoration:underline}.admin-shell{background:radial-gradient(circle at top right, #00c2e024, transparent 30rem), var(--trebyl-black);color:#ffffffd1;min-height:100svh;padding:clamp(1.25rem,4vw,3rem)}.admin-topbar{justify-content:space-between;align-items:flex-start;gap:1rem;max-width:1120px;margin:0 auto 1.5rem;display:flex}.admin-topbar h1,.admin-card h1,.admin-card h2,.credential-item h3{color:var(--trebyl-white);margin-top:0}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--trebyl-cyan);margin:0 0 .4rem;font-size:.75rem;font-weight:600}.admin-grid{grid-template-columns:minmax(18rem,.85fr) minmax(0,1.15fr);align-items:start;gap:1.25rem;max-width:1120px;margin:0 auto;display:grid}.admin-card{background:#ffffff12;border:1px solid #ffffff1f;border-radius:18px;padding:1.5rem;box-shadow:0 20px 60px #0000003d}.admin-login-card{max-width:28rem;margin:8svh auto 0}.admin-form{flex-direction:column;gap:1rem;display:flex}.auth-toggle{background:#ffffff14;border-radius:999px;grid-template-columns:1fr 1fr;gap:.4rem;margin:1rem 0;padding:.35rem;display:grid}.auth-toggle button{color:#ffffffb3;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.55rem .8rem;font-weight:600}.auth-toggle button.active{background:var(--trebyl-white);color:var(--trebyl-black)}.admin-field span{color:#ffffffb8}.account-pending-card{max-width:720px;margin:0 auto}.credential-list ul,.user-list ul{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.credential-item{background:#0b13206b;border:1px solid #ffffff1a;border-radius:14px;justify-content:space-between;gap:1rem;padding:1rem;display:flex}.user-list{grid-column:1/-1}.user-item{background:#0b13206b;border:1px solid #ffffff1a;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.user-item h3{color:var(--trebyl-white);margin:0 0 .25rem}.user-item p{margin:0}.user-item .user-meta{color:#e2e8f0b3;margin-top:.4rem;font-size:.78rem}.user-actions select{font:inherit;color:var(--trebyl-white);background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;padding:.55rem .8rem}.title-edit-row{align-items:center;gap:.5rem;display:flex}.title-input{font:inherit;color:var(--trebyl-white);background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;width:14rem;padding:.45rem .7rem}.credential-item a{color:var(--trebyl-cyan)}.link-button{color:var(--trebyl-cyan);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.link-button:hover{text-decoration:underline}.credential-item code{overflow-wrap:anywhere;max-width:100%;color:var(--trebyl-white);background:#00000059;border-radius:8px;margin-top:.5rem;padding:.45rem .6rem;display:inline-block}.btn-danger{color:#fecaca;background:#ef44441f;border-color:#f871714d;align-self:flex-start}.btn-danger:hover{color:var(--trebyl-white);border-color:#f87171a6}.btn-danger:disabled{opacity:.45;cursor:not-allowed}@media (width<=820px){.admin-topbar,.credential-item,.user-item,.user-actions{flex-direction:column;align-items:stretch}.admin-grid{grid-template-columns:1fr}}.btn-secondary{color:var(--trebyl-blue);box-shadow:none;background:#2563eb14;border:1px solid #2563eb52}.btn-secondary:hover{border-color:var(--trebyl-blue);background:#2563eb24}.btn-small{padding:.4rem .85rem;font-size:.78rem}.header-dashboard{color:var(--trebyl-blue)}.auth-shell{background:var(--bg);min-height:100svh;color:var(--text);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);display:grid}.auth-side{color:#ffffffdb;isolation:isolate;background:radial-gradient(circle at 15% 12%,#00c2e047,#0000 28rem),radial-gradient(circle at 80% 90%,#2563eb52,#0000 30rem),linear-gradient(155deg,#0b1320 0%,#15233a 100%);flex-direction:column;justify-content:space-between;gap:2rem;padding:clamp(2rem,5vw,3.5rem);display:flex;position:relative}.auth-brand{justify-content:flex-start;align-items:center;line-height:0;display:flex}.auth-brand img{background:0 0;width:min(100%,442px);max-width:100%;height:auto;display:block}.auth-side-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--trebyl-white);margin:0 0 1.25rem;font-size:clamp(1.6rem,2.8vw,2.1rem);font-weight:600;line-height:1.2}.auth-bullets{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.auth-bullets li{color:#ffffffd1;padding-left:1.5rem;font-size:.98rem;line-height:1.5;position:relative}.auth-bullets li:before{content:"";background:var(--trebyl-cyan);border-radius:50%;width:8px;height:8px;position:absolute;top:.55rem;left:0;box-shadow:0 0 0 4px #00c2e026}.auth-side-foot{letter-spacing:.04em;color:#ffffff8c;margin:0;font-size:.85rem}.auth-panel{background:radial-gradient(circle at top right, #00c2e014, transparent 28rem), var(--bg);justify-content:center;align-items:center;padding:clamp(2rem,6vw,4.5rem) clamp(1.5rem,5vw,4rem);display:flex}.auth-panel-inner{flex-direction:column;gap:1.25rem;width:100%;max-width:26rem;display:flex}.auth-eyebrow{color:var(--trebyl-blue)}.auth-heading{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-strong);margin:0;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:600;line-height:1.18}.auth-intro{color:var(--text);margin:0;font-size:1rem;line-height:1.6}.auth-form{flex-direction:column;gap:.95rem;margin-top:.25rem;display:flex}.auth-field{flex-direction:column;gap:.35rem;display:flex}.auth-field>span{letter-spacing:.08em;text-transform:uppercase;color:var(--trebyl-slate);font-size:.78rem;font-weight:600}.auth-field input,.auth-field select,.auth-field textarea{font:inherit;border:1px solid var(--border);background:var(--trebyl-white);color:var(--text-strong);border-radius:12px;padding:.7rem .9rem;transition:border-color .2s,box-shadow .2s}.auth-field textarea{resize:vertical;min-height:6rem}.auth-field input:focus-visible,.auth-field select:focus-visible,.auth-field textarea:focus-visible{border-color:var(--trebyl-blue);outline:none;box-shadow:0 0 0 3px #2563eb2e}.auth-hint{color:#1b263ba6;letter-spacing:0;text-transform:none;font-size:.78rem;font-weight:500}.auth-field>.auth-helper{letter-spacing:0;text-transform:none;color:#3d4a5cbf;font-size:.72rem;font-weight:400;line-height:1.5}.invite-summary{border:1px solid var(--border);background:#2563eb0f;border-radius:12px;flex-direction:column;gap:.45rem;padding:.75rem .9rem;display:flex}.invite-summary p{margin:0}.auth-error{color:#b91c1c;background:#ef444414;border:1px solid #ef444452;border-radius:10px;margin:0;padding:.65rem .85rem;font-size:.9rem}.auth-info{color:#047857;background:#10b98114;border:1px solid #10b98152;border-radius:10px;margin:0;padding:.65rem .85rem;font-size:.9rem}.auth-fineprint{color:#3d4a5cbf;margin:0;font-size:.8rem;line-height:1.5}.auth-form-link{text-align:right}.auth-switch{color:var(--text);margin:0;font-size:.95rem}.auth-switch-link{color:var(--trebyl-blue);border-bottom:1px solid #2563eb52;font-weight:600;text-decoration:none}.auth-switch-link:hover{border-bottom-color:var(--trebyl-blue)}.auth-loading{min-height:100svh;color:var(--text);letter-spacing:.04em;place-items:center;display:grid}@media (width<=820px){.auth-shell{grid-template-columns:1fr}.auth-side{padding-bottom:2.5rem}}.dashboard-shell{background:linear-gradient(180deg, #f8fafc 0%, var(--bg) 60%);min-height:100svh;color:var(--text);grid-template-columns:260px minmax(0,1fr);display:grid}.dashboard-sidebar{color:#ffffffd1;background:radial-gradient(circle at 20% 0,#00c2e02e,#0000 18rem),linear-gradient(#0b1320 0%,#15233a 100%);border-right:1px solid #ffffff0f;flex-direction:column;gap:1.5rem;height:100svh;padding:2rem 1.25rem 1.5rem;display:flex;position:sticky;top:0}.dashboard-brand{justify-content:flex-start;align-items:center;line-height:0;display:flex}.dashboard-brand img{background:0 0;width:min(100%,196px);max-width:100%;height:auto;display:block}.dashboard-nav{flex-direction:column;gap:.25rem;margin-top:.5rem;display:flex}.dashboard-nav-link{color:#ffffffb8;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem .85rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:background .18s,color .18s;display:flex}.dashboard-nav-link:hover{color:var(--trebyl-white);background:#ffffff0f}.dashboard-nav-link.is-active{color:var(--trebyl-white);background:#2563eb52}.dashboard-user{border-top:1px solid #ffffff14;flex-direction:column;gap:.65rem;margin-top:auto;padding-top:1rem;display:flex}.dashboard-user-email{color:var(--trebyl-white);word-break:break-all;margin:0;font-size:.85rem;font-weight:600}.dashboard-user-role{letter-spacing:.18em;text-transform:uppercase;color:var(--trebyl-cyan);margin:0;font-size:.72rem}.dashboard-user-company{color:#ffffff8c;word-break:break-word;margin:.25rem 0 0;font-size:.78rem}.dashboard-user .btn-ghost{color:#ffffffd1;border-color:#ffffff40;width:max-content}.btn-return-trebyl{background:var(--trebyl-cyan);color:var(--trebyl-navy);text-align:center;border:none;width:100%;font-weight:600}.dashboard-main{flex-direction:column;gap:1.75rem;padding:clamp(1.5rem,3.5vw,2.75rem) clamp(1.25rem,3vw,2.5rem);display:flex}.dashboard-hero h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-strong);margin:0 0 .6rem;font-size:clamp(1.7rem,3vw,2.25rem);font-weight:600}.dashboard-hero-actions{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dashboard-hero-lede{max-width:42rem;margin:0;font-size:1.02rem;line-height:1.6}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;display:grid}.dashboard-grid.two-up{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}@media (width<=1100px){.dashboard-grid,.dashboard-grid.two-up{grid-template-columns:1fr}}.dashboard-card{background:var(--trebyl-white);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:.7rem;padding:1.35rem 1.4rem 1.5rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 10px 30px #0b13200a}.dashboard-card:hover{border-color:#2563eb47;transform:translateY(-1px);box-shadow:0 18px 40px #0b132014}.dashboard-card-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.dashboard-card-head h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-strong);margin:0;font-size:1.1rem;font-weight:600}.dashboard-badge{color:#0f7e92;letter-spacing:.1em;text-transform:uppercase;background:#00c2e029;border-radius:999px;padding:.18rem .55rem;font-size:.7rem;font-weight:600;display:inline-block}.dashboard-card-body{color:var(--text);margin:0;font-size:.96rem;line-height:1.55}.dashboard-card-cta{color:var(--trebyl-blue);align-self:flex-start;font-size:.92rem;font-weight:600;text-decoration:none}.dashboard-card-cta:hover{text-decoration:underline}.dashboard-card-cta.is-muted{color:#3d4a5c99;cursor:default}.dashboard-panel{background:var(--trebyl-white);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:1rem;padding:1.35rem 1.4rem;display:flex;box-shadow:0 10px 30px #0b13200a}.dashboard-panel h2{font-family:var(--font-display);color:var(--text-strong);margin:0;font-size:1.1rem;font-weight:600}.dashboard-roadmap{background:var(--trebyl-white);border:1px solid var(--border);border-radius:18px;padding:1.5rem 1.6rem;box-shadow:0 10px 30px #0b13200a}.dashboard-roadmap h2{font-family:var(--font-display);color:var(--text-strong);margin:0 0 .85rem;font-size:1.15rem;font-weight:600}.dashboard-roadmap ol{color:var(--text);flex-direction:column;gap:.55rem;margin:0;padding-left:1.1rem;display:flex}.dashboard-roadmap li{line-height:1.55}.dashboard-roadmap strong{color:var(--text-strong)}@media (width<=820px){.dashboard-shell{grid-template-columns:1fr}.dashboard-hero-actions{flex-direction:column}.dashboard-sidebar{flex-flow:wrap;align-items:center;gap:.85rem;height:auto;padding:1rem 1.1rem;position:relative;top:auto}.dashboard-brand{justify-content:flex-start;width:min(14.5rem,60vw)}.dashboard-nav{flex-flow:wrap;flex:100%;margin-top:0}.dashboard-user{border-top:0;flex-direction:row;flex:100%;justify-content:space-between;align-items:center;margin-top:0;padding-top:0}}.board-create{background:var(--trebyl-white);border:1px solid var(--border);border-radius:18px;padding:1.35rem 1.4rem;box-shadow:0 10px 30px #0b13200a}.board-form{flex-direction:column;gap:1rem;display:flex}.board-form-row{flex-wrap:wrap;align-items:stretch;gap:.85rem;display:flex}.board-form-field{flex:12rem;min-width:12rem}.board-form-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.85rem;display:flex}.board-columns{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:.85rem;display:grid}@media (width<=1100px){.board-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.board-columns{grid-template-columns:1fr}}.board-column{border:1px solid var(--border);background:#0b132008;border-radius:18px;flex-direction:column;gap:.65rem;min-height:18rem;padding:1rem .9rem 1.1rem;display:flex}.board-column-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.board-column-head h2{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--trebyl-slate);margin:0;font-size:.95rem;font-weight:600}.board-column-count{color:var(--trebyl-blue);background:#2563eb1a;border-radius:999px;padding:.1rem .55rem;font-size:.78rem;font-weight:600}.board-column-help{color:#3d4a5cb3;margin:0;font-size:.82rem}.board-card-list{flex-direction:column;flex:1;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.board-empty{text-align:center;color:#3d4a5cb3;margin:0;padding:1.5rem}.board-empty-card{text-align:center;color:#3d4a5ca6;border:1px dashed #1b263b29;border-radius:12px;padding:.85rem;font-size:.85rem}.kanban-card{box-sizing:border-box;background:var(--trebyl-white);border:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;border-left:4px solid #2563eb4d;border-radius:12px;outline:none;flex-direction:column;justify-content:space-between;gap:.45rem;width:100%;height:120px;padding:.75rem .85rem;transition:box-shadow .18s,border-color .18s,transform .18s;display:flex;position:relative;box-shadow:0 6px 16px #0b13200f}.kanban-card:hover{border-color:#2563eb52;box-shadow:0 12px 24px #0b13201a}.kanban-card:focus-visible{outline:2px solid var(--trebyl-blue);outline-offset:2px}.kanban-card.is-dragging{cursor:grabbing}.kanban-card.is-overlay{cursor:grabbing;border-color:#2563eb73;transform:scale(1.02);box-shadow:0 24px 48px #0b132038}.kanban-card.priority-low{border-left-color:#64748b8c}.kanban-card.priority-medium{border-left-color:#2563eb8c}.kanban-card.priority-high{border-left-color:#ef4444b3}.kanban-card-head{justify-content:space-between;align-items:flex-start;gap:.5rem;min-width:0;display:flex}.kanban-card-title{font-family:var(--font-display);color:var(--text-strong);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;min-width:0;margin:0;font-size:.95rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.kanban-card-priority{letter-spacing:.1em;text-transform:uppercase;color:#0f7e92;white-space:nowrap;background:#00c2e024;border-radius:999px;flex-shrink:0;padding:.15rem .45rem;font-size:.65rem;font-weight:700}.kanban-card.priority-high .kanban-card-priority{color:#b91c1c;background:#ef44441f}.kanban-card.priority-low .kanban-card-priority{color:#475569;background:#64748b29}.kanban-card-meta{color:#3d4a5cd9;flex-direction:column;gap:.15rem;font-size:.75rem;line-height:1.35;display:flex}.kanban-card-meta p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.kanban-card-meta span{color:#3d4a5c8c;letter-spacing:.04em;text-transform:uppercase;margin-right:.3rem;font-size:.65rem;font-weight:600}.board-column.is-over{background:#2563eb0f;border-color:#2563eb47}.link-button.danger{color:#b91c1c;align-self:end;font-size:.85rem}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:center;padding:clamp(1rem,4vw,2rem);display:flex;position:fixed;inset:0}.modal{background:var(--trebyl-white);width:100%;max-width:560px;max-height:calc(100svh - 2rem);color:var(--text);border-radius:14px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;overflow:auto;box-shadow:0 30px 80px #0b132059}.modal-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.modal-header h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-strong);margin:0;font-size:1.2rem;font-weight:600}.modal-close{color:#3d4a5ca6;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.25rem .5rem;font-size:1.5rem;line-height:1}.modal-close:hover{color:var(--text-strong);background:#0b13200d}.modal-body{flex-direction:column;gap:.9rem;display:flex}.modal-copy{color:var(--text);margin:0}.modal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}@media (width<=520px){.modal-grid{grid-template-columns:1fr}}.modal-readonly{flex-direction:column;gap:.15rem;display:flex}.modal-readonly span{letter-spacing:.08em;text-transform:uppercase;color:#3d4a5c99;font-size:.7rem;font-weight:600}.modal-readonly p{color:var(--text);margin:0;font-size:.9rem}.modal-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding-top:.25rem;display:flex}.modal-actions-right{align-items:center;gap:.6rem;display:flex}.modal .btn-ghost{color:var(--text);border-color:var(--border)}.modal .btn-ghost:hover{border-color:var(--trebyl-blue);color:var(--trebyl-blue)}@media (width<=520px){.modal-actions{flex-direction:column;align-items:stretch}.modal-actions-right{justify-content:flex-end}}.dashboard-main .user-list,.dashboard-main .credential-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.dashboard-main .user-item,.dashboard-main .credential-item{border:1px solid var(--border);background:var(--trebyl-white);border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex;box-shadow:0 6px 18px #0b13200a}.dashboard-main .user-item h3,.dashboard-main .credential-item h3{color:var(--text-strong);margin:0 0 .2rem;font-size:1rem}.dashboard-main .user-item p,.dashboard-main .credential-item p{color:#3d4a5cd9;margin:0;font-size:.88rem}.dashboard-main .credential-item code{color:var(--text-strong);background:#0b13200f}.user-role-pill{letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:.15rem .55rem;font-size:.7rem;font-weight:600;display:inline-block}.user-role-pill.role-admin{color:var(--trebyl-blue);background:#2563eb1f}.user-role-pill.role-member{color:#475569;background:#64748b29}.user-role-pill.role-pending{color:#92400e;background:#f59e0b29}.user-role-pill.role-expired{color:#b91c1c;background:#ef444424}.user-role-pill.role-accepted{color:#15803d;background:#16a34a24}.user-actions{align-items:center;gap:.6rem;display:flex}.dashboard-main .user-actions select{background:var(--trebyl-white);color:var(--text-strong);border:1px solid var(--border)}.dashboard-main .user-actions{flex-wrap:wrap;justify-content:flex-end}.dashboard-main .user-item .user-meta{color:#3d4a5cb8}.dashboard-main .user-actions .role-select{cursor:pointer;border-radius:10px;min-width:10rem;padding:.5rem .75rem;font-weight:500}.dashboard-main .user-actions .role-select:focus-visible{outline:2px solid var(--trebyl-cyan);outline-offset:1px}.dashboard-main .user-actions .role-select:disabled{opacity:.6;cursor:progress}.dashboard-main .btn-ghost{color:var(--text);border-color:var(--border)}.dashboard-main .btn-ghost:hover:not(:disabled){border-color:var(--trebyl-blue);color:var(--trebyl-blue)}.dashboard-main .btn-ghost:disabled{opacity:.5;cursor:not-allowed}.user-role-pill.role-owner{color:#4338ca;background:#4f46e524}.user-role-pill.role-observer{color:#64748b;background:#64748b1f}.user-role-pill.role-super_user{color:#0e7490;background:#00c2e02e}.user-role-pill.role-trebyl_admin{color:var(--trebyl-blue);background:#2563eb29}.modal .btn-danger{color:var(--trebyl-white);background:#dc2626;border-color:#dc2626;align-self:auto}.modal .btn-danger:hover:not(:disabled){color:var(--trebyl-white);background:#b91c1c;border-color:#b91c1c}.modal .btn-danger:disabled{opacity:.5;cursor:not-allowed}.settings-form{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}@media (width<=640px){.settings-grid{grid-template-columns:1fr}}.settings-actions{justify-content:flex-end;display:flex}.team-list{flex-direction:column;gap:.6rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.team-item{border:1px solid var(--border);background:var(--trebyl-white);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.team-name-input{border:1px solid var(--border);min-width:10rem;font:inherit;color:var(--text-strong);background:var(--trebyl-white);border-radius:10px;flex:12rem;padding:.5rem .75rem}.team-item .user-meta{color:#3d4a5cb8;white-space:nowrap}.team-actions{gap:.5rem;margin-left:auto;display:flex}.team-create{border-top:1px solid var(--border);align-items:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.team-create .auth-field{flex:auto;margin:0}.business-table{border-collapse:collapse;width:100%;margin-top:1rem}.business-table th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding:.5rem .75rem;font-size:.72rem}.business-table td{color:var(--text-strong);border-bottom:1px solid var(--border-light,#0000000f);padding:.6rem .75rem;font-size:.9rem}.business-row{cursor:pointer}.business-row:hover td{background:#0000000a}.business-table td:last-child{text-align:right;white-space:nowrap}.promote-form{align-items:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.promote-form .auth-field{flex:1;margin:0}.promote-form .btn{flex-shrink:0}
