:root{--yale-blue:#094074;--baltic-blue:#3c6997;--regal-navy:#003566;--school-bus-yellow:#ffc300;--gold:#ffd60a;--ink:#17212b;--muted:#65717d;--line:#dfe5ea;--bg:#f4f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}.page{min-height:100vh}.topbar{z-index:1000;background:var(--regal-navy);color:#fff;border-bottom:4px solid var(--school-bus-yellow);padding:14px 24px;position:sticky;top:0}.topbar-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;max-width:1200px;min-height:58px;margin:auto;display:grid}.brand{align-items:center;min-width:0;display:flex}.brand .vsi-logo{content:url(/vsi-logo-white.png);object-fit:contain;object-position:left center;flex:none;width:155px;height:58px;display:block}.brand small{display:none}.topbar-inner>span{letter-spacing:.12em;color:#fff;text-align:center;white-space:nowrap;justify-self:center;font-size:18px;font-weight:900}.social-links{justify-content:flex-end;align-items:center;gap:10px;display:flex}.social-links a{color:#0000;background:0 0;border:1px solid #ffffff61;border-radius:50%;place-items:center;width:38px;height:38px;text-decoration:none;transition:transform .15s,background-color .15s,border-color .15s;display:grid;position:relative}.social-links a:hover{background:#ffffff24;border-color:#fff;transform:translateY(-1px)}.social-links a:before{content:"";background-position:50%;background-repeat:no-repeat;background-size:contain;width:21px;height:21px;display:block}.social-links a:first-child:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M14 8h3V4h-3c-3.31 0-5 1.99-5 5v3H6v4h3v4h4v-4h3.25l.75-4H13V9c0-.67.33-1 1-1Z'/%3E%3C/svg%3E")}.social-links a:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M6.5 8.5A2 2 0 1 0 6.5 4.5a2 2 0 0 0 0 4ZM5 10h3v9H5v-9Zm5 0h2.9v1.23h.04c.4-.76 1.38-1.56 2.84-1.56 3.04 0 3.6 2 3.6 4.6V19h-3v-4.2c0-1 0-2.3-1.4-2.3s-1.62 1.1-1.62 2.23V19H10v-9Z'/%3E%3C/svg%3E")}.social-links a:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.2' fill='%23fff'/%3E%3C/svg%3E")}.social-links a:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='3' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath fill='%23fff' d='m10 8 6 4-6 4V8Z'/%3E%3C/svg%3E")}.social-links a:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath d='M8 12h8M13 8l4 4-4 4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.shell{max-width:1200px;margin:0 auto;padding:28px 20px 70px}.form-intro{border:1px solid var(--line);border-left:5px solid var(--school-bus-yellow);background:#fff;border-radius:14px;margin:0 0 28px;padding:20px 24px;box-shadow:0 5px 20px #0035660d}.form-intro p{max-width:900px;color:var(--baltic-blue);margin:0;font-size:15px;line-height:1.7}.hero{border:1px solid var(--line);border-top:6px solid var(--school-bus-yellow);background:#fff;border-radius:18px;margin-bottom:32px;padding:34px;box-shadow:0 8px 30px #0035660f}.hero h1{letter-spacing:-.03em;color:var(--regal-navy);margin:0 0 14px;font-size:clamp(34px,5vw,54px);line-height:1.03}.hero h1 span{color:var(--yale-blue)}.hero p{max-width:760px;color:var(--muted);margin:0;line-height:1.65}.kicker{letter-spacing:.14em;color:var(--baltic-blue);margin:0 0 10px;font-size:12px;font-weight:900}.section{border:1px solid var(--line);background:#fff;border-radius:16px;margin:18px 0;overflow:hidden;box-shadow:0 3px 16px #00356609}.section-head{background:var(--regal-navy);color:#fff;border-bottom:0;align-items:center;gap:18px;padding:22px 28px;display:flex}.number{background:var(--school-bus-yellow);width:40px;height:40px;color:var(--regal-navy);box-shadow:none;border-radius:10px;flex:0 0 40px;place-items:center;font-size:12px;font-weight:900;display:grid}.section-head h2{color:#fff;margin:0 0 5px;font-size:21px}.section-head p{color:#ffffffdb;margin:0;font-size:14px;line-height:1.5}.section-body{padding:28px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.full{grid-column:1/-1}label{color:#35424d;font-size:13px;font-weight:800;display:block}input,select,textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #ccd5dd;border-radius:10px;outline:none;margin-top:8px;padding:12px 13px;font-size:15px;transition:border-color .15s,box-shadow .15s}input:hover,select:hover,textarea:hover{border-color:#9fb0c0}input:focus,select:focus,textarea:focus{border-color:var(--baltic-blue);box-shadow:0 0 0 3px #3c69971f}.was-validated input:invalid,.was-validated select:invalid,.was-validated textarea:invalid{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}textarea{resize:vertical;min-height:120px}.hint{color:var(--muted);margin-top:6px;font-size:12px;font-weight:400;line-height:1.45}.options{flex-wrap:wrap;gap:10px;margin-top:9px;display:flex}.option{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:8px;padding:11px 13px;font-weight:600;display:flex}.option input{width:auto;margin:0}.notice{border-left:4px solid var(--school-bus-yellow);color:#514500;background:#fff9dc;border-radius:8px;margin-top:18px;padding:14px 16px;font-size:13px;line-height:1.5}.table-wrap{overflow:auto}.money-table{border-collapse:collapse;width:100%;min-width:650px}.money-table th,.money-table td{border-bottom:1px solid var(--line);text-align:left;padding:10px;font-size:13px}.money-table th{color:var(--regal-navy);background:#f4f7fa}.money-table input{margin:0}.small-btn{border:1px solid var(--line);color:var(--regal-navy);cursor:pointer;background:#fff;border-radius:8px;padding:9px 12px;font-weight:800}.small-btn:hover{border-color:var(--baltic-blue);background:#f5f9fc}.actions{justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.submit{background:var(--school-bus-yellow);color:var(--regal-navy);cursor:pointer;border:0;border-radius:10px;padding:15px 25px;font-size:15px;font-weight:900;box-shadow:0 5px 14px #ffc30033}.submit:hover{background:var(--gold)}.submit:disabled{opacity:.6;cursor:not-allowed}.error{color:#9a2525;background:#fff0f0;border:1px solid #efb6b6;border-radius:9px;margin-top:18px;padding:13px 15px}.success{border:1px solid var(--line);border-top:6px solid var(--school-bus-yellow);text-align:center;background:#fff;border-radius:16px;padding:55px 30px;box-shadow:0 8px 30px #0035660f}.success-mark{background:var(--regal-navy);color:#fff;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 18px;font-size:28px;display:grid}.success h1{color:var(--regal-navy);margin:0 0 12px;font-size:34px}.success p{color:var(--muted);line-height:1.6}.ref{color:var(--regal-navy);letter-spacing:.04em;background:#eef4f8;border-radius:8px;margin:18px 0;padding:12px 18px;font-weight:900;display:inline-block}form>.section:nth-of-type(6) .section-body>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}form>.section:nth-of-type(6) .section-body>.grid>label{border:1px solid var(--line);background:#f8fafc;border-radius:10px;padding:12px}form>.section:nth-of-type(6) .section-body>.grid>label input{background:#fff}form>.section:nth-of-type(6) .section-body>.grid>label:nth-child(-n+12){border-top:3px solid var(--baltic-blue)}form>.section:nth-of-type(6) .section-body>.grid>label:nth-child(n+13){border-top:3px solid var(--school-bus-yellow)}.participant-panels{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.participant-panel{border:1px solid var(--line);background:#f8fafc;border-radius:12px;overflow:hidden}.participant-panel-title{background:var(--regal-navy);color:#fff;letter-spacing:.08em;padding:14px 16px;font-size:13px;font-weight:900}.participant-table{padding:12px}.participant-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(105px,1.35fr) repeat(3,minmax(70px,1fr));align-items:center;gap:8px;padding:8px 0;display:grid}.participant-row:last-child{border-bottom:0}.participant-row>span,.participant-row>strong{color:var(--regal-navy);font-size:12px}.participant-row.participant-header{padding:4px 0 8px}.participant-row.participant-header>span{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:11px;font-weight:900}.participant-row input{text-align:center;border-radius:7px;margin:0;padding:9px 8px;font-size:14px}.participant-total{border-top:1px solid var(--line);color:var(--regal-navy);background:#eef4f8;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:800;display:flex}.participant-total strong{font-size:18px}.participant-performance{border:1px solid var(--line);background:#f8fafc;border-radius:12px;grid-template-columns:2fr 1fr 1fr;gap:16px;margin-top:24px;padding:18px;display:grid}.participant-performance>div{flex-direction:column;gap:6px;display:flex}.participant-performance span{color:var(--muted);letter-spacing:.08em;font-size:11px;font-weight:900}.participant-performance strong{color:var(--regal-navy);font-size:18px}.attendance-register{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:22px;padding:18px}.attendance-title{color:var(--regal-navy);margin-bottom:4px;font-size:16px;font-weight:900}.document-list{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.document-list-title{color:var(--regal-navy);background:#f4f7fa;padding:10px 12px;font-size:12px;font-weight:900}.document-item{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.document-meta{flex-direction:column;gap:3px;min-width:0;display:flex}.document-meta strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.document-meta span{color:var(--muted);font-size:11px}.report-content .full:has(.activity-results){position:relative}.report-content .full:has(.activity-results)>label{margin-bottom:2px;display:block}.report-content .full:has(.activity-results)>input{background:#fff;border:2px solid #dfe3e8;border-radius:28px;height:52px;margin-top:7px;padding:14px 18px 14px 48px;font-size:16px;transition:border-color .15s,box-shadow .15s;box-shadow:0 2px 8px #20212414}.report-content .full:has(.activity-results)>input:focus{border-color:var(--baltic-blue);box-shadow:0 2px 12px #3c69972e,0 0 0 3px #3c699714}.report-content .full:has(.activity-results):before{content:"⌕";z-index:2;color:var(--muted);pointer-events:none;font-size:25px;line-height:1;position:absolute;top:39px;left:18px}.activity-results{z-index:50;background:#fff;border:1px solid #dfe3e8;border-radius:14px;margin-top:8px;padding:8px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 12px 30px #00356629}.activity-result{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:145px 1fr;gap:3px 14px;padding:13px 14px;transition:background-color .12s,transform .12s;display:grid}.activity-result:hover,.activity-result:focus-visible{background:#f3f7fb;outline:none}.activity-result strong{color:var(--regal-navy);letter-spacing:.03em;grid-row:1/3;align-self:center;font-size:13px}.activity-result span{color:var(--regal-navy);font-size:14px;font-weight:800}.activity-result small{color:var(--muted);font-size:12px}.activity-results .hint{margin:0;padding:13px 14px}.workspace{grid-template-columns:250px minmax(0,1fr);gap:24px;max-width:1400px;margin:0 auto;padding:28px 20px 70px;display:grid}.report-sidebar{background:linear-gradient(165deg,var(--regal-navy),var(--yale-blue));border:1px solid #ffffff1f;border-radius:18px;align-self:start;padding:12px;position:sticky;top:94px;overflow:hidden;box-shadow:0 12px 30px #0035662e}.sidebar-title{color:#fff;letter-spacing:.12em;padding:12px 12px 4px;font-size:14px;font-weight:900}.sidebar-subtitle{color:#ffffffa6;text-transform:uppercase;letter-spacing:.08em;padding:0 12px 12px;font-size:11px;font-weight:700}.report-sidebar>a{color:#ffffffe0;border-radius:10px;align-items:center;gap:10px;margin:3px 0;padding:10px 11px;font-size:12px;font-weight:800;text-decoration:none;transition:background-color .15s,color .15s,transform .15s;display:flex;position:relative}.report-sidebar>a span{color:#fff;background:#ffffff1a;border-radius:8px;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:10px;font-weight:900;display:grid}.report-sidebar>a:nth-of-type(3n+1) span{background:var(--baltic-blue)}.report-sidebar>a:nth-of-type(3n+2) span{background:#ffffff2e}.report-sidebar>a:nth-of-type(3n) span{background:var(--school-bus-yellow);color:var(--regal-navy)}.report-sidebar>a:before{content:"";background:0 0;border-radius:3px;width:3px;position:absolute;top:7px;bottom:7px;left:0}.report-sidebar>a:hover{color:#fff;background:#ffffff1f;transform:translate(2px)}.report-sidebar>a:hover:before{background:var(--school-bus-yellow)}.report-sidebar>a:hover span{transform:scale(1.05)}.report-content{min-width:0}.report-content .form-intro{margin-top:0}@media (max-width:900px){.workspace{grid-template-columns:1fr;padding:22px 12px 50px}.report-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:10px;display:grid;position:relative;top:auto}.sidebar-title,.sidebar-subtitle{grid-column:1/-1}.report-sidebar>a{margin:1px 0}.activity-result{grid-template-columns:110px 1fr}}@media (max-width:700px){.topbar{padding:12px 16px}.topbar-inner{grid-template-columns:1fr auto;gap:10px;min-height:48px}.brand .vsi-logo{width:112px;height:44px}.topbar-inner>span{justify-self:end;font-size:12px}.social-links{grid-column:1/-1;justify-content:center;gap:8px;padding-top:4px}.social-links a{width:34px;height:34px}.social-links a:before{width:18px;height:18px}.shell{padding:22px 12px 50px}.form-intro{margin-bottom:22px;padding:17px 18px}.section-head,.section-body{padding:20px}.section-head{gap:13px}.number{flex-basis:36px;width:36px;height:36px}.actions{display:block}.submit{width:100%}.hero h1{font-size:38px}form>.section:nth-of-type(6) .section-body>.grid,.participant-panels,.participant-performance{grid-template-columns:1fr}.participant-row{grid-template-columns:minmax(90px,1.2fr) repeat(3,minmax(56px,1fr));gap:5px}.participant-row input{padding:8px 5px;font-size:13px}.participant-panel-title{padding:12px 14px}.participant-table{padding:10px}.attendance-register{padding:16px}.document-item{flex-direction:column;align-items:flex-start}.report-sidebar{grid-template-columns:1fr}.report-sidebar>a{padding:9px 10px}.report-content .full:has(.activity-results)>input{height:48px}.activity-result{grid-template-columns:1fr;row-gap:4px}.activity-result strong{grid-row:auto}.activity-results{border-radius:12px}}