@import url('/professional.css');
:root{--ink:#162c49;--muted:#56677e;--line:#dbe3ed;--teal:#087f76;--navy:#112b47;--bg:#f2f5f9;--gold:#e5ad48}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#126475}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid #c78414;outline-offset:3px}.skip{position:absolute;top:-60px;left:16px;background:white;padding:12px;z-index:20}.skip:focus{top:8px}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.rail{background:var(--navy);color:white;padding:30px 22px}.brand{font-size:22px;font-weight:800;letter-spacing:.05em;color:white;text-decoration:none}.brand small{display:block;font-size:10px;letter-spacing:.13em;color:#b8cbdc}.rail .section-label{margin:42px 12px 12px;color:#a8bfd2;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.rail nav{display:grid;gap:7px}.rail nav a{padding:10px 13px;color:#d4e1ee;text-decoration:none;border-radius:7px}.rail nav a:hover,.rail nav a[aria-current=page]{color:white;background:#254762}.rail-note{font-size:12px;color:#afc4d6;margin:50px 12px 0}.work{min-width:0;padding:0 38px 45px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);gap:16px}.topbar span{font-size:13px;color:var(--muted)}.identity{display:flex;align-items:center;gap:10px}.avatar{background:#d8eae8;color:#116b64;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700}.page-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:30px 0 23px}.eyebrow{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);margin:0 0 4px}h1{font-size:29px;line-height:1.25;margin:0 0 8px;letter-spacing:-.025em}h2{font-size:18px;margin:0 0 16px}h3{font-size:16px;margin:0 0 8px}p{margin:0 0 14px}.muted,.help{color:var(--muted);font-size:13px}.filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap}label{display:grid;gap:5px;font-size:13px;font-weight:600}input,select,textarea{padding:10px 12px;background:white;color:var(--ink);border:1px solid #b9c7d7;border-radius:6px;max-width:100%;min-width:0}textarea{min-height:85px;resize:vertical}button,.button{padding:10px 15px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);font-weight:650;text-decoration:none;display:inline-block}.primary{background:var(--teal);border-color:var(--teal);color:white}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric{background:white;border:1px solid var(--line);border-radius:10px;padding:20px}.metric.highlight{background:var(--navy);color:white;border-color:var(--navy)}.metric .label{font-size:12px;color:var(--muted)}.metric.highlight .label,.metric.highlight .help{color:#bcd0e0}.value{font-size:30px;line-height:1.25;font-weight:750;margin:10px 0 8px;letter-spacing:-.025em;overflow-wrap:anywhere}.metric .help{font-size:11px;margin:0}.grid-two{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:23px;margin-bottom:22px;min-width:0}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}.panel-head h2{margin:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#f6f8fb;white-space:nowrap}th,td{padding:13px 12px;border-bottom:1px solid #e7edf4}td{vertical-align:top}td.number,th.number{text-align:right;font-variant-numeric:tabular-nums}.tag{display:inline-block;padding:3px 9px;border-radius:20px;background:#e5f3ef;color:#116b59;font-size:11px;font-weight:700}.actions{display:flex;gap:9px;flex-wrap:wrap}.action-list{display:grid;gap:10px}.action-list a{border:1px solid var(--line);padding:12px;border-radius:7px;text-decoration:none;display:flex;justify-content:space-between;color:var(--ink);font-size:13px}.action-list a:hover{border-color:var(--teal)}.alert{padding:12px 15px;border-radius:7px;background:#fff5e0;color:#76500e;margin:10px 0;font-size:13px}.status{padding:10px 0;color:var(--teal);min-height:40px}.status.error{color:#a32424}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full{grid-column:1/-1}.form-grid button{justify-self:start}details>summary{cursor:pointer;font-weight:650;padding:8px 0}details>form{padding-top:15px}.workflow-step{border-left:3px solid var(--teal);padding:0 0 6px 18px;margin:22px 0}.workflow-step p{font-size:13px;color:var(--muted)}.question-editor{padding:18px;background:#f5f8fb;border-radius:7px;border:1px solid var(--line);margin:14px 0}.question-editor .option-row{display:grid;grid-template-columns:25px 1fr;gap:8px;align-items:center;margin:8px 0}.question-editor .option-row input[type=radio]{width:20px;height:20px}.question-editor input[type=text]{width:100%}.option{display:flex;align-items:start;gap:12px;font-weight:400;padding:12px;border:1px solid var(--line);border-radius:7px;margin:8px 0}.option input{width:20px;height:20px;margin-top:3px}.runner fieldset{border:0;padding:0;margin:25px 0}.runner legend{font-weight:700}.runner video{width:170px;max-height:125px;border-radius:8px;background:#112b47}.runner-header{display:flex;justify-content:space-between;gap:16px;align-items:center}.timer{font-size:22px;font-weight:750;color:var(--teal)}.result-line{padding:15px 0;border-bottom:1px solid var(--line)}.result-line h3{margin:0 0 7px}.nowrap{white-space:nowrap}[hidden]{display:none!important}.loading{padding:30px;background:white;border-radius:10px}.empty{text-align:center;padding:25px;color:var(--muted)}footer{font-size:11px;color:var(--muted);padding-top:12px}.resources a{display:block;padding:8px 0}@media(min-width:1600px){.work{padding-left:55px;padding-right:55px}}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two{grid-template-columns:1fr}.shell{grid-template-columns:200px minmax(0,1fr)}.rail{padding:24px 15px}.work{padding:0 24px 30px}}@media(max-width:720px){.shell{display:block}.rail{padding:15px 18px}.brand{font-size:18px}.rail .section-label,.rail-note{display:none}.rail nav{display:flex;overflow:auto;margin-top:14px;gap:3px}.rail nav a{white-space:nowrap;padding:8px 10px;font-size:12px}.work{padding:0 16px 25px}.topbar{padding:14px 0}.topbar>span{display:none}.page-head{display:block;margin:24px 0}.filters{margin-top:18px}h1{font-size:25px}.metrics{gap:10px}.metric{padding:15px}.value{font-size:25px}.panel{padding:17px}.form-grid{grid-template-columns:1fr}.grid-two{gap:0}th,td{padding:10px}.runner-header{flex-wrap:wrap}}@media print{.rail,.topbar,.filters,button{display:none}.shell{display:block}.work{padding:0}.panel,.metric{break-inside:avoid}.metrics{grid-template-columns:repeat(4,1fr)}}

/* Colourful academy workspace — 22 October 2026 */
:root{--ink:#172447;--muted:#61708c;--line:#e4e9f3;--teal:#425bd7;--navy:#151d50;--bg:#f6f8fc}
.rail{background:linear-gradient(170deg,#10163d 0%,#263b92 75%,#3451b0 100%);padding:30px 18px;position:sticky;top:0;height:100vh;overflow-y:auto}
.rail .brand{font-size:21px;letter-spacing:.03em}.rail .brand small{color:#c4d0ff;line-height:1.7;margin-top:4px}
.rail .section-label{color:#aebef5;margin:32px 12px 12px;font-weight:700}
.rail nav{gap:6px}.rail nav a{color:#edf1ff;border-radius:10px;padding:13px 14px;display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5}
.rail nav a:before{content:"▦";width:20px;flex:0 0 20px;color:#b9cbff;font-size:18px;text-align:center}
.rail nav a[href*="growth"]:before{content:"◷"}.rail nav a[href*="assessment"]:before{content:"✓"}.rail nav a[href*="workflow"]:before{content:"≡"}.rail nav a[href*="telecalling"]:before{content:"✆"}.rail nav a[href*="college"]:before{content:"▤"}.rail nav a[href*="admin"]:before{content:"♙"}.rail nav a[href*="placement"]:before{content:"▣"}
.rail nav a:hover{background:#ffffff16}.rail nav a[aria-current=page]{background:#ffffff;color:#253b92;box-shadow:0 4px 15px #080c3022}.rail nav a[aria-current=page]:before{color:#425bd7}.rail-note{color:#c3cff4;line-height:1.8}
.work{padding:0 28px 45px}.topbar{background:#fff;margin:0 -28px;padding:20px 28px;border-bottom:1px solid #e8edf5}.avatar{background:#ecefff;color:#425bd7}.topbar .identity a{color:#425bd7;font-weight:600}
.page-head{background:#fff;border:1px solid #e7ecf5;border-radius:16px;padding:22px 24px;margin:24px 0 14px;box-shadow:0 3px 14px #16264d04}.page-head h1{font-size:29px}.eyebrow{color:#5265bd;letter-spacing:.1em}
.status{font-size:12px;padding:6px 3px;min-height:30px;color:#627395}.panel{border:1px solid #e6eaf3;border-radius:18px;padding:23px;box-shadow:0 5px 18px #18284d05;margin-bottom:22px}.panel h2{font-size:20px;color:#152445;letter-spacing:-.3px}.panel>h2:after,.panel-head h2:after{content:"";display:block;height:3px;width:62px;background:#5268e9;border-radius:3px;margin-top:9px}
.grid-two:has(#quick-actions){grid-template-columns:1fr}.grid-two:has(#quick-actions):has(> :not([hidden]):nth-child(2)){grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}
#quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#quick-actions a{--card-bg:#f0f5ff;--card-color:#3478f6;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:14px;min-height:102px;padding:18px;border:1px solid #e1e6f0;border-radius:17px;background:var(--card-bg);color:#203354;font-size:14px;font-weight:650;line-height:1.6;box-shadow:none}
#quick-actions a:before{content:"✆";display:grid;place-items:center;width:46px;height:48px;border-radius:14px;background:var(--card-color);color:white;font-size:23px;font-weight:600}
#quick-actions a:nth-child(2){--card-bg:#edfbf8;--card-color:#0ba294}#quick-actions a:nth-child(2):before{content:"▤"}
#quick-actions a:nth-child(3){--card-bg:#f4f1ff;--card-color:#7650e9}#quick-actions a:nth-child(3):before{content:"♙"}
#quick-actions a:nth-child(4){--card-bg:#fff6ec;--card-color:#f38a19}#quick-actions a:nth-child(4):before{content:"▣"}
#quick-actions a:nth-child(5){--card-bg:#edfbff;--card-color:#00a1bf}#quick-actions a:nth-child(5):before{content:"✓"}
#quick-actions a:nth-child(6){--card-bg:#fff1f4;--card-color:#e84b72}#quick-actions a:nth-child(6):before{content:"≡"}
#quick-actions a:hover{border-color:var(--card-color);box-shadow:0 5px 14px #263b6810}
.metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.metric,.metric.highlight{background:#f0f5ff;color:#172447;border:1px solid #dfe7f7;border-radius:17px;padding:22px}.metric:nth-child(6n+2){background:#edfbf8;border-color:#daf0eb}.metric:nth-child(6n+3){background:#f4f1ff;border-color:#e6defa}.metric:nth-child(6n+4){background:#fff6ec;border-color:#f6e8d7}.metric:nth-child(6n+5){background:#edfbff;border-color:#d7eff4}.metric:nth-child(6n+6){background:#fff1f4;border-color:#f5dde5}.metric .label,.metric.highlight .label{color:#435475;font-size:13px}.metric .help,.metric.highlight .help{color:#657390}.metric .value{color:#182849;font-size:31px;font-variant-numeric:tabular-nums}
.table-wrap{border:1px solid #e7ebf4;border-radius:12px}th{background:#eff3fc;color:#52638a;padding:14px 13px;font-size:11px}td{padding:15px 13px}tbody tr:nth-child(even){background:#fafbfe}tbody tr:hover{background:#f4f7ff}.tag{background:#e9edff;color:#425bd7}
button,.button{border-radius:10px;min-height:42px}.primary{background:#425bd7;border-color:#425bd7}input,select,textarea{border-color:#d6deed;border-radius:9px;min-height:42px}input:focus,select:focus,textarea:focus{outline:3px solid #425bd722;border-color:#425bd7}details.panel>summary{color:#304680}details[open]>summary{border-bottom:1px solid #e6ebf5;margin-bottom:14px;padding-bottom:14px}.form-grid{gap:17px}:focus-visible{outline:3px solid #7186ee;outline-offset:3px}
@media(min-width:1600px){.work{padding-left:36px;padding-right:36px}.topbar{margin-left:-36px;margin-right:-36px;padding-left:36px;padding-right:36px}}
@media(max-width:1100px){#quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.work{padding:0 22px 35px}.topbar{margin:0 -22px;padding:16px 22px}.grid-two:has(#quick-actions):has(> :not([hidden]):nth-child(2)){grid-template-columns:1fr}}
@media(max-width:720px){.rail{position:static;height:auto;padding:18px}.rail nav a{padding:10px 12px;font-size:12px}.rail nav a:before{font-size:16px;width:16px;flex-basis:16px}.work{padding:0 14px 28px}.topbar{margin:0 -14px;padding:14px}.page-head{padding:18px;margin:18px 0 12px}.page-head h1{font-size:25px}.panel{padding:17px;border-radius:14px}#quick-actions{gap:10px}#quick-actions a{grid-template-columns:1fr;gap:10px;padding:14px;min-height:139px;font-size:12px}#quick-actions a:before{width:38px;height:40px;font-size:20px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:16px}.metric .value{font-size:25px}.topbar .identity{flex-wrap:wrap}}
@media print{.rail{display:none}.page-head,.panel,.metric{box-shadow:none}.topbar{display:none}}