.hn-student-shell,.hn-staff-shell{font-family:Arial,Helvetica Neue,sans-serif;--lumo-border-radius-m:8px;--lumo-header-text-color:#080d53;--lumo-body-text-color:#505782}.hn-student-shell{--lumo-primary-color:#174cff;--lumo-primary-text-color:#174cff;--lumo-primary-color-10pct:#edf3ff;background:#f4f8ff}.hn-staff-shell{--lumo-primary-color:#1261df;--lumo-primary-text-color:#1261df;background:#f7f9fc}.hn-student-shell::part(navbar){height:70px;background:#fff;border-bottom:1px solid #e5edff}.hn-staff-shell::part(navbar){min-height:100px;background:#fff}.hn-header{box-sizing:border-box;padding:0 20px;gap:16px;min-width:0}.hn-brand{font-size:28px;font-weight:800;color:#174cff;text-decoration:none;white-space:nowrap}.hn-staff-shell .hn-brand{color:#1261df}.hn-header-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hn-header .app-drawer-footer{width:auto;margin-left:auto;flex-shrink:0}.hn-header .app-account-row{width:auto;gap:10px}.hn-header .app-account-toggle{background:transparent;color:#080d53;max-width:220px}.hn-header vaadin-avatar{background:#ede9ff;color:#6650bc}.hn-header .app-account-row>div{order:-1}.app-account-menu .app-logout-button{margin:0;min-height:44px;background:transparent;justify-content:flex-start}.hn-student-shell .app-drawer-content,.hn-staff-shell .app-drawer-content{background:#fff;padding:18px 12px!important}.hn-student-shell .app-side-nav::part(label){display:none}.hn-student-shell .app-side-nav vaadin-side-nav-item::part(link){min-height:62px;padding:12px;color:#080d53;font-size:14px;line-height:1.45}.hn-student-shell .app-side-nav vaadin-side-nav-item[current]::part(link){background:#edf3ff;color:#174cff}.hn-menu-icon{width:26px;height:26px;flex-shrink:0}.hn-staff-shell .app-side-nav vaadin-side-nav-item::part(link){min-height:52px;font-size:18px;color:#071c59}.hn-outline-list{box-sizing:border-box;padding:20px!important;gap:24px!important;background:#f4f8ff;color:#505782;min-width:0;height:auto}.hn-student-hero{box-sizing:border-box;position:relative;width:100%;min-height:240px;border-radius:18px;padding:45px 40px;background:#174cff url(/hn40/images/student-hero.png) no-repeat right 20px center;background-size:auto 95%;color:#fff}.hn-student-hero h1{color:#fff;font-size:38px;line-height:1.2;max-width:70%;margin:0}.hn-student-hero p{font-size:20px;max-width:65%;line-height:1.5;margin:14px 0 0}.hn-outline-panel{box-sizing:border-box;width:100%;min-width:0;padding:26px;border:1px solid #e5edff;border-radius:16px;background:#fff}.hn-list-heading{align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}.hn-list-heading h2{font-size:26px;margin:0;color:#080d53}.hn-outline-search{width:75%;max-width:100%;margin-bottom:20px;--lumo-size-m:46px}.hn-outline-search::part(input-field){background:#fff;border:1px solid #d5deef;border-radius:9px}.hn-outline-grid{border:0;font-size:14px;min-width:0}.hn-outline-grid::part(header-cell){background:#f0f4fc;color:#080d53;font-weight:600}.hn-outline-grid::part(cell){min-height:82px;border-color:#e5edff}.hn-outline-status{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:9px;font-size:13px;font-weight:600;white-space:nowrap}.hn-outline-status vaadin-icon{width:15px;height:15px}.hn-outline-status.done{background:#dcf9e7;color:#168747}.hn-outline-status.pending{background:#fff0d8;color:#b95b00}.hn-outline-count{display:block;margin-top:7px;font-size:13px;color:#697596}.hn-outline-action{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:10px 12px;border-radius:8px;color:#174cff;font-weight:600;text-decoration:none;white-space:nowrap}.hn-outline-action.primary{background:#ff4c55;color:#fff}.hn-outline-action:focus-visible,.hn-brand:focus-visible{outline:3px solid #174cff;outline-offset:3px}.hn-pagination{align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:24px}.hn-pagination vaadin-button{background:#fff;border:1px solid #e5edff;color:#174cff;min-height:44px}.hn-outline-cards{display:none}@media(min-width:768px)and (max-width:1199px){.hn-student-hero{padding:36px 26px}.hn-student-hero h1{font-size:32px}.hn-outline-search{width:100%}.hn-staff-shell::part(navbar){min-height:88px}}@media(max-width:767px){.hn-header{padding:0 8px;gap:8px}.hn-header-title{display:none}.hn-header .app-account-toggle{max-width:110px;font-size:13px}.hn-header .app-account-row{gap:4px}.hn-brand{font-size:24px}.hn-staff-shell::part(navbar){min-height:76px}.hn-outline-list{padding:12px!important;gap:16px!important}.hn-student-hero{padding:30px 20px;background-position:right -40px bottom;background-size:auto 65%}.hn-student-hero h1{font-size:28px;max-width:90%}.hn-student-hero p{font-size:16px;max-width:65%}.hn-outline-panel{padding:18px 14px}.hn-list-heading h2{font-size:21px}.hn-outline-search{width:100%}.hn-outline-grid{display:none}.hn-outline-cards{display:block}.hn-outline-card{padding:20px 0;border-top:1px solid #e5edff;overflow-wrap:anywhere}.hn-outline-card h3{color:#080d53;font-size:17px;line-height:1.5;margin:8px 0}.hn-outline-card>span{font-size:12px;color:#697596}.hn-outline-card>a{margin-top:12px}.hn-pagination{justify-content:center;font-size:13px}}.outline-item{width:100%!important;display:inline-block;margin-left:0!important}.outline-item-title{min-width:300px;max-width:600px}.outline-item-level-1 p{font-weight:700}.outline-item-level-2 p{text-indent:20px}.outline-item-level-3 p{text-indent:40px}.outline-item-level-4 p{text-indent:60px}.outline-item-level-5 p{text-indent:80px}.container,.container-center{width:100%;padding:var(--lumo-space-m)}.container-center{margin:0 auto;text-align:center}.container-div{margin-top:var(--lumo-space-m)}.container-mar{padding:var(--lumo-space-m)}.progress-container{display:flex;flex-direction:column;border:1px solid #ccc;border-radius:8px;overflow:hidden}.progress-row{display:flex;border-bottom:1px solid #eee}.progress-row:last-child{border-bottom:none}.row-item{padding:10px;flex:1}.section-header{font-weight:700;background-color:#f0f8ff}.action button{padding:5px 10px;cursor:pointer}.sub-row.sub-row-level-1{margin-left:0}.sub-row.sub-row-level-2{text-indent:20px}.sub-row.sub-row-level-3{text-indent:40px}.card-layout{display:flex;flex-direction:column;gap:20px}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.card-title{font-size:20px;color:#000;margin-top:0;margin-bottom:15px}.action-link{color:#007bff;text-decoration:none;font-weight:500;margin-bottom:15px;display:block}.result-section{margin-top:15px;padding-top:15px;border-top:1px solid #eee}.card-actions{margin-top:30px;display:flex;gap:10px}.primary-button,.secondary-button{padding:10px 20px;border-radius:5px;font-size:16px;cursor:pointer;border:none}.primary-button{background-color:#007bff;color:#fff}.primary-button:hover{background-color:#0056b3}.secondary-button{background-color:#e9ecef;color:#333;border:1px solid #ccc}.secondary-button:hover{background-color:#d6d8db}.sectioned-layout{margin:0 auto;background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.form-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{font-size:22px;color:#000;margin-top:0;margin-bottom:15px}.action-link{color:#007bff;text-decoration:none;font-weight:500;margin-bottom:15px;display:inline-block}.action-link:hover{text-decoration:underline}.result-info{margin-top:10px}.result-label{font-weight:600;color:#555;margin-bottom:3px}.result-status{color:#777;font-style:italic}.form-actions{margin-top:30px;display:flex;justify-content:flex-end;gap:10px}.textarea-input{width:100%}.result-label{font-weight:600;color:#555;margin-bottom:5px}.score-list{list-style:none;padding:0;margin:0 0 15px}.score-list li{padding:2px 0;color:#444}.result-summary{font-size:1.1em;margin-bottom:15px;color:#007bff}.result-detail{font-size:1em;margin-bottom:20px;color:#333;font-weight:700}.result-detail ul{padding:0;margin:0 0 0 20px;font-weight:400}.student-profile-markdown h2{margin-bottom:var(--lumo-space-m)}.student-profile-markdown h2+h3{margin-top:var(--lumo-space-m)}.description-paragraph{margin-bottom:15px;line-height:1.6;color:#555}.description-paragraph:last-child{margin-bottom:0}.breadcrumbs{padding:12px 16px;background-color:#f5f5f5;border-radius:4px;margin-bottom:16px}.breadcrumbs a{color:#1976d2;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .separator{margin:0 8px;color:#757575}.breadcrumbs .current{color:#757575}.text-red{color:#b10202}.container,.container-center{box-sizing:border-box}.report-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.outline-item-cb{padding:10px 20px;min-width:350px}.report .primary-button{padding-top:0;padding-bottom:0}.user-profile-column,.user-profile-survey{box-sizing:border-box;min-width:0;width:calc(50% - 1.5rem);max-width:calc(50% - 1.5rem);flex:0 1 calc(50% - 1.5rem)}@media(max-width:900px){.user-profile-column,.user-profile-survey{width:100%;max-width:100%;flex-basis:100%}}.school-report-tb::part(header-cell),.school-report-tb::part(cell){white-space:normal;align-items:flex-start}.school-report-tb::part(cell){text-overflow:clip;overflow:visible}.school-report-tb::part(header-cell),.school-report-tb::part(footer-cell){font-weight:700}.app-drawer-content{box-sizing:border-box;background:linear-gradient(180deg,var(--lumo-contrast-5pct),transparent 45%);padding:var(--lumo-space-m)!important}vaadin-side-nav.app-side-nav::part(label){padding:var(--lumo-space-s) var(--lumo-space-s) var(--lumo-space-xs);color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}vaadin-side-nav.app-side-nav vaadin-side-nav-item::part(link){box-sizing:border-box;min-height:44px;margin:2px 0;padding:0 var(--lumo-space-s);border-radius:var(--lumo-border-radius-m);color:var(--lumo-body-text-color);font-size:var(--lumo-font-size-m);transition:background-color .12s ease,color .12s ease}vaadin-side-nav.app-side-nav vaadin-side-nav-item::part(link):hover{background-color:var(--lumo-contrast-10pct);color:var(--lumo-primary-text-color)}vaadin-side-nav.app-side-nav vaadin-side-nav-item[current]::part(link){background-color:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color);font-weight:600}vaadin-side-nav.app-side-nav vaadin-side-nav-item.report-submenu-group::part(link){width:calc(100% - 16px);margin-inline-start:16px;font-weight:600}vaadin-side-nav.app-side-nav vaadin-side-nav-item.report-submenu-item::part(link){width:calc(100% - 32px);margin-inline-start:32px;padding-inline-start:var(--lumo-space-m);border-inline-start:2px solid var(--lumo-contrast-20pct)}vaadin-side-nav.app-side-nav vaadin-side-nav-item.report-nested-group::part(link){width:calc(100% - 32px);margin-inline-start:32px}vaadin-side-nav.app-side-nav vaadin-side-nav-item.report-nested-item::part(link){width:calc(100% - 48px);margin-inline-start:48px}vaadin-side-nav.app-side-nav vaadin-side-nav-item.report-submenu-item[current]::part(link){border-inline-start-color:var(--lumo-primary-color)}vaadin-side-nav.app-side-nav vaadin-side-nav-item>vaadin-icon{width:var(--lumo-icon-size-s);height:var(--lumo-icon-size-s);color:var(--lumo-secondary-text-color)}vaadin-side-nav.app-side-nav vaadin-side-nav-item[current]>vaadin-icon{color:var(--lumo-primary-color)}.app-drawer-footer{box-sizing:border-box;padding:0!important}.app-account-row,.app-logout-button{width:100%}.app-account-row{box-sizing:border-box;justify-content:space-between;gap:var(--lumo-space-s)}.app-account-toggle{justify-content:flex-start;min-width:0;flex:1;overflow:hidden;color:var(--lumo-primary-text-color);background-color:var(--lumo-contrast-5pct);font-size:var(--lumo-font-size-m);font-weight:500}.app-logout-button{min-height:52px;justify-content:center;margin:var(--lumo-space-s) 0 0;color:var(--lumo-primary-text-color);background-color:var(--lumo-contrast-5pct);font-size:var(--lumo-font-size-m);font-weight:500}.app-account-toggle:hover,.app-logout-button:hover{background-color:var(--lumo-primary-color-10pct)}vaadin-popover.app-account-popover::part(overlay){border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-l)}vaadin-popover.app-account-popover::part(content){padding:var(--lumo-space-s)}.app-account-menu-link{box-sizing:border-box;width:100%;padding:var(--lumo-space-s) var(--lumo-space-m);border-radius:var(--lumo-border-radius-m);color:var(--lumo-primary-text-color);font-size:var(--lumo-font-size-m);text-decoration:none}.app-account-menu-link:hover{background-color:var(--lumo-primary-color-10pct)}vaadin-grid.progress-tree-grid::part(progress-level-0){background-color:var(--lumo-primary-color-10pct);font-weight:700}vaadin-grid.progress-tree-grid::part(progress-level-1){background-color:var(--lumo-contrast-5pct);font-weight:600}vaadin-grid.progress-tree-grid::part(progress-level-2){font-weight:400}vaadin-grid.progress-tree-grid::part(progress-parent){min-height:46px;border-top:1px solid var(--lumo-contrast-10pct)}vaadin-grid.progress-tree-grid::part(progress-leaf){font-weight:400}.progress-tree-cell{box-sizing:border-box;width:100%;min-width:0;min-height:32px;overflow:visible}.progress-tree-guide{position:relative;align-self:stretch;flex:0 0 24px;min-height:32px}.progress-tree-guide:before{content:"";position:absolute;top:-12px;bottom:-12px;left:50%;border-left:1px dashed var(--lumo-contrast-20pct)}.progress-tree-guide.branch:after{content:"";position:absolute;top:50%;right:0;left:50%;border-top:1px dashed var(--lumo-contrast-20pct)}.progress-tree-toggle,.progress-tree-toggle-spacer{flex:0 0 28px;width:28px;min-width:28px}.progress-tree-toggle{height:28px;padding:0;color:var(--lumo-secondary-text-color)}.progress-tree-toggle-spacer{display:inline-block}.progress-tree-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-summary{display:inline-flex;align-items:center;padding:.15rem .5rem;border:1px solid var(--lumo-contrast-20pct);border-radius:var(--lumo-border-radius-s);font-size:var(--lumo-font-size-xs);font-weight:600;white-space:nowrap}.progress-summary.complete{border-color:var(--lumo-success-color-50pct);color:var(--lumo-success-text-color);background-color:var(--lumo-success-color-10pct)}.progress-summary.partial{color:var(--lumo-secondary-text-color);background-color:var(--lumo-contrast-5pct)}.progress-responsive-content{width:100%;min-width:0}.progress-mobile-list{display:none!important}.progress-time-range{display:flex;flex-direction:column;line-height:1.35;white-space:nowrap}.progress-time-range span+span:before{content:"- "}@media(min-width:600px)and (max-width:1023px){vaadin-grid.progress-desktop-grid .progress-tree-title{overflow:visible;text-overflow:clip;white-space:normal}vaadin-grid.progress-desktop-grid::part(cell),vaadin-grid.progress-desktop-grid::part(header-cell){padding-inline:var(--lumo-space-s)}}@media(max-width:599px){.progress-desktop-grid{display:none!important}.progress-mobile-list{display:flex!important;gap:var(--lumo-space-xs)}.progress-mobile-group,.progress-mobile-leaf{box-sizing:border-box;width:100%}vaadin-details.progress-mobile-group{overflow:hidden;border:1px solid var(--lumo-primary-color-20pct);border-radius:var(--lumo-border-radius-m);background-color:var(--lumo-primary-color-10pct)}vaadin-details.progress-mobile-group::part(summary){min-height:48px;padding:var(--lumo-space-s)}vaadin-details.progress-mobile-group::part(content){padding:0 var(--lumo-space-xs) var(--lumo-space-xs) calc(var(--lumo-space-m) + var(--lumo-space-xs));background-color:var(--lumo-base-color)}.progress-mobile-summary{width:100%;min-width:0}.progress-mobile-title{min-width:0;color:var(--lumo-header-text-color);font-weight:700;line-height:1.35;white-space:normal}.progress-mobile-children{position:relative;gap:var(--lumo-space-xs);padding-top:var(--lumo-space-xs)!important}.progress-mobile-children:before{content:"";position:absolute;top:0;bottom:var(--lumo-space-m);left:calc(-1 * var(--lumo-space-s));border-left:1px dashed var(--lumo-contrast-20pct)}.progress-mobile-leaf{position:relative;display:flex;flex-direction:column;gap:var(--lumo-space-s);padding:var(--lumo-space-m);border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m);background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-xs)}.progress-mobile-leaf:before{content:"";position:absolute;top:24px;left:calc(-1 * var(--lumo-space-s));width:var(--lumo-space-s);border-top:1px dashed var(--lumo-contrast-20pct)}.progress-mobile-leaf-title{color:var(--lumo-body-text-color);font-weight:600;line-height:1.4;overflow-wrap:anywhere}.progress-mobile-state-row{width:100%;justify-content:space-between;flex-wrap:wrap}.progress-mobile-state-row a{margin-left:auto;font-weight:600;text-decoration:none}.progress-mobile-date{display:flex;align-items:center;gap:var(--lumo-space-xs);color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s)}.progress-mobile-date vaadin-icon{width:var(--lumo-icon-size-s);height:var(--lumo-icon-size-s)}.progress-mobile-list .progress-summary{flex-shrink:0}}.outline-detail-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:var(--lumo-space-l);width:100%;align-items:start}.outline-detail-content{min-width:0}.outline-detail-content>*+*{margin-top:var(--lumo-space-l)}.outline-detail-content>vaadin-horizontal-layout{flex-wrap:wrap}.outline-detail-progress{position:sticky;top:var(--lumo-space-m);max-height:calc(100dvh - 120px);overflow-y:auto;border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-l);background:var(--lumo-base-color)}.detail-progress-sidebar{padding:var(--lumo-space-s)}.detail-progress-sidebar h3{margin:var(--lumo-space-s) var(--lumo-space-s) var(--lumo-space-m)}.detail-progress-row{padding:var(--lumo-space-s);padding-left:calc(var(--lumo-space-s) + var(--progress-depth) * 12px);margin-bottom:4px;border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-s);background:var(--lumo-contrast-5pct);color:var(--lumo-body-text-color);overflow-wrap:anywhere;font-size:var(--lumo-font-size-s)}.detail-progress-row a{display:block;color:inherit;text-decoration:none}.detail-progress-row a:hover{text-decoration:underline}.detail-progress-root{background:var(--lumo-primary-color-10pct)}.detail-progress-group{font-weight:600}.detail-progress-status{display:table;margin-top:6px;padding:.15rem .5rem;border:1px solid transparent;border-radius:var(--lumo-border-radius-s);font-size:var(--lumo-font-size-xs);font-weight:600;color:var(--lumo-error-text-color);background:var(--lumo-error-color-10pct)}.detail-progress-group .detail-progress-status{border-color:var(--lumo-contrast-20pct);color:var(--lumo-secondary-text-color);background:var(--lumo-contrast-5pct)}.detail-progress-completed .detail-progress-status{color:var(--lumo-success-text-color);background:var(--lumo-success-color-10pct)}.detail-progress-group.detail-progress-completed .detail-progress-status{border-color:var(--lumo-success-color-50pct)}.detail-progress-current{box-shadow:inset 3px 0 var(--lumo-primary-color);outline:1px solid var(--lumo-primary-color-50pct)}.detail-progress-current a{font-weight:600}@media(max-width:900px){.outline-detail-body{grid-template-columns:minmax(0,1fr);padding-bottom:calc(var(--lumo-space-l) + env(safe-area-inset-bottom,0px))}.outline-detail-progress{position:static;max-height:280px}}