:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#26263d;background:#f6f6fb;font-synthesis:none;--purple:#7557de;--muted:#858399;--line:#e9e8f1;--nav:#211b39}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:44px;border:0;border-radius:8px;padding:10px 15px;font-size:13px;font-weight:600;background:#7557de;color:white;transition:background .15s,transform .15s}button:hover{background:#6242cc}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bda9ff;outline-offset:3px}input,select,textarea{border:1px solid #dedde9;border-radius:8px;padding:12px;background:white;color:#35334d;min-height:44px}input[type=search]{min-width:200px}textarea{resize:vertical;width:100%;font:12px/1.7 ui-monospace,monospace;min-height:430px}.quiet{background:#f3f1fa;color:#6c5a9d}.quiet:hover{background:#e8e2f8}.danger{color:#bc5669;background:#fff0f2}.danger:hover{background:#fbdce2}.outline{background:white;border:1px solid #ded9ec;color:#685d83}.outline:hover{background:#f5f0ff}.small{font-size:12px;padding:8px 12px}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:700;color:#a494d1;text-transform:uppercase}.muted{color:var(--muted)}.tiny{font-size:11px}.skip{position:fixed;left:12px;top:-80px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:22px;letter-spacing:-1px}.brand img{width:35px;height:35px}.brand small{display:block;font-size:8px;letter-spacing:1.3px;font-weight:500;color:#ada5c4;margin-top:3px}.sidebar{width:232px;position:fixed;inset:0 auto 0 0;padding:32px 19px;background:var(--nav);color:#c6c0d7;display:flex;flex-direction:column;z-index:10}.sidebar .brand{padding:0 12px;color:white}.sidebar nav{margin-top:44px}.nav-label{font-size:9px;letter-spacing:1.6px;color:#888096;padding:0 15px;margin:25px 0 12px}.nav-item{display:flex;align-items:center;gap:13px;min-height:48px;padding:10px 14px;font-size:12px;border-radius:7px;margin-bottom:6px;color:#b7afc8}.nav-item:hover{background:#322947}.nav-item.active{background:#7557de;color:white;box-shadow:0 5px 18px #140b3733}.nav-item svg{width:17px;height:17px}.count{margin-left:auto;font-size:10px;background:#ffffff20;padding:3px 7px;border-radius:5px}.side-bottom{margin-top:auto}.environment{border:1px solid #40374f;border-radius:10px;padding:14px;font-size:11px;line-height:1.8;margin-bottom:20px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#5bc1a3;margin-right:6px}.avatar{width:32px;height:32px;border-radius:50%;background:#dcd2fc;display:grid;place-items:center;color:#6a54a2;font-size:11px;font-weight:700}.profile{display:flex;gap:10px;align-items:center;padding:0 9px;font-size:11px}.workspace{margin-left:232px}.topbar{height:76px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:15px;font-size:11px;color:#9993a7}.topbar strong{color:#534c65;font-weight:500}.top-actions{display:flex;align-items:center;gap:18px}.top-actions button{padding:5px 10px;min-height:36px;font-size:10px}.demo-label{background:#fff6df;color:#997536;border:1px solid #f1e7c8;padding:6px 10px;border-radius:5px;font-size:10px;font-weight:650}.main{padding:32px 36px;max-width:1660px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:15px}h1{font-size:25px;letter-spacing:-.8px;margin:0 0 9px;font-weight:680}h2{font-size:15px;letter-spacing:-.3px;margin:0}h3{font-size:13px;font-weight:650;margin:0}p{line-height:1.65}.page-heading p{font-size:12px;color:#8e879f;margin:0}.badge{display:inline-flex;align-items:center;font-size:9px;font-weight:650;letter-spacing:.3px;border-radius:5px;padding:5px 8px;background:#efebfc;color:#8b69d1;white-space:nowrap}.badge.green{background:#e9f7f1;color:#3d9b7b}.badge.amber{background:#fff5e3;color:#b58c3f}.badge.red{background:#fcecef;color:#bd6073}.badge.gray{background:#f0f0f5;color:#8c879c}.banner{background:linear-gradient(115deg,#392857,#5a3d83 65%,#7856a2);border-radius:12px;color:#fff;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;position:relative;overflow:hidden;gap:20px}.banner:after{content:"";position:absolute;width:200px;height:200px;border:1px solid #ffffff12;border-radius:50%;right:80px;top:-120px;box-shadow:0 0 0 40px #ffffff04,0 0 0 80px #ffffff03;pointer-events:none}.banner h2{font-size:18px;margin:7px 0}.banner p{font-size:11px;color:#c9badd;margin:0}.banner button{background:#fff;color:#5b4180;z-index:1;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:0 3px 8px #27223a02}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#9990ad;font-size:10px}.stat-icon{background:#f2eefc;color:#8669d3;width:33px;height:33px;border-radius:8px;display:grid;place-items:center}.stat-icon svg{width:16px}.stat-num{font-size:29px;letter-spacing:-1px;font-weight:650;margin:9px 0}.stat-foot{font-size:10px;color:#aaa2b6}.stat-foot span{color:#62a78f}.panel{background:white;border:1px solid var(--line);border-radius:11px;margin-bottom:24px;overflow:hidden}.panel-header{padding:21px 23px;border-bottom:1px solid #efedf5;display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-header p{font-size:10px;margin:7px 0 0;color:#9a92aa}.panel-body{padding:22px}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.health-card{border:1px solid var(--line);border-radius:8px;padding:17px}.health-title{display:flex;align-items:center;gap:10px}.health-title svg{width:18px;color:#9f8cbf}.health-title strong{font-size:11px}.health-card .badge{margin-left:auto}.health-card p{font-size:10px;color:#a298b0;margin:11px 0}.spark{height:22px;display:flex;align-items:flex-end;gap:3px;opacity:.7}.spark i{flex:1;background:#dcd7ea;min-height:2px;border-radius:2px}.two-col{display:grid;grid-template-columns:1.55fr 1fr;gap:23px}.pipeline{display:flex;align-items:flex-start;justify-content:space-between;padding:27px 23px;gap:10px}.pipeline-item{text-align:center;font-size:9px;color:#948aab;position:relative;flex:1}.pipeline-item:not(:last-child):after{content:"";position:absolute;top:20px;left:75%;width:45%;height:1px;background:#e8e0f5}.pipeline-node{height:40px;width:40px;margin:0 auto 10px;display:grid;place-items:center;background:#f3effb;border:1px solid #e8defb;color:#8b6fc1;border-radius:10px}.pipeline-node svg{width:17px}.pipeline-item strong{display:block;color:#6a607c;font-size:10px;margin-bottom:5px}.tabs{display:flex;gap:8px;padding:15px 22px 0;flex-wrap:wrap}.tab{background:transparent;color:#9c92ad;border-radius:5px;min-height:36px;font-size:10px;padding:8px 12px}.tab.active{background:#f1ebfd;color:#8464c0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{font-weight:500;color:#a29aac;font-size:9px;text-transform:uppercase;letter-spacing:.7px;padding:15px 22px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:18px 22px;border-bottom:1px solid #f1eff6;color:#91869f}tr:last-child td{border:0}.topic-title{color:#51475f;font-weight:600;font-size:11px;display:block;margin-bottom:6px;min-width:170px}.topic-meta{color:#b2a8bf;font-size:9px}.score{color:#72628d;font-weight:650;font-size:12px}.score-line{height:3px;width:50px;background:#eee8f6;margin-top:5px;border-radius:2px}.score-line i{height:100%;display:block;background:#9b7adc;border-radius:2px}.row-actions{display:flex;gap:7px;align-items:center}.row-actions button{min-height:32px;font-size:10px;padding:7px 10px;white-space:nowrap}.activity{padding:8px 22px}.activity-row{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #f4f1f7;font-size:10px}.activity-row p{margin:0 0 4px;color:#70647e}.activity-icon{background:#f2eefb;color:#967bc2;min-width:28px;height:28px;border-radius:8px;display:grid;place-items:center}.activity-icon svg{width:13px}.activity-row small{font-size:9px;color:#b1a5bc}.panel-footer{font-size:10px;color:#ae9fbd;padding:14px 22px;border-top:1px solid #f1eef7;display:flex;justify-content:space-between}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}.toolbar input{font-size:11px;width:280px;min-height:38px}.empty{text-align:center;padding:45px 20px;color:#9d90ae;font-size:12px}.review-layout{display:grid;grid-template-columns:255px 1fr;gap:22px}.course-list{display:flex;flex-direction:column;gap:9px}.course-button{color:#746783;background:white;border:1px solid var(--line);padding:17px;text-align:left;line-height:1.5;font-size:11px;min-height:92px}.course-button.active{border-color:#aa8bdf;background:#f8f4ff;box-shadow:0 0 0 2px #ae92e812}.course-button .badge{margin-top:9px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editor-grid label{font-size:10px;color:#9b8aac;display:block;margin-bottom:10px}.preview{border:1px solid #e7e0ef;border-radius:8px;padding:20px;max-height:560px;overflow:auto;font-size:12px;line-height:1.8;background:#fdfbff}.preview h2{margin:20px 0 12px}.preview h3{margin:16px 0 10px}.preview p{white-space:pre-wrap}.editor-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.library-card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.course-cover{height:125px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 70% 10%,#e3d4fb,transparent),linear-gradient(130deg,#e9e3f5,#f6f2ff);color:#9576c3}.course-cover svg{width:53px;height:53px;stroke-width:1}.library-content{padding:22px}.library-content h3{font-size:14px;line-height:1.5;margin:12px 0}.library-content p{font-size:10px;color:#a196ac}.tag{font-size:9px;background:#f5f2fa;color:#a191b6;padding:5px 7px;border-radius:4px;margin-right:4px}.library-content button{margin-top:20px;width:100%}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-stack{display:grid;gap:13px}.form-stack label{font-size:11px;color:#8b7c9c;display:grid;gap:8px}.help{font-size:11px;color:#a394b2;line-height:1.8}.code{font:11px/1.8 ui-monospace,monospace;background:#f8f5fc;border:1px solid #ece6f4;border-radius:8px;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;color:#806a96}.list-item{padding:17px 0;border-bottom:1px solid var(--line);font-size:11px;display:flex;justify-content:space-between;gap:12px}.list-item small{display:block;color:#a799b3;margin-top:7px}.bottom-note{display:flex;justify-content:space-between;font-size:9px;color:#b2a7bd;padding:5px 0 20px}.live-dot{display:inline-flex;align-items:center;font-size:10px;color:#7ca797}.menu-toggle{display:none}.landing{background:#fbfaff;min-height:100vh}.landing-nav{max-width:1200px;margin:auto;padding:25px 35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.landing-nav .brand{color:#302547}.landing-nav .brand small{color:#a597ba}.landing-links{display:flex;align-items:center;gap:28px;font-size:12px;color:#8b7c9c}.hero{padding:65px 30px 75px;max-width:1050px;margin:auto;text-align:center}.hero .eyebrow{border:1px solid #e7def6;border-radius:20px;padding:9px 15px;display:inline-block;background:#f7f2ff;font-size:9px;letter-spacing:1px}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.12;letter-spacing:-2.7px;font-weight:650;margin:28px auto 22px;max-width:800px;color:#302442}.hero h1 em{font-style:normal;color:#8a65ce}.hero>p{font-size:15px;max-width:600px;margin:0 auto 28px;color:#a091b2}.hero-buttons{display:flex;justify-content:center;gap:13px}.hero-buttons button{padding:14px 25px;min-height:48px}.hero-note{margin-top:16px;font-size:10px;color:#b2a4bf}.hero-board{margin:55px auto 0;background:#fff;border:1px solid #e7dff2;border-radius:13px;box-shadow:0 25px 65px #6c4b9b15;max-width:930px;text-align:left;overflow:hidden;transform:perspective(1200px) rotateX(3deg)}.hero-board-bar{display:flex;align-items:center;gap:5px;padding:15px 20px;border-bottom:1px solid var(--line);font-size:10px;color:#b7a5c7}.window-dot{height:6px;width:6px;border-radius:50%;background:#d9cde7}.hero-board-bar span:last-child{margin-left:auto}.hero-board-inner{padding:25px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.hero-stat{background:#faf8fe;border:1px solid #f0ebf6;border-radius:8px;padding:15px;font-size:10px;color:#ad9abc}.hero-stat strong{display:block;font-size:23px;color:#715689;margin-top:8px}.trust-row{display:flex;justify-content:center;gap:35px;flex-wrap:wrap;margin:35px auto;color:#b6a5c5;font-size:11px}.landing-features{max-width:1150px;margin:0 auto;padding:20px 35px 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.feature{padding:25px;background:white;border:1px solid #eee7f4;border-radius:11px}.feature h3{margin:17px 0 10px;color:#776086}.feature p{font-size:12px;color:#b09cbd}.landing-footer{max-width:1150px;margin:auto;padding:25px 35px;border-top:1px solid #ece4f3;display:flex;justify-content:space-between;font-size:10px;color:#b5a5c1}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#352746;color:white;padding:14px 22px;border-radius:9px;box-shadow:0 10px 40px #33204430;font-size:12px;z-index:100;display:none;max-width:90vw}dialog{border:1px solid #dfd0ee;border-radius:13px;padding:28px;width:min(620px,92vw);color:#675076;max-height:85vh}dialog::backdrop{background:#21172f66;backdrop-filter:blur(3px)}dialog h2{margin-bottom:18px}dialog .close-dialog{margin-top:20px}.error-box{padding:20px;background:#fff1f4;border:1px solid #f1d3de;border-radius:8px;font-size:12px;color:#aa5c73}.loading{padding:80px;text-align:center;color:#9d8eb2}.loading:before{content:"";display:block;width:28px;height:28px;border:3px solid #eee7f5;border-top-color:#9974d2;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.main{padding-top:40px}.stats{gap:24px}.stat{padding:25px}}
@media(max-width:1100px){.sidebar{width:200px;padding:27px 14px}.workspace{margin-left:200px}.main{padding:25px 22px}.topbar{padding:0 22px}.health-grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.stat{padding:15px}.library-grid{grid-template-columns:repeat(2,1fr)}.review-layout{grid-template-columns:210px 1fr}.editor-grid{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr}.health-card p{display:inline-block;margin-right:15px}.spark{display:none}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);width:232px;transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 40px #211b3950}.workspace{margin-left:0}.menu-toggle{display:block;min-height:40px;background:#f2edf9;color:#8a6ab2;font-size:18px}.topbar{height:65px;padding:0 16px}.top-actions{gap:8px}.topbar .breadcrumb{display:none}.main{padding:24px 16px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.page-heading p{font-size:11px;max-width:230px}.page-heading>button{font-size:10px;padding:9px}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat-num{font-size:26px}.banner{padding:20px;display:block}.banner button{margin-top:17px}.banner h2{font-size:17px}.health-grid{gap:10px}.health-card{padding:14px}.panel-header{padding:18px 16px}.panel-body{padding:16px}.two-col{gap:0}.pipeline{padding:22px 8px;gap:3px}.pipeline-item{font-size:8px}.pipeline-item strong{font-size:9px}.pipeline-node{width:32px;height:32px}.pipeline-item:not(:last-child):after{top:16px}.review-layout{grid-template-columns:1fr}.course-list{display:grid;grid-template-columns:repeat(2,1fr)}.library-grid{grid-template-columns:1fr}.landing-nav{padding:20px}.landing-links a{display:none}.landing-nav .brand{font-size:20px}.hero{padding:40px 20px}.hero h1{letter-spacing:-1.8px}.hero>p{font-size:13px}.hero-board-inner{padding:15px}.hero-stat{padding:10px;font-size:9px}.hero-stat strong{font-size:18px}.landing-features{grid-template-columns:1fr;padding:20px}.landing-footer{padding:22px;gap:20px}.hero-buttons button{font-size:12px;padding:12px 17px}.top-actions .live-dot{display:none}.bottom-note{gap:15px;font-size:8px}th,td{padding:14px 16px}.row-actions button{min-height:44px}.toolbar input{width:100%}.tabs{padding-left:16px}.panel-header h2{font-size:14px}.editor-actions button{flex:1}.hero-board{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.block{display:block}.section-gap{margin-top:24px}.panel-header>svg{width:20px;height:20px;color:#a38bbd}
.sidebar{overflow-y:auto}.sidebar .brand{flex-shrink:0}.sidebar nav{flex-shrink:0}.sidebar .side-bottom{flex-shrink:0;padding-top:18px}
