:root{--red: #C8102E;--red-dk: #9e0c24;--white: #ffffff;--gray-50: #f8f9fa;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-400:#adb5bd;--gray-600:#6c757d;--gray-800:#343a40;--dark: #1a1a2e;--success: #2ecc71;--warning: #f39c12;--info: #3498db}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--gray-50);color:var(--gray-800);min-height:100vh}.navbar{background:var(--dark);color:var(--white);padding:0 1.5rem;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000004d}.navbar-brand{display:flex;align-items:center;gap:.65rem;font-weight:700;font-size:1.1rem;white-space:nowrap;min-width:0;flex-shrink:0}.navbar-logo{height:40px;width:40px;object-fit:cover;border-radius:7px;display:block;flex-shrink:0}.navbar-station{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;letter-spacing:.01em}.navbar-brand .nsri-badge{background:var(--red);color:#fff;padding:.2rem .55rem;border-radius:4px;font-size:.8rem;font-weight:700;letter-spacing:.05em}.navbar-links{display:flex;align-items:center;gap:1.25rem}.navbar-links a{color:var(--gray-400);text-decoration:none;font-size:.9rem;transition:color .2s}.navbar-links a:hover,.navbar-links a.active{color:var(--white)}.navbar-user{font-size:.85rem;color:var(--gray-400)}.navbar-role{background:var(--red);color:#fff;padding:.15rem .5rem;border-radius:3px;font-size:.75rem;font-weight:600;margin-left:.4rem;text-transform:uppercase}.page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.page-title{font-size:1.6rem;font-weight:700;margin-bottom:1.5rem;color:var(--dark)}.card{background:var(--white);border-radius:10px;box-shadow:0 1px 4px #00000014;padding:1.5rem;margin-bottom:1.25rem}.card-title{font-size:1.05rem;font-weight:600;margin-bottom:1rem;color:var(--dark)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--white);border-radius:10px;padding:1.25rem;text-align:center;box-shadow:0 1px 4px #00000014;border-top:3px solid var(--red)}.stat-value{font-size:2rem;font-weight:700;color:var(--dark)}.stat-label{font-size:.8rem;color:var(--gray-600);margin-top:.25rem}.progress-wrap{background:var(--gray-200);border-radius:99px;height:8px;overflow:hidden}.progress-bar{height:100%;background:var(--red);border-radius:99px;transition:width .4s}.progress-bar.green{background:var(--success)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border:none;border-radius:7px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary{background:var(--red);color:var(--white)}.btn-primary:hover{background:var(--red-dk)}.btn-secondary{background:var(--gray-200);color:var(--gray-800)}.btn-secondary:hover{background:var(--gray-400);color:var(--white)}.btn-success{background:var(--success);color:var(--white)}.btn-sm{padding:.35rem .75rem;font-size:.82rem}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-block;padding:.2rem .55rem;border-radius:99px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-trained{background:#fef3cd;color:#856404}.badge-assessed{background:#d1e7dd;color:#0a3622}.badge-open{background:#f8d7da;color:#842029}.badge-role-admin{background:var(--dark);color:#fff}.badge-role-cox2{background:#6f42c1;color:#fff}.badge-role-cox3{background:#0d6efd;color:#fff}.badge-role-cox4{background:var(--info);color:#fff}.badge-role-crew{background:var(--success);color:#fff}.badge-role-shore_crew{background:#0d9488;color:#fff}.badge-role-trainee{background:var(--gray-400);color:#fff}.badge-role-shore_trainee{background:#94a3b8;color:#fff}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.88rem;font-weight:600;margin-bottom:.4rem;color:var(--gray-800)}.form-control{width:100%;padding:.6rem .85rem;border:1.5px solid var(--gray-200);border-radius:7px;font-size:.95rem;transition:border .2s;background:var(--white)}.form-control:focus{outline:none;border-color:var(--red)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th{background:var(--gray-50);padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.82rem;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--gray-200)}td{padding:.7rem 1rem;border-bottom:1px solid var(--gray-100);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--gray-50)}.module-header{background:var(--dark);color:var(--white);padding:.6rem 1rem;border-radius:7px 7px 0 0;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:space-between}.task-row{display:grid;grid-template-columns:1fr 90px 90px;align-items:center;padding:.65rem 1rem;border-bottom:1px solid var(--gray-100);gap:1rem}.task-row:last-child{border-bottom:none}.task-row:hover{background:var(--gray-50)}.task-desc{font-size:.88rem;line-height:1.4}.task-col{text-align:center;font-size:.8rem}.task-col-header{color:var(--gray-600);font-weight:600;font-size:.78rem;text-transform:uppercase}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(160deg,#1a2a52,#15204a 55%,#0f1838)}.auth-card{background:var(--white);border-radius:16px;padding:2.5rem 2.25rem;width:100%;max-width:420px;box-shadow:0 24px 70px #00000073}.auth-logo{text-align:center;margin-bottom:1.75rem}.auth-logo-img{width:128px;height:128px;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px #1a2a5247;margin-bottom:1rem}.auth-logo .nsri-title{font-size:1.35rem;font-weight:800;color:var(--dark);margin-top:.25rem;letter-spacing:.01em}.auth-logo .nsri-sub{font-size:.85rem;color:var(--gray-600);margin-top:.15rem}.auth-divider{text-align:center;margin:1rem 0;color:var(--gray-400);font-size:.85rem}.poll-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dark) 0%,#1a3a4a 100%);padding:1rem}.poll-card{background:#fff;border-radius:14px;padding:2rem;max-width:480px;width:100%;text-align:center;box-shadow:0 20px 60px #00000059}.poll-date{font-size:1.4rem;font-weight:700;color:var(--dark);margin:1rem 0 .5rem}.poll-sub{color:var(--gray-600);margin-bottom:1.5rem}.poll-btn-yes{background:var(--success);color:#fff;padding:1rem 2rem;font-size:1.1rem;border-radius:10px;border:none;cursor:pointer;margin:.5rem;font-weight:700;width:100%;transition:all .2s}.poll-btn-no{background:var(--gray-200);color:var(--gray-800);padding:1rem 2rem;font-size:1.1rem;border-radius:10px;border:none;cursor:pointer;margin:.5rem;font-weight:700;width:100%;transition:all .2s}.poll-btn-yes:hover{background:#27ae60}.poll-btn-no:hover{background:var(--gray-400)}.proposal-block{border-left:4px solid var(--red);background:var(--white);border-radius:0 10px 10px 0;padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:0 1px 4px #00000012}.proposal-block.flagged{border-left-color:var(--warning);background:#fffdf0}.proposal-block.assessment{border-left-color:var(--info)}.block-title{font-weight:700;font-size:.95rem;margin-bottom:.5rem;color:var(--dark)}.block-meta{font-size:.82rem;color:var(--gray-600);display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.alert{padding:.85rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.alert-danger{background:#f8d7da;color:#842029;border:1px solid #f5c2c7}.alert-success{background:#d1e7dd;color:#0a3622;border:1px solid #badbcc}.alert-warning{background:#fff3cd;color:#664d03;border:1px solid #ffecb5}.text-muted{color:var(--gray-600)}.text-sm{font-size:.85rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:600px){.grid-2{grid-template-columns:1fr}}.spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--gray-200);border-top-color:var(--red);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;justify-content:center;align-items:center;min-height:200px}.btn-link{background:none;border:none;color:var(--primary);cursor:pointer;padding:0;font:inherit;text-decoration:underline}.btn-link:hover{color:var(--primary-dark, #a00)}.navbar-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;margin:-.5rem}.burger{display:block;width:26px;height:20px;position:relative}.burger i{position:absolute;left:0;height:2.5px;width:100%;background:var(--white);border-radius:2px;transition:transform .25s ease,opacity .2s ease,top .25s ease}.burger i:nth-child(1){top:0}.burger i:nth-child(2){top:8.5px}.burger i:nth-child(3){top:17px}.burger-open i:nth-child(1){top:8.5px;transform:rotate(45deg)}.burger-open i:nth-child(2){opacity:0}.burger-open i:nth-child(3){top:8.5px;transform:rotate(-45deg)}.navbar-scrim{position:fixed;top:60px;right:0;bottom:0;left:0;background:#00000080;z-index:90;animation:fade .2s ease}.navbar-drawer{position:fixed;top:60px;right:0;width:78%;max-width:300px;height:calc(100vh - 60px);background:var(--dark);z-index:95;display:flex;flex-direction:column;padding-top:.5rem;box-shadow:-6px 0 24px #0006;animation:slideIn .25s ease;overflow-y:auto}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.navbar-drawer-brand{display:flex;justify-content:center;padding:1.25rem 1rem .75rem;border-bottom:1px solid rgba(255,255,255,.1)}.navbar-drawer-logo{width:76px;height:76px;object-fit:cover;border-radius:12px}.navbar-drawer-user{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);color:var(--white);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.navbar-drawer-link{background:none;border:none;text-align:left;width:100%;padding:.9rem 1.25rem;color:var(--gray-400);font-size:1rem;cursor:pointer;border-left:3px solid transparent;transition:background .15s,color .15s}.navbar-drawer-link:hover{background:#ffffff0d;color:var(--white)}.navbar-drawer-link.active{color:var(--white);border-left-color:var(--red);background:#c8102e1f}@media (max-width: 900px){.page{padding:1.25rem 1rem}.page-title{font-size:1.35rem;margin-bottom:1rem}.navbar-station{display:none}.navbar-links-desktop{display:none!important}.navbar-toggle{display:block!important}.navbar{padding:0 1rem}.navbar-brand{font-size:1rem;gap:.5rem}}@media (max-width: 680px){.page{padding:1rem .75rem}.page-title{font-size:1.2rem}.card{padding:1rem;border-radius:10px}.card-title{font-size:1rem}.table-wrap{-webkit-overflow-scrolling:touch;margin:0 -.25rem}table{font-size:.85rem}th,td{padding:.5rem}.btn{padding:.6rem 1rem;font-size:.9rem}.btn-sm{padding:.45rem .75rem;font-size:.82rem}.flex-between{flex-wrap:wrap;gap:.6rem}.stat-row{flex-wrap:wrap;gap:1rem 1.5rem}}@media (max-width: 680px){td>div,.btn-group{flex-wrap:wrap!important}}@media (hover: none) and (pointer: coarse){.btn{min-height:42px}.navbar-drawer-link{min-height:46px}input,select{min-height:42px;font-size:16px}}@media (max-width: 600px){table.responsive-table{border-collapse:separate;border-spacing:0}table.responsive-table thead{display:none}table.responsive-table tr{display:block;background:var(--white);border:1px solid var(--gray-200);border-radius:10px;padding:.35rem .25rem;margin-bottom:.7rem;box-shadow:0 1px 3px #0000000d}table.responsive-table td{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .75rem;border:none;border-bottom:1px solid var(--gray-100);text-align:right}table.responsive-table tr td:last-child{border-bottom:none}table.responsive-table td:before{content:attr(data-label);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-600);text-align:left;flex:0 0 auto}table.responsive-table td:not([data-label]){justify-content:flex-end}table.responsive-table td:not([data-label]):before{content:none}table.responsive-table tr:hover td{background:transparent}table.responsive-table td[data-label=Name],table.responsive-table td[data-label=Crew]{font-size:1.02rem;font-weight:700;color:var(--dark)}table.responsive-table td[data-label=Name]:before,table.responsive-table td[data-label=Crew]:before{display:none}}@media (max-width: 600px){.task-row{grid-template-columns:1fr;gap:.35rem;padding:.75rem 1rem}.task-row .task-col{text-align:left;display:flex;justify-content:space-between}.task-row .task-col:before{content:attr(data-col);font-weight:600;color:var(--gray-600);font-size:.75rem}.task-col-header{display:none}}@media (max-width: 600px){.learner-row-head{flex-wrap:wrap}.stat-row{justify-content:space-between}.stat-row>div{flex:1 1 40%;text-align:center}}.crm-detail-row td{background:var(--gray-50);padding:0!important}.crm-detail{padding:.85rem 1.1rem;border-left:3px solid var(--red)}.crm-detail-head{font-weight:700;font-size:.9rem;margin-bottom:.6rem;color:var(--dark)}.crm-detail-grid{display:grid;gap:.35rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.crm-detail-item{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;background:var(--white);border:1px solid var(--gray-200);border-radius:7px;padding:.4rem .65rem}.crm-detail-sub{font-weight:600;font-size:.85rem;color:var(--dark)}.crm-detail-dates{font-size:.8rem;color:var(--gray-600);white-space:nowrap}@media (max-width: 600px){.crm-detail-row td{display:block}.crm-detail-row td:before{content:none!important}}.poll-logo{width:88px;height:88px;object-fit:cover;border-radius:14px;box-shadow:0 6px 18px #1a2a5240}