:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17223d;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}a{color:#2466d1}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#dbe9ff 0,transparent 30%),radial-gradient(circle at 85% 80%,#dff9ec 0,transparent 30%),#f7f9fd}.login-card{width:min(420px,calc(100vw - 40px));background:#fff;padding:42px;border:1px solid #e7edf7;border-radius:24px;box-shadow:0 25px 70px #24375c1c;display:grid;gap:16px}.brand-mark{color:#fff;background:linear-gradient(135deg,#2e6ff2,#43b782);width:50px;height:50px;border-radius:17px;display:grid;place-items:center;font-size:27px}.login-card h1{margin:-7px 0 0;font-size:28px}.login-card label{display:grid;gap:7px;color:#52617d;font-size:14px;font-weight:650}input,textarea{border:1px solid #d7e0ed;border-radius:11px;padding:11px 12px;color:#17223d;background:#fff;outline:none}input:focus,textarea:focus{border-color:#3478f6;box-shadow:0 0 0 3px #3478f622}select{border:1px solid #d7e0ed;border-radius:9px;padding:8px;color:#17223d;background:#fff}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{background:#14213e;color:#deebff;padding:22px 14px;display:flex;flex-direction:column;position:sticky;height:100vh;top:0}.logo{font-weight:800;font-size:24px;letter-spacing:-.8px;padding:10px 12px 34px;display:flex;align-items:center;gap:9px;line-height:.87}.logo:first-letter{color:#7bb4ff}.sidebar nav{display:grid;gap:5px}.nav{border:0;background:transparent;color:#aebed7;padding:12px;text-align:left;border-radius:10px;display:flex;gap:11px;align-items:center;font-weight:650}.nav:hover,.nav.active{color:#fff;background:#263b65}.nav span{width:18px;text-align:center}.sidebar-bottom{margin-top:auto;display:grid;gap:9px;padding:12px;color:#97a8c5;font-size:13px}.sidebar-bottom button{border:0;background:none;color:#c8d4e9;padding:0;text-align:left}.page{padding:38px min(52px,5vw);max-width:1800px;width:100%;margin:0 auto}.page-pane{display:none}.page-pane.active{display:block}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px}.page-header h1{margin:2px 0 8px;font-size:32px;letter-spacing:-1.1px}.eyebrow{color:#3175ee;font-weight:750;letter-spacing:1.1px;font-size:11px;margin:0 0 7px}.muted{color:#71809b;margin:0;line-height:1.5}.header-actions{display:flex;gap:10px;flex-wrap:wrap}.primary,.secondary{border:0;border-radius:10px;padding:10px 15px;font-weight:700}.primary{color:#fff;background:#2e6ff2;box-shadow:0 5px 12px #2e6ff238}.primary:hover{background:#205ed5}.secondary{color:#295493;background:#eaf1ff}.secondary:hover{background:#dae7ff}.compact{padding:7px 10px;font-size:13px}.success,.error{padding:11px 14px;border-radius:10px;margin:0 0 16px}.success{background:#e6f8ee;color:#18794e}.error{background:#feeceb;color:#b42926}.loading,.empty{border:1px dashed #cbd8e9;color:#71809b;border-radius:16px;padding:45px;text-align:center;background:#fff}.empty h2{color:#1c2d50}.metrics{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:15px;margin-bottom:24px}.metric,.table-card,.method-card{background:#fff;border:1px solid #e6edf7;border-radius:16px;box-shadow:0 4px 18px #21345d08}.metric{padding:19px}.metric p{color:#697994;font-size:13px;margin:0 0 13px}.metric strong{display:block;font-size:30px;letter-spacing:-1px}.metric small{color:#92a0b7;margin-top:5px;display:block}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.table-card{padding:20px;margin-bottom:20px}.table-card h3{margin:0 0 16px;font-size:16px}.table-scroll{overflow:auto}table{border-collapse:collapse;min-width:480px;width:100%;font-size:13px}th{color:#71809b;text-align:left;font-size:11px;letter-spacing:.35px;text-transform:uppercase;padding:0 10px 10px}td{border-top:1px solid #edf1f7;padding:11px 10px}.studio-grid{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:690px;border:1px solid #e4ebf6;background:#fff;border-radius:17px;overflow:hidden}.tree{padding:20px 12px;border-right:1px solid #e9eff8;overflow-y:auto;max-height:calc(100vh - 180px)}.tree h3{padding:0 9px;margin:0 0 14px}.tree details{margin-bottom:11px}.tree summary{cursor:pointer;font-weight:750;color:#304567;padding:5px 8px}.course{display:grid;padding:8px 0 7px 12px;gap:3px}.course b{color:#5c6e8a;font-size:12px;padding:4px 7px}.lesson{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#304567;display:grid;grid-template-columns:18px 1fr;gap:5px;padding:8px;text-align:left;border-radius:8px;font-size:12px}.lesson:hover,.lesson.selected{background:#e8f0ff;color:#1f62dc}.lesson small{grid-column:2;color:#93a0b6;font-size:10px}.editor-panel{padding:28px;min-width:0}.scenario-top{display:flex;justify-content:space-between;gap:15px;margin-bottom:24px}.scenario-top h2{margin:1px 0 8px;font-size:22px}.scenario-layout{display:grid;grid-template-columns:215px minmax(0,1fr);border:1px solid #e6edf7;border-radius:13px;overflow:hidden}.node-list{background:#f8faff;padding:8px;overflow-y:auto;max-height:500px}.node-row{width:100%;border:0;background:transparent;border-radius:8px;padding:9px;text-align:left;display:grid;gap:2px;color:#263b5f}.node-row:hover,.node-row.active{background:#e5efff}.node-row span{font-size:10px;text-transform:uppercase;color:#4e7fd7;font-weight:800}.node-row b{font-size:12px}.node-row small{color:#8090aa;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.node-editor{padding:22px}.pill,.tag{display:inline-block;border-radius:99px;padding:4px 8px;font-size:11px;font-weight:750;background:#edf3ff;color:#3973ce;margin:0 0 9px}.node-editor h3{margin:0 0 15px}.node-editor h3 small{font-weight:500;color:#8695ab}.node-text{white-space:pre-line;font-size:16px;line-height:1.55;min-height:104px}.node-editor textarea{width:100%;resize:vertical;line-height:1.5;margin-bottom:10px}.asset-strip{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0;border-top:1px solid #ecf0f6;padding-top:14px}.asset-group{display:grid;gap:5px;min-width:160px;font-size:12px;color:#697994}.asset-group b{color:#304567}.asset{max-width:210px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.transitions{margin-top:18px}.transitions h4{margin:0 0 9px}.transitions button{width:100%;border:1px solid #e1e9f4;border-radius:9px;background:#fff;padding:9px;display:flex;gap:8px;align-items:center;text-align:left;margin-bottom:7px;color:#334a6d}.transitions button b{margin-left:auto}.quality{font-size:10px;font-weight:750;padding:3px 6px;border-radius:6px;color:#5c6d85;background:#eff3f8}.quality.best{color:#1a8251;background:#e5f8ed}.quality.partial{color:#a06308;background:#fff5d7}.quality.risky{color:#b52a2a;background:#feebeb}.method-card{margin-top:20px;padding:20px}.method-card h3{margin:0 0 14px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.method-grid p{margin:0;color:#4d5d77;white-space:pre-line;line-height:1.45}.method-grid b{display:block;color:#233859;margin-bottom:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#15233d8a;display:grid;place-items:center;padding:25px;z-index:20}.modal{position:relative;width:min(700px,100%);max-height:92vh;overflow:auto;background:#fff;padding:27px;border-radius:20px;box-shadow:0 28px 80px #101c3260}.modal h2{margin-top:0}.close{position:absolute;top:13px;right:15px;border:0;background:transparent;color:#6d7f99;font-size:26px}.phone{max-width:380px;min-height:590px;border:7px solid #202d45;border-radius:32px;margin:0 auto;padding:25px 16px;background:linear-gradient(155deg,#edf4ff,#f9fbff);display:flex;flex-direction:column;gap:10px}.phone header{text-align:center;display:grid;gap:2px}.phone header small{color:#6e80a0}.bubble{background:#fff;border-radius:17px 17px 17px 4px;padding:13px;box-shadow:0 5px 16px #20355518;line-height:1.45}.bubble.guide{background:#e4f0ff}.bubble b{color:#2862be;font-size:12px}.bubble p{margin:5px 0 0}.bubble img{margin-top:8px;max-width:100%;border-radius:10px}.bubble audio{width:100%;margin-top:8px}.answer,.next{border:1px solid #cbdcf7;background:#fff;border-radius:11px;padding:11px;text-align:left;color:#264a88}.answer:hover{border-color:#3177fa;background:#f1f6ff}.next{background:#3177f5;color:#fff;text-align:center;border:0}.answer small{color:#8393aa;float:right}.modal label{display:grid;gap:6px;color:#52617d;font-size:13px;font-weight:700;margin:11px 0}.modal>select,.modal>input,.modal>textarea{width:100%;margin:7px 0}.task-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px;margin:7px 0}.task-item label{display:flex;margin:0;white-space:nowrap;align-items:center;font-size:12px}.upload-bar{display:flex;gap:10px;padding:15px;background:#fff;border:1px solid #e3ebf6;border-radius:13px;margin-bottom:20px;align-items:center}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:15px}.file-card{min-height:165px;background:#fff;border:1px solid #e3ebf6;border-radius:14px;padding:12px;display:grid;gap:6px;overflow:hidden}.file-card img{width:100%;height:100px;object-fit:cover;border-radius:8px}.file-card b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card small{color:#7d8ca4}.file-icon{display:grid;place-items:center;height:100px;border-radius:8px;background:#eef4ff;font-size:35px}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:270px;overflow:auto;margin:15px 0}.media-option{display:flex;gap:7px;border:1px solid #dce5f2;background:#fff;border-radius:9px;padding:9px;text-align:left;font-size:12px}.media-option.selected{border-color:#2e6ff2;background:#edf4ff}.media-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs{display:flex;gap:7px;border-bottom:1px solid #dfe7f4;margin-bottom:18px;overflow-x:auto}.tab{padding:10px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#6b7d98;white-space:nowrap}.tab.active{color:#2864ca;border-bottom-color:#2864ca}.registry-list{display:grid;gap:8px}.registry-list article{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff;border:1px solid #e5edf7;border-radius:12px;padding:15px}.registry-list article div{display:grid;gap:4px}.registry-list small{color:#74839d}.tag.warning{background:#fff0df;color:#a64c00}.row-actions{display:flex!important;gap:7px}@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:70px 1fr}.logo span,.nav:not(.active):after,.nav{font-size:0}.logo{justify-content:center;padding-inline:0}.logo:first-letter,.nav span{font-size:20px}.nav{justify-content:center}.sidebar-bottom{display:none}.studio-grid{grid-template-columns:240px 1fr}.page{padding:28px}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;padding:8px}.logo{display:none}.sidebar nav{display:flex;width:100%;justify-content:space-around}.nav{padding:10px}.page{padding:22px 15px}.page-header,.scenario-top{flex-direction:column}.metrics,.two-col{grid-template-columns:1fr}.studio-grid{display:block}.tree{max-height:250px;border-bottom:1px solid #e9eff8;border-right:0}.scenario-layout{grid-template-columns:1fr}.node-list{max-height:190px}.method-grid{grid-template-columns:1fr}}