:root{color-scheme:dark;--bg:#101211;--surface:#191c1a;--surface-2:#202520;--line:#303630;--text:#f0f2e9;--muted:#a0a99e;--accent:#c5ed86;--ink:#1a2a12;--radius:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer}h1,h2,h3,p{margin:0 0 14px}h1{font-weight:500;font-size:clamp(28px,3vw,43px);letter-spacing:-1.6px;line-height:1.17}h2{font-weight:500;font-size:24px;letter-spacing:-.65px;line-height:1.25}h3{font-size:18px;font-weight:500;line-height:1.35}small{display:block;color:var(--muted);font-size:12px}strong{font-weight:600}.shell{display:flex;min-height:100vh}.sidebar{width:244px;flex-shrink:0;border-right:1px solid var(--line);padding:32px 20px;background:#131613;position:fixed;top:0;bottom:0;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;gap:12px;align-items:center;color:var(--text);font-size:17px;font-weight:600;margin:0 2px 38px;white-space:nowrap}.brand:hover{text-decoration:none}.brand small{font-size:8px;letter-spacing:1.7px;margin-top:3px}.brand-icon{display:grid;place-items:center;border-radius:12px;background:var(--accent);color:var(--ink);width:43px;height:43px;flex-shrink:0;font-size:20px;letter-spacing:-2px;font-weight:800}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-label{font-size:10px;color:#788574;letter-spacing:1.7px;font-weight:700;margin:16px 14px 8px}.sidebar nav a{padding:11px 14px;border-radius:9px;color:var(--muted);display:flex;gap:14px;align-items:center;font-size:13px}.sidebar nav a span{font-size:19px;width:20px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{background:#293523;color:var(--accent);text-decoration:none}.sidebar-bottom{margin-top:auto;padding-top:32px}.sidebar-bottom>a{font-size:12px;color:var(--muted);padding-left:10px}.note-card{background:#1e251b;border:1px solid #34412d;border-radius:12px;padding:15px;margin-bottom:22px}.note-card .eyebrow{font-size:8px;letter-spacing:1px}.note-card p{font-size:13px;margin:9px 0}.note-card a{font-size:11px}.workspace{margin-left:244px;width:calc(100% - 244px);min-width:0}.topbar{height:83px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.crumb{font-size:12px;color:var(--muted)}.crumb>span{margin:0 15px;color:#566051}.top-actions{display:flex;align-items:center;gap:12px}.avatar{width:34px;height:34px;border-radius:50%;background:#35452a;color:var(--accent);display:grid;place-items:center;flex-shrink:0}.user-name{font-size:12px}.quiet{border:0;background:none;color:var(--muted);padding:6px;font-size:12px}.top-actions form{margin:0}main{max-width:1600px;margin:auto;padding:40px 42px 60px;min-height:calc(100vh - 150px)}footer{border-top:1px solid var(--line);margin:0 42px;padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#7e897b}footer a{color:var(--muted)}.eyebrow{display:block;color:var(--accent);font-size:10px;font-weight:600;letter-spacing:2px;margin-bottom:14px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.page-heading p{margin:0}.muted{color:var(--muted)}.lede{font-size:17px;color:var(--muted);line-height:1.8;max-width:550px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;background:var(--accent);color:var(--ink);border:1px solid var(--accent);border-radius:8px;min-height:43px;padding:11px 19px;font-size:12px;font-weight:650;white-space:nowrap;text-decoration:none}.button:hover{filter:brightness(1.08);text-decoration:none}.button.secondary{background:transparent;border-color:#4a5544;color:var(--text)}.button.danger{background:transparent;border-color:#694238;color:#f7b9a5}.button.small{padding:7px 12px;min-height:35px;font-size:11px}.button.full{width:100%;margin-top:20px}.badge{display:inline-flex;align-items:center;border:1px solid #425039;border-radius:30px;background:#293323;padding:4px 10px;font-size:9px;color:var(--accent);font-weight:600;letter-spacing:.6px;white-space:nowrap}.welcome-banner{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 60%,#4b6339,transparent 60%),#273322;border:1px solid #415035;border-radius:var(--radius);padding:32px 36px;margin-bottom:26px;min-height:216px;display:flex;align-items:center;justify-content:space-between}.welcome-banner h2{font-size:32px;letter-spacing:-1px;margin:16px 0 10px}.welcome-banner p{color:#b7c3ad;font-size:13px;margin-bottom:18px}.welcome-banner a{font-size:12px;font-weight:600}.banner-orb{font-size:140px;line-height:1;width:200px;text-align:center;color:#c5ed864d;transform:rotate(-15deg)}.cards{display:grid;gap:20px}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:30px}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:21px 24px}.stat>span{color:var(--muted);font-size:11px}.stat strong{display:block;font-size:34px;font-weight:500;line-height:1.2;margin:13px 0 8px;letter-spacing:-1.4px}.stat small{font-size:10px;color:#87917f}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:27px;min-width:0}.split{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:24px}.stack{display:flex;flex-direction:column;gap:22px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.section-heading h2{margin:0}.section-heading a{font-size:11px;white-space:nowrap}.section-heading .eyebrow{font-size:9px;margin-bottom:8px}.empty{text-align:center;padding:48px 20px}.empty p{max-width:430px;margin:10px auto 22px;font-size:13px}.empty-icon{display:block;font-size:43px;line-height:1;color:var(--accent);margin-bottom:20px}.media-row{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding:15px 0}.media-row>div{flex:1;min-width:0;overflow-wrap:anywhere}.media-row strong{font-size:13px}.media-row>span:last-child{font-size:10px}.media-icon{display:grid;place-items:center;border-radius:9px;width:42px;height:42px;background:#293523;color:var(--accent);font-size:22px;flex-shrink:0}.source-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0;font-size:12px}.storage-number{display:block;font-size:34px;font-weight:500;letter-spacing:-1.2px}progress{width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;background:#333d2e;accent-color:var(--accent);margin:5px 0 13px}progress::-webkit-progress-bar{background:#333d2e}progress::-webkit-progress-value{background:var(--accent)}.panel>p{font-size:13px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;align-items:center;padding:35px 0 55px}.hero h1{font-size:clamp(42px,4.3vw,68px);letter-spacing:-3px;font-weight:500}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.hero-meta{display:flex;gap:20px;flex-wrap:wrap;color:#8e9a88;font-size:10px}.hero-meta span:before{content:'✓';color:var(--accent);margin-right:5px}.record-art{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#33452b 0%,transparent 65%)}.record{width:min(330px,100%);aspect-ratio:1;border-radius:50%;border:1px solid #5c6d50;background:repeating-radial-gradient(circle,#111710 0px,#111710 3px,#2e3728 4px,#151c13 5px);box-shadow:0 25px 60px #0008;display:grid;place-items:center;transform:rotate(-18deg)}.record-center{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#bedc89;width:39%;height:39%;border-radius:50%;color:#26351f;font-weight:800;font-size:50px;letter-spacing:-5px}.record-center small{font-size:8px;letter-spacing:1.4px;color:#3d4e31}.record-caption{margin-top:24px;font-size:10px;color:var(--muted)}.status-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:var(--accent);margin-right:7px}.feature-number{display:block;font-size:9px;color:var(--accent);letter-spacing:2px;margin-bottom:28px}.feature-list{padding:0;margin:26px 0;list-style:none}.feature-list li{padding:12px 0 12px 22px;position:relative;border-bottom:1px solid var(--line);color:#bdc7b7;font-size:13px}.feature-list li:before{content:'✓';position:absolute;left:0;color:var(--accent)}.plan-name{font-size:31px;font-weight:500;letter-spacing:-1px;display:block;margin:20px 0 10px}.plan-card{padding:38px}.plan-card h2{margin-top:24px}.plan-card.featured{border-color:#6e8556;background:linear-gradient(145deg,#283320,#1b2118)}.plan-card>.button{margin-bottom:15px}.auth-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;max-width:1100px;margin:60px auto}.auth-story h1{font-size:clamp(40px,4vw,62px);letter-spacing:-2.8px}.auth-panel{padding:35px}.auth-panel form{margin:25px 0 20px}.auth-panel>p,.auth-panel>a{font-size:12px}.auth-panel>h2{font-size:28px}.sound-bars{display:flex;align-items:center;gap:8px;height:110px;margin:30px 0}.sound-bars i{width:13px;border-radius:8px;background:#546d3b;height:28%}.sound-bars i:nth-child(2n){height:50%;background:#a7c577}.sound-bars i:nth-child(3n){height:80%;background:var(--accent)}.sound-bars i:nth-child(5){height:100%;background:#cfedac}label{display:block;font-size:12px;color:#cad2c5;margin-bottom:7px}input,select{display:block;width:100%;padding:11px 13px;margin-bottom:18px;background:#121610;border:1px solid #3c4734;border-radius:7px;color:var(--text);min-height:43px}input:focus,select:focus{border-color:var(--accent);outline:1px solid var(--accent)}input::placeholder{color:#788371}input[type=checkbox]{display:inline-block;width:16px;height:16px;min-height:0;margin:0;accent-color:var(--accent)}.check{display:flex;align-items:center;gap:9px}.validation{color:#ffc3b5;background:#412723;border-radius:8px;margin:15px 0;padding:12px;font-size:12px}.validation:empty,.validation.validation-summary-valid{display:none}.validation ul{margin:0;padding-left:18px}.notice{border:1px solid #52683d;background:#293a20;color:#d3edb7;padding:14px 18px;border-radius:8px;margin-bottom:25px;font-size:13px}.filters{display:flex;gap:12px;margin:0 0 22px;align-items:center}.filters input{flex:1}.filters input,.filters select{margin:0}.filters select{max-width:160px}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{color:#91a087;font-size:10px;letter-spacing:1px;font-weight:500;text-transform:uppercase;padding:10px 15px 18px}td{padding:17px 15px;border-top:1px solid var(--line);vertical-align:middle;max-width:350px;overflow-wrap:anywhere}td small{font-size:10px}audio{height:32px;width:220px}video{max-width:240px;max-height:140px}.pagination{display:flex;justify-content:center;gap:24px;margin:25px 0;font-size:12px}.section-gap{margin-top:25px}.customer-row{display:flex;gap:24px;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--line);align-items:center}.customer-row:last-child{border:0}.customer-info{display:flex;align-items:center;gap:14px;min-width:220px;overflow-wrap:anywhere}.customer-info .badge{margin:8px 0 5px}.customer-controls{display:grid;grid-template-columns:65px 100px 110px;gap:8px 12px;align-items:center;max-width:460px}.customer-controls input,.customer-controls select,.customer-controls label{margin:0}.customer-controls input[name=reason]{grid-column:1/3;font-size:11px}.customer-controls label{font-size:11px}.customer-controls .button{grid-column:3}.activity-row{display:flex;gap:14px;padding:17px 0;border-top:1px solid var(--line)}.activity-row p{font-size:11px;margin:7px 0}.activity-row strong{font-size:12px}.activity-mark{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;background:#2c3825;color:var(--accent);border-radius:8px}.callout{padding:18px;border:1px solid #554d30;background:#302e20;border-radius:9px;margin:22px 0}.callout strong{color:#e2d4a5;font-size:12px}.callout p{font-size:11px;color:#bfb99f;margin:7px 0 0}.nowrap{white-space:nowrap}.organization-login{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 auto 30px;max-width:1100px}.organization-login h2{font-size:23px}.organization-login p{margin:0}.sr-only,.skip{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:fixed;top:10px;left:10px;width:auto;height:auto;clip:auto;padding:15px;background:var(--accent);color:var(--ink);z-index:100}
@media(min-width:1600px){main{padding-left:60px;padding-right:60px}.topbar{padding-left:60px;padding-right:60px}}@media(max-width:1200px){.sidebar{width:210px;padding:28px 15px}.workspace{margin-left:210px;width:calc(100% - 210px)}main{padding:30px 28px 45px}.topbar{padding:0 28px}.stat{padding:20px 16px}.split{grid-template-columns:1.4fr 1fr}.customer-row{align-items:flex-start;flex-direction:column}.customer-controls{max-width:100%;width:100%;grid-template-columns:55px 100px 120px 1fr auto}.customer-controls input[name=reason],.customer-controls .button{grid-column:auto}.auth-grid{gap:35px}.brand{font-size:15px}}@media(max-width:900px){.sidebar{position:static;width:100%;height:auto;padding:16px 22px;border-right:0;border-bottom:1px solid var(--line)}.shell{display:block}.brand{margin:0 0 15px}.sidebar nav{flex-direction:row;flex-wrap:wrap;gap:4px}.sidebar nav a{padding:8px 10px;font-size:11px}.sidebar nav a span{font-size:16px}.nav-label,.sidebar-bottom{display:none}.workspace{width:100%;margin:0}.topbar{height:64px}.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:20px 0 40px}.hero h1{font-size:49px}.record-art{min-height:280px}.record{max-width:250px}.split{grid-template-columns:1fr}.stack{display:grid;grid-template-columns:1fr 1fr}.auth-grid{margin:35px auto;gap:30px}.auth-story h1{font-size:42px}.sound-bars{height:80px}.topbar .crumb{font-size:10px}}@media(max-width:620px){main{padding:26px 18px 40px}.topbar{padding:0 18px}.crumb{display:none}.top-actions{width:100%;justify-content:flex-end}.sidebar{padding:18px 14px}.sidebar nav{gap:0}.sidebar nav a{font-size:10px;padding:8px 9px;gap:6px}.sidebar nav a span{display:none}.brand{margin-left:8px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:23px;gap:15px}h1{font-size:30px;letter-spacing:-1.2px}h2{font-size:22px}.welcome-banner{padding:26px 23px;min-height:210px}.welcome-banner h2{font-size:27px;max-width:240px}.welcome-banner p{font-size:12px;max-width:240px}.banner-orb{position:absolute;right:-25px;bottom:15px;font-size:100px;width:100px;opacity:.3}.cards{gap:14px}.cards.three,.cards.two,.stack{grid-template-columns:1fr}.cards.four{gap:12px;margin-bottom:23px}.stat{padding:17px}.stat>span{font-size:10px}.stat strong{font-size:29px}.panel{padding:23px}.hero{grid-template-columns:1fr;gap:5px;padding-top:15px}.hero h1{font-size:48px;letter-spacing:-2.4px}.hero .lede{font-size:15px}.record-art{min-height:280px}.hero-meta{gap:13px}.section-heading{align-items:flex-start}.section-heading h2{font-size:21px}.hero+.section-heading{margin-top:20px}.auth-grid{grid-template-columns:1fr;margin:15px auto;gap:25px}.auth-story h1{font-size:40px}.auth-story .lede{font-size:14px}.sound-bars{display:none}.auth-story>.muted{display:none}.auth-panel{padding:25px}.organization-login{align-items:flex-start;flex-direction:column}.organization-login .button{width:100%}.filters{flex-wrap:wrap;gap:8px}.filters input{flex-basis:100%}.filters select{flex:1;max-width:none}.customer-controls{grid-template-columns:50px 100px 1fr;gap:10px}.customer-controls input[name=reason]{grid-column:1/4}.customer-controls .button{grid-column:1/4}.customer-info{min-width:0}footer{margin:0 18px;font-size:10px;flex-wrap:wrap}audio{width:200px}.plan-card{padding:28px}.validation{overflow-wrap:anywhere}}