:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#121212;background:#f5f5f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f5f2}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.brand{display:flex;align-items:center;gap:11px}.brandText{display:flex;flex-direction:column;line-height:1}.brandText b{font-size:18px;letter-spacing:-.6px}.brandText b span{color:#ff6a00}.brandText small{font-size:7px;letter-spacing:2px;margin-top:5px;color:#777}.mark{width:38px;height:38px;position:relative;flex:0 0 auto}.markRing{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:5px solid #151515;border-radius:50%;border-right-color:#ff6a00;transform:rotate(-12deg)}.markRay{position:absolute;width:22px;height:6px;background:#ff6a00;border-radius:9px;right:-3px;top:16px;transform:rotate(-22deg)}.markRay:after{content:"";position:absolute;right:-5px;top:-4px;border-left:8px solid #ff6a00;border-top:7px solid transparent;border-bottom:7px solid transparent}.markDot{position:absolute;width:7px;height:7px;border-radius:50%;background:#151515;left:15px;top:15px}.language{display:flex;background:#ecece8;padding:3px;border-radius:10px;gap:2px}.language button{border:0;background:transparent;padding:7px 9px;border-radius:8px;font-size:11px;font-weight:800;color:#767676}.language button.active{background:#111;color:#fff;box-shadow:0 1px 2px #0002}.pill{border:1px solid #e5e5e0;background:#fff;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800}.pill.light{background:#f4f4f0}.publicPage{min-height:100vh;background:radial-gradient(circle at 80% 20%,#fff4e9,transparent 28%),#f7f7f4}.publicHeader{height:78px;display:flex;align-items:center;max-width:1240px;margin:auto;padding:0 28px;border-bottom:1px solid #e6e6e1}.publicHeader nav{display:flex;gap:28px;margin-left:auto;margin-right:28px;font-size:13px;font-weight:700}.headerActions{display:flex;align-items:center;gap:10px}.hero{max-width:1240px;margin:auto;padding:80px 28px 54px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;font-size:11px;letter-spacing:1.7px;font-weight:900;color:#666}.eyebrow span{width:25px;height:3px;background:#ff6a00;border-radius:3px}.hero h1{font-size:64px;line-height:1.02;letter-spacing:-3.7px;max-width:760px;margin:22px 0}.hero p{font-size:17px;line-height:1.7;color:#5f5f5f;max-width:670px}.heroActions{display:flex;gap:10px;margin-top:30px}.primary,.secondary{padding:14px 18px;border-radius:12px;font-weight:800;border:1px solid #141414}.primary{background:#151515;color:#fff}.primary:hover{background:#ff6a00;border-color:#ff6a00}.secondary{background:#fff}.metaStrip{display:flex;gap:22px;margin-top:34px;color:#777;font-size:11px;font-weight:700}.heroVisual{height:460px;border-radius:32px;background:#121212;position:relative;overflow:hidden;box-shadow:0 32px 80px #0002}.scanFrame{position:absolute;top:38px;right:38px;bottom:38px;left:38px;border:1px solid #ffffff25;border-radius:24px;background:radial-gradient(circle,#ffffff12 0 20%,transparent 52%),linear-gradient(130deg,#1c1c1c,#090909);overflow:hidden}.scanGlow{position:absolute;width:270px;height:270px;border-radius:50%;background:#ff6a0016;border:1px solid #ff6a0055;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px #ff6a0022}.toothOutline{position:absolute;font-size:280px;color:#fff;opacity:.13;left:50%;top:42%;transform:translate(-50%,-50%) rotate(180deg)}.axis{position:absolute;background:#ff6a0055}.axisX{height:1px;left:10%;right:10%;top:50%}.axisY{width:1px;top:10%;bottom:10%;left:50%}.scanTag{position:absolute;right:18px;top:18px;color:#ff6a00;font-size:11px;font-weight:900;letter-spacing:1px}.floatCard{position:absolute;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 14px 40px #0003;display:flex;flex-direction:column;gap:2px}.floatCard b{font-size:12px}.floatCard span{font-size:10px;color:#777}.c1{left:12px;bottom:48px}.c2{right:12px;top:72px}.featureGrid{max-width:1240px;margin:0 auto;padding:0 28px 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.featureGrid article{background:#fff;border:1px solid #e7e7e2;border-radius:18px;padding:24px}.featureIcon{width:34px;height:34px;border-radius:10px;background:#fff0e4;border:1px solid #ffd3b4}.featureGrid h3{margin:20px 0 8px;font-size:17px}.featureGrid p{margin:0;color:#777;line-height:1.5;font-size:13px}.publicPage footer{max-width:1240px;margin:auto;padding:24px 28px 32px;border-top:1px solid #e4e4df;display:flex;justify-content:space-between;align-items:center;color:#777;font-size:11px}.brand.compact .mark{width:27px;height:27px;transform:scale(.76)}.brand.compact .brandText b{font-size:14px}.workspace{height:100vh;display:flex;background:#f4f4f1}.sidebar{width:250px;background:#101010;color:#fff;padding:26px 18px;display:flex;flex-direction:column}.sidebar .brand{padding:0 7px}.sidebar .brandText b,.sidebar .markDot{color:#fff}.sidebar .markRing{border-color:#fff;border-right-color:#ff6a00}.sidebar .markDot{background:#fff}.sidebar .brandText small{color:#888}.surfaceBadge{margin:28px 7px 13px;padding:8px 10px;border:1px solid #2b2b2b;border-radius:10px;color:#ff6a00;font-size:10px;font-weight:900;letter-spacing:1.5px}.sideNav{display:flex;flex-direction:column;gap:5px}.sideNav button{border:0;background:transparent;color:#aaa;text-align:left;padding:11px 12px;border-radius:10px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:10px}.sideNav button.selected{background:#ff6a00;color:#fff}.navIcon{width:8px;height:8px;border-radius:50%;border:2px solid currentColor}.sideBottom{margin-top:auto;border-top:1px solid #252525;padding:18px 5px 0;display:flex;flex-direction:column;gap:14px}.miniStatus{font-size:10px;color:#aaa;display:flex;gap:7px;align-items:center}.ok{width:7px;height:7px;background:#40c977;border-radius:50%}.sidebar .language{background:#202020}.sidebar .language button.active{background:#fff;color:#111}.content{flex:1;min-width:0;overflow:auto}.topbar{height:79px;background:#fff;border-bottom:1px solid #e3e3de;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.topbar h2{font-size:17px;margin:0 0 4px}.topbar p{font-size:10px;color:#888;margin:0}.topActions{display:flex;align-items:center;gap:12px}.tenantChip{font-size:10px;padding:8px 10px;border:1px solid #e3e3de;border-radius:9px;color:#777}.avatar{width:34px;height:34px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-weight:900;font-size:10px}.dashboard{padding:28px;max-width:1300px;margin:auto}.welcomeCard{background:#111;color:#fff;border-radius:22px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;min-height:190px;overflow:hidden;position:relative}.welcomeCard h1{font-size:34px;letter-spacing:-1.5px;margin:15px 0 9px}.welcomeCard p{color:#aaa;max-width:650px;font-size:13px;line-height:1.6}.welcomeCard .eyebrow{color:#999}.systemMark{transform:scale(2.8);margin-right:55px;opacity:.95}.systemMark .markRing{border-color:#fff;border-right-color:#ff6a00}.systemMark .markDot{background:#fff}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.metrics>div{background:#fff;border:1px solid #e4e4df;border-radius:15px;padding:17px}.metrics small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#999;margin-bottom:12px}.metrics b{display:block;font-size:20px}.metrics span{font-size:10px;color:#777}.metrics .green{color:#299760}.grid2{display:grid;grid-template-columns:1.6fr .8fr;gap:14px}.panel{background:#fff;border:1px solid #e4e4df;border-radius:17px;padding:22px;min-height:270px}.panelTop{display:flex;justify-content:space-between;align-items:flex-start}.panel h3{margin:0 0 7px}.panel p{margin:0;color:#777;font-size:12px;line-height:1.5}.skeletonRows{margin-top:24px;display:flex;flex-direction:column;gap:10px}.skeleton{display:grid;grid-template-columns:38px 1fr 100px;gap:12px;align-items:center}.skeleton span{width:38px;height:38px;background:#eee;border-radius:10px}.skeleton i,.skeleton em{height:10px;background:#eee;border-radius:8px}.skeleton em{width:75%;justify-self:end}.nextPanel{display:flex;flex-direction:column;justify-content:center}.miniArt{margin-bottom:25px}.progress{height:6px;background:#eee;border-radius:8px;overflow:hidden;margin:25px 0 8px}.progress span{display:block;height:100%;background:#ff6a00}.nextPanel small{color:#999;font-size:9px}@media (max-width:900px){.publicHeader nav{display:none}.hero{grid-template-columns:1fr;padding-top:48px}.hero h1{font-size:48px}.heroVisual{height:360px}.featureGrid{grid-template-columns:1fr}.sidebar{width:82px;padding:24px 12px}.sidebar .brandText,.surfaceBadge,.sideNav button:not(.selected){font-size:0}.sideNav button{justify-content:center}.sideNav button.selected{font-size:0}.sideNav button .navIcon{width:10px;height:10px}.sidebar .language{flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.topbar{padding:0 18px}}@media (max-width:600px){.publicHeader{padding:0 17px}.publicHeader .brandText small,.publicHeader .pill{display:none}.hero{padding:38px 18px}.hero h1{font-size:38px;letter-spacing:-2px}.heroActions{flex-direction:column}.heroVisual{height:300px}.metaStrip{flex-wrap:wrap}.featureGrid{padding:0 18px 40px}.workspace{height:auto;min-height:100vh}.sidebar{display:none}.topbar{height:auto;padding:16px}.topActions .tenantChip{display:none}.dashboard{padding:15px}.welcomeCard{padding:23px}.systemMark{display:none}.welcomeCard h1{font-size:28px}.metrics{grid-template-columns:1fr 1fr}}button:focus-visible,input:focus-visible,select:focus-visible,.uiModal:focus-visible{outline:3px solid #ff6a0038;outline-offset:2px}.uiButton{border:1px solid transparent;border-radius:11px;font-weight:800;transition:.18s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.uiButton.md{padding:12px 16px;font-size:12px}.uiButton.sm{padding:8px 11px;font-size:10px}.uiButton.primary{background:#151515;color:#fff}.uiButton.primary:hover:not(:disabled){background:#ff6a00}.uiButton.secondary{background:#fff;color:#151515;border-color:#dcdcd6}.uiButton.secondary:hover:not(:disabled){border-color:#151515}.uiButton.danger{background:#fff2f0;color:#b5382c;border-color:#ffd4cf}.uiButton:disabled{opacity:.38;cursor:not-allowed}.uiBadge{display:inline-flex;align-items:center;gap:6px;border:1px solid #deded8;background:#fff;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;white-space:nowrap;color:#555}.uiBadge i{width:6px;height:6px;border-radius:50%;background:#999}.uiBadge.success{background:#effaf3;border-color:#ccebd7;color:#267a47}.uiBadge.success i{background:#35b567}.uiBadge.warning{background:#fff8e8;border-color:#f3dfaf;color:#8a6416}.uiBadge.warning i{background:#e5a72a}.uiBadge.muted{background:#f1f1ee;color:#8a8a84;border-color:#e1e1dc}.uiBadge.muted i{background:#aaa}.uiCard{background:#fff;border:1px solid #e4e4df;border-radius:17px;padding:22px}.featureGrid .uiCard{padding:24px}.uiTabs{display:flex;gap:4px;background:#f2f2ee;border-radius:11px;padding:4px;width:max-content;max-width:100%;overflow:auto;margin:20px 0}.uiTabs button{border:0;background:transparent;border-radius:8px;padding:8px 12px;font-size:10px;font-weight:800;color:#777;white-space:nowrap}.uiTabs button.active{background:#fff;color:#111;box-shadow:0 1px 3px #00000012}.uiField{display:flex;flex-direction:column;gap:7px}.uiField>span{font-size:10px;font-weight:800;color:#555}.uiField input,.uiField select{width:100%;height:42px;border:1px solid #dcdcd6;border-radius:10px;background:#fff;padding:0 12px;color:#111;font:inherit;font-size:12px}.uiField small{font-size:9px;color:#999}.uiField.hasError input{border-color:#d85a4c}.fieldError{color:#bd4337!important}.uiToggle{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;border:1px solid #e3e3de;border-radius:12px;padding:13px 14px}.uiToggle input{position:absolute;opacity:0;pointer-events:none}.toggleText{display:flex;flex-direction:column;gap:3px}.toggleText b{font-size:11px}.toggleText small{font-size:9px;color:#888}.toggleTrack{width:38px;height:22px;border-radius:999px;background:#d7d7d2;padding:3px;transition:.18s}.toggleTrack span{display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:.18s}.uiToggle input:checked+.toggleTrack{background:#ff6a00}.uiToggle input:checked+.toggleTrack span{transform:translate(16px)}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0acc;z-index:1000;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.uiModal{width:min(520px,100%);background:#fff;border-radius:20px;box-shadow:0 30px 100px #0006;overflow:hidden}.modalHead{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #ecece7}.modalHead h3{margin:0;font-size:16px}.modalHead button,.uiToast button{border:0;background:transparent;font-size:23px;color:#888}.modalBody{padding:22px;color:#666;font-size:13px;line-height:1.6}.modalBody p{margin:0}.modalFoot{padding:15px 22px;background:#f7f7f4;display:flex;justify-content:flex-end;gap:8px}.uiToast{position:fixed;right:22px;bottom:22px;z-index:1100;background:#111;color:#fff;border-radius:13px;padding:12px 13px 12px 15px;display:flex;align-items:center;gap:15px;box-shadow:0 20px 60px #0004;font-size:11px;font-weight:700;max-width:390px}.uiToast button{color:#aaa}.tableWrap{overflow:auto}.uiTable{width:100%;border-collapse:collapse;font-size:11px}.uiTable th{text-align:left;color:#888;font-size:9px;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #e6e6e1;padding:10px}.uiTable td{padding:12px 10px;border-bottom:1px solid #efefeb}.stateBox{border:1px solid #e7e7e2;border-radius:14px;background:#fafaf8;min-height:175px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.stateBox h3{font-size:13px;margin:10px 0 5px}.stateBox p{font-size:10px;color:#888;max-width:260px;line-height:1.5;margin:0 0 13px}.emptyGlyph{width:42px;height:42px;border-radius:13px;background:#fff0e4;display:grid;place-items:center;border:1px solid #ffd6b8}.emptyGlyph span{width:15px;height:15px;border:2px solid #ff6a00;border-radius:50%}.errorGlyph{width:42px;height:42px;border-radius:13px;background:#fff0ee;border:1px solid #ffd0cb;color:#c64b40;display:grid;place-items:center;font-weight:900}.loadingState{align-items:stretch;text-align:left}.stateTitle{height:13px;width:38%;background:#e7e7e2;border-radius:8px;margin-bottom:18px}.stateRow{display:grid;grid-template-columns:30px 1fr 55px;gap:9px;align-items:center;margin:5px 0}.stateRow span{width:30px;height:30px;border-radius:9px;background:#ecece8}.stateRow i,.stateRow em{height:8px;border-radius:7px;background:#ecece8}.stateRow em{width:80%;justify-self:end}.primitivePanel{margin-top:14px}.panelHeading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.panelHeading h2,.panelHeading h3{margin:0 0 7px}.panelHeading p{margin:0;color:#888;font-size:11px;line-height:1.5}.primitiveGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primitiveBlock{border:1px solid #ecece8;border-radius:13px;padding:16px}.primitiveBlock.wide{grid-column:1/-1}.primitiveBlock h4,.stateGrid h4{margin:0 0 12px;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#888}.buttonRow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.formPreview{max-width:700px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.formPreview .uiToggle{grid-column:1/-1}.stateGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.moduleCard{min-height:480px}.moduleCard .stateBox{min-height:330px;margin-top:22px}.welcomeCard.uiCard{border:0}.metrics .uiCard{padding:17px}.metrics .uiCard .uiBadge{margin-top:4px}.metrics .uiCard>span:not(.uiBadge){display:block;margin-top:4px}@media (max-width:900px){.stateGrid,.formPreview{grid-template-columns:1fr}.formPreview .uiToggle{grid-column:auto}.primitiveGrid{grid-template-columns:1fr}.primitiveBlock.wide{grid-column:auto}}@media (max-width:600px){.uiToast{left:15px;right:15px;bottom:15px}.modalBackdrop{padding:10px}.uiModal{border-radius:16px}.buttonRow .uiButton{flex:1}.uiTabs{width:100%}}