:root{color:#eef6ff;background:#07111d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:282px minmax(0,1fr);background:radial-gradient(circle at 20% 0%,rgba(53,138,191,.26),transparent 34%),linear-gradient(135deg,#07111d,#0c1828 48%,#08101a)}.sidebar{position:sticky;top:0;height:100vh;padding:22px;border-right:1px solid rgba(127,174,214,.16);background:#050c15c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark,.topbar,.panel-title,.ticket-heading,.pill-row,.action-row,.inline-form,.filters,.check{display:flex;align-items:center}.brand-mark{gap:12px;margin-bottom:26px}.logo{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#58b9ff,#173d69);color:#fff;font-weight:900}.brand-mark strong{display:block;font-size:15px}.brand-mark span{display:block;color:#8fa6bf;font-size:12px}nav{display:grid;gap:8px}nav button,.top-action,.secondary{color:#cbd9e8;background:transparent;border:1px solid transparent}nav button{min-height:42px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;text-align:left}nav button:hover,nav button.active{background:#10233a;border-color:#274765;color:#f4faff}.workspace{min-width:0;padding:28px}.topbar{justify-content:space-between;gap:16px;margin-bottom:22px}.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#8fe5d0;font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(34px,5vw,58px);line-height:1}h2{margin-bottom:0;font-size:20px}h3{margin-bottom:8px}p{color:#b6c7d8;line-height:1.6}.top-action{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:10px 12px;border-color:#2a4965;border-radius:8px;text-decoration:none;white-space:nowrap}.hero-band,.panel,.module-card{border:1px solid rgba(119,169,209,.18);border-radius:8px;background:#091827d1;box-shadow:0 22px 80px #0000003d}.hero-band{min-height:340px;display:grid;align-items:end;padding:34px;background:linear-gradient(135deg,#2476b19e,#060f1ae0),linear-gradient(90deg,#0f2944,#06101b)}.hero-band h2{max-width:900px;font-size:clamp(30px,5vw,56px);line-height:1.04}.hero-band p{max-width:760px;font-size:18px}.action-row{flex-wrap:wrap;gap:10px;margin-top:22px}button,.action-row button,.link-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:8px;background:#2c9cf0;color:#fff;font-weight:800;text-decoration:none}button:disabled{opacity:.62;cursor:wait}.secondary{background:#0d1f34;border-color:#2b4f70}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:14px}.module-card{padding:18px}.module-card svg{color:#8fe5d0}.module-card p{margin-bottom:0;font-size:14px}.panel{padding:20px;margin-bottom:16px}.panel-title{gap:10px;margin-bottom:16px;color:#eaf5ff}.panel-title svg{color:#7cc8ff}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wide{grid-column:1 / -1}input,select,textarea{width:100%;min-height:42px;border:1px solid #274766;border-radius:8px;padding:10px 12px;color:#edf7ff;background:#071521;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#59b9ff;box-shadow:0 0 0 3px #59b9ff26}.check{gap:8px;color:#c5d5e5}.check input{width:18px;min-height:18px}.confirmation,.state,.consent-copy,.turnstile-box{border:1px solid #284967;border-radius:8px;background:#081725;padding:16px}.confirmation svg{color:#8fe5d0}.confirmation a{color:#8bd3ff;word-break:break-all}.inline-form,.filters{gap:10px;flex-wrap:wrap;margin-bottom:14px}.inline-form input{max-width:320px}.staff-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:16px;align-items:start}.table-list{display:grid;gap:8px}.ticket-row{display:grid;grid-template-columns:160px minmax(0,1fr) auto auto;gap:10px;align-items:center;min-height:58px;width:100%;color:#dcecff;background:#081725;border:1px solid #1f3b55;text-align:left}.ticket-row small{display:block;color:#8da3b9}.ticket-heading{justify-content:space-between;gap:14px;align-items:flex-start}.pill-row{gap:8px;flex-wrap:wrap}.pill{min-height:28px;display:inline-flex;align-items:center;border-radius:8px;padding:5px 9px;font-size:12px;font-weight:900;border:1px solid transparent;white-space:nowrap}.status-info,.priority-normal{color:#bfe3ff;background:#143454;border-color:#2b6898}.status-neutral,.priority-low{color:#cbd7e5;background:#172230;border-color:#344457}.status-warning,.priority-high{color:#ffe0a3;background:#392816;border-color:#79552c}.status-success{color:#aef1ca;background:#143222;border-color:#2e7a4d}.status-closed{color:#aeb8c5;background:#111820;border-color:#28323d}.detail-stack{display:grid;gap:14px}.timeline{display:grid;gap:10px}.timeline article{border-left:3px solid #2c9cf0;padding:10px 12px;background:#071521;border-radius:0 8px 8px 0}.timeline p{margin-bottom:6px}.timeline small{color:#8fa6bb}.record-grid{display:grid;gap:10px}.data-table{display:grid;overflow:auto;border:1px solid #223d57;border-radius:8px}.data-row{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));border-bottom:1px solid #19334c}.data-row:last-child{border-bottom:0}.data-row span{min-width:0;overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap}.data-row.header{color:#8bd3ff;background:#10233a;font-weight:900}.attachment-uploader{display:grid;gap:8px;border:1px dashed #315a7c;border-radius:8px;padding:12px;background:#071521}.attachment-uploader label{display:grid;gap:8px;color:#c5d5e5;font-weight:800}.attachment-uploader small{color:#8bd3ff}pre{overflow:auto;margin:0;border:1px solid #223d57;border-radius:8px;padding:12px;color:#cfe6ff;background:#071521}.toast{position:sticky;top:12px;z-index:3;margin-bottom:14px;border-radius:8px;padding:12px 14px;font-weight:800}.toast.success{color:#aef1ca;background:#123221}.toast.error,.state.error{color:#ffc7c7;background:#3b1720}.toast.info{color:#bfe3ff;background:#143454}@media(max-width:1040px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}nav,.module-grid,.staff-layout{grid-template-columns:1fr 1fr}nav{display:grid}}@media(max-width:760px){.workspace,.sidebar,.hero-band{padding:18px}.topbar,.ticket-heading{align-items:stretch;flex-direction:column}nav,.module-grid,.staff-layout,.form-grid{grid-template-columns:1fr}.ticket-row{grid-template-columns:1fr}.inline-form input{max-width:none}}.trial-shell{min-height:100vh;display:grid;grid-template-columns:292px minmax(0,1fr);background:radial-gradient(circle at 18% 0%,rgba(72,169,229,.28),transparent 34%),linear-gradient(135deg,#06101a,#0b1b2b 48%,#07111d)}.trial-shell.production-gate{grid-template-columns:1fr}.trial-sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:20px;border-right:1px solid rgba(139,211,255,.16);background:#050c15db}.trial-sidebar nav{margin-top:14px}.trial-workspace{min-width:0;padding:28px}.trial-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.trial-banner,.staff-switcher,.status-chip{border:1px solid #315a7c;border-radius:8px;background:#081725;color:#cfe6ff}.trial-banner{padding:12px;margin-bottom:12px;font-size:13px;line-height:1.45}.staff-switcher{display:grid;gap:8px;padding:12px}.staff-switcher span{color:#8fa6bf;font-size:12px;font-weight:800;text-transform:uppercase}.staff-switcher div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.staff-switcher button,.ghost-button{min-height:36px;background:#10233a;border:1px solid #274765}.staff-switcher button.active{background:#2c9cf0}.ghost-button{width:100%;margin-top:14px}.access-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:16px}.access-hero,.dashboard-hero{border:1px solid rgba(119,169,209,.18);border-radius:8px;padding:28px;background:linear-gradient(135deg,#2571aca3,#07111de6),#0b1b2b;box-shadow:0 22px 80px #0000003d}.access-hero{grid-row:span 2;min-height:420px;display:grid;align-content:end}.access-hero h2,.dashboard-hero h2{max-width:820px;font-size:clamp(32px,5vw,56px);line-height:1.04}.dashboard-hero{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{border:1px solid rgba(119,169,209,.18);border-radius:8px;padding:18px;background:#081725}.metric-card span{color:#8fa6bf;font-size:13px;font-weight:800;text-transform:uppercase}.metric-card strong{display:block;margin-top:8px;font-size:34px}.ticket-summary{display:grid;gap:10px}.note-box,.email-list,.article-list,.stack{display:grid;gap:12px}.email-card,.article-card{display:grid;gap:8px;border:1px solid #223d57;border-radius:8px;padding:14px;background:#071521}.email-card span,.email-card small{color:#8fa6bf}.article-card strong{color:#eaf5ff}.article-card p,.helper-copy{margin-bottom:0}.panel-title.compact{margin-bottom:6px}.module-card{cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.module-card:hover{transform:translateY(-2px);border-color:#3e79a8;background:#0b2034}.note-internal{border-left-color:#ffe0a3!important}.note-customer{border-left-color:#8fe5d0!important}.note-staff{border-left-color:#8bd3ff!important}.status-new,.status-open,.priority-normal{color:#bfe3ff;background:#143454;border-color:#2b6898}.status-waiting_on_customer,.status-waiting_on_technician,.priority-high{color:#ffe0a3;background:#392816;border-color:#79552c}.status-resolved{color:#aef1ca;background:#143222;border-color:#2e7a4d}.priority-urgent{color:#ffc7c7;background:#451a23;border-color:#934052}@media(max-width:1080px){.trial-shell,.access-grid{grid-template-columns:1fr}.trial-sidebar{position:static;height:auto}.metric-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.trial-workspace,.trial-sidebar,.access-hero,.dashboard-hero{padding:18px}.trial-header,.dashboard-hero{align-items:stretch;flex-direction:column}.metric-grid{grid-template-columns:1fr}}