:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#17283c;background:#f5f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;border:1px solid #d9e0ed;background:#fff;color:#233954;border-radius:11px;padding:11px 15px;min-height:44px}button:hover{background:#eef2ff}button:disabled{opacity:.4;cursor:default}a{color:#4655ce}header{display:flex;align-items:center;gap:24px;padding:18px max(22px,calc((100% - 1320px)/2));background:#fff;border-bottom:1px solid #e4e8f0}.logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:#6c7787}.logo span{font-style:italic;font-size:13px}.logo img{width:160px;height:auto}header p{font-size:12px;line-height:1.7;border-left:1px solid #dfe5ed;padding-left:24px;margin:0}header p strong{color:#6549b5}.back{margin-left:auto;font-size:13px;text-decoration:none}.demo-note{text-align:center;background:#eaf1ff;color:#3c5681;font-size:12px;padding:12px 20px;line-height:1.6}main{max-width:1320px;padding:0 24px;margin:auto}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;padding:42px 0 26px}.intro h1{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-2px;margin:12px 0 18px}.intro p:not(.eyebrow){line-height:1.7;color:#647187;max-width:590px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.7px;color:#5b63aa}.intro img{width:100%;height:240px;object-fit:cover;border-radius:24px}.roles{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:16px;margin:10px 0 28px}.roles button{text-align:left;padding:22px;display:grid;gap:10px;box-shadow:0 8px 25px #1d335407}.roles span{font-size:10px;letter-spacing:1.2px;font-weight:750}.roles strong{font-size:24px}.roles small{font-size:13px}.roles button[aria-pressed=true]{background:linear-gradient(120deg,#225bc5,#7046df);color:white;border-color:transparent}.workspace{display:grid;grid-template-columns:235px minmax(0,1fr);border:1px solid #dde4ee;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 14px 40px #2844720a;scroll-margin-top:20px}aside{background:#f7f9fd;border-right:1px solid #e2e8f2;padding:22px 14px}.school{display:flex;align-items:center;gap:10px;padding:0 7px 22px;font-size:13px}.school small{display:block;color:#7b879a;margin-top:5px}.school-icon{width:35px;height:35px;background:#e4e9ff;color:#6354ce;display:grid;place-items:center;border-radius:10px;font-weight:800}#modules{display:grid;gap:4px}#modules button{text-align:left;background:transparent;border-color:transparent;padding:10px 12px;font-size:13px}#modules button[aria-current=page]{color:#4d48bf;background:#e9eaff;font-weight:700}.app-main{padding:27px;min-height:650px;min-width:0}.app-top{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:26px}.app-top button{font-size:12px}.tag{display:inline-block;border-radius:20px;background:#eef3fb;padding:6px 11px;font-size:11px;color:#4b6484}.heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.heading h2{margin:5px 0;font-size:27px;letter-spacing:-.7px}.hint{color:#69768a;font-size:13px;line-height:1.65}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.stat{border:1px solid #e0e6f0;border-radius:16px;padding:20px;background:linear-gradient(140deg,#fff,#f8f9ff)}.stat strong{font-size:32px;display:block;margin:6px 0;color:#475bba}.stat span{font-size:12px;color:#65738a}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{border:1px solid #e0e6ef;border-radius:15px;padding:19px;min-width:0}.card h3{margin:4px 0 10px;font-size:17px}.card p{font-size:13px;color:#68768a;line-height:1.6}.card .actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.card button{font-size:12px;padding:8px 11px;min-height:38px}.primary{background:#4b54ce!important;color:#fff!important;border-color:#4b54ce}.tools{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 22px}.tools input{flex:1;min-width:140px}input,textarea,select{border:1px solid #ccd7e5;border-radius:9px;background:#fff;color:#243951;padding:11px;width:100%}textarea{min-height:85px;resize:vertical}label{display:block;font-size:13px;font-weight:600;margin:13px 0}label input,label select,label textarea{margin-top:7px;font-weight:400}.empty{padding:30px;text-align:center;color:#65748a}.row{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #e9edf4;font-size:13px}.row strong{color:#495db5}.tail{padding:36px 0 60px;max-width:760px}.tail h2{font-size:25px}.tail p{line-height:1.7;color:#69768a}.tail a{font-weight:700}#status{color:#356b63;font-size:13px;line-height:1.6}dialog{border:1px solid #dbe2ee;border-radius:22px;max-width:620px;width:calc(100% - 28px);padding:26px;color:#20344d;max-height:90dvh;overflow:auto;box-shadow:0 25px 90px #20345433}dialog::backdrop{background:#15294c55;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.dialog-top h2{font-size:22px}.dialog-top button{font-size:22px;border:0;min-width:44px}.detail p{padding:10px 0;border-bottom:1px solid #edf0f6;font-size:14px;overflow-wrap:anywhere}.detail b{display:block;color:#738197;font-size:11px;margin-bottom:5px}.photo{width:100%;height:125px;object-fit:cover;border-radius:10px}.guide-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:space-between;margin:22px 0}#tutorial{max-width:580px}#tutorial>p{line-height:1.7;color:#5c6e86}#tutorial small{color:#8190a4;font-size:12px}#guide-art{background:linear-gradient(130deg,#edf8ff,#eee9ff);border-radius:18px;padding:22px;margin:18px 0;display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:center}#guide-art .number{font-size:40px;font-weight:800;color:#6453cc}#guide-art .mini{background:white;border-radius:12px;padding:18px;box-shadow:0 8px 15px #424d9410}#guide-art .mini b{display:block;font-size:14px;color:#4b54bb}#guide-art .mini span{display:block;height:7px;margin-top:10px;background:#e5eafa;border-radius:10px}#guide-art .mini span:last-child{width:65%}#guide-dots{display:flex;gap:5px}#guide-dots span{height:4px;flex:1;background:#e6eaf2;border-radius:6px}#guide-dots .active{background:#6554cf}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2b88c9;outline-offset:3px}@media(max-width:800px){header{gap:12px;padding:16px}.logo img{width:125px}header p{display:none}.intro{gap:20px}.intro img{height:190px}.roles{grid-template-columns:1fr 1fr}.roles button:first-child{grid-column:1/-1}.workspace{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #e2e8f2}.school{padding-bottom:12px}#modules{display:flex;overflow:auto}#modules button{white-space:nowrap}.app-main{padding:20px}.stats{gap:8px}.stat{padding:13px}}@media(max-width:520px){main{padding:0 14px}.intro{grid-template-columns:1fr;padding-top:28px}.intro img{display:none}.intro h1{font-size:38px}.roles{gap:9px}.roles button{padding:16px}.roles strong{font-size:21px}.roles small{font-size:11px}.cards{grid-template-columns:1fr}.app-main{padding:16px}.app-top{align-items:flex-start}.stats .stat strong{font-size:25px}.heading h2{font-size:24px}.demo-note{font-size:10px}.guide-actions button{font-size:12px}.guide-actions .primary{order:3;width:100%}}@media print{header,.demo-note,.intro,.roles,aside,.app-top,.tail,#content,#status,#editor,#tutorial{display:none!important}.workspace{display:block;border:0}.app-main{padding:0;min-height:0}dialog#viewer[open]{position:static;max-width:none;width:100%;max-height:none;border:0;box-shadow:none}#viewer .dialog-top button,#viewer button{display:none}dialog::backdrop{background:transparent}}

.consent-box{width:20px;height:20px;vertical-align:middle;margin:0 8px 0 0}.finance-stats .stat strong{font-size:clamp(20px,2.4vw,32px)}
