.login-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.login-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.25rem 1rem 2rem;width:100%;box-sizing:border-box;min-height:0}.header{background:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 3rem;flex-shrink:0;position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-gold-subtle);box-shadow:0 4px 20px #0003}.header-left{display:flex;align-items:center;gap:1.5rem;flex:1 1 auto;min-width:0}.header-link:not(.register-btn):after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--text-gold);transition:width .3s ease}.header-link:not(.register-btn):hover:after{width:100%}.register-btn{padding:.6rem 1.5rem;background:var(--bg-navy-light);color:var(--text-gold-light);border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;text-decoration:none}.register-btn:hover{background:var(--text-gold-light);color:var(--bg-navy-light);transform:translateY(-1px);box-shadow:0 6px 12px var(--shadow-gold)}.header-title-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;min-width:0;flex:1 1 auto}.title-txt{font-size:clamp(.9rem,2vw,1.1rem);margin:0;color:var(--text-inverted);font-weight:700;text-transform:uppercase;letter-spacing:1px;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3);max-width:100%;overflow-wrap:anywhere}.unit-name{font-size:clamp(.72rem,1.4vw,.85rem);margin:0;color:var(--text-gold);font-weight:500;letter-spacing:.5px;line-height:1.2;max-width:100%;overflow-wrap:anywhere}.login-container{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:auto;width:100%;max-width:420px;margin:0 auto;border-radius:12px;border:1px solid var(--border-gold-light);position:relative;overflow:visible;max-height:none;padding:1.6rem 2rem 1.35rem;box-sizing:border-box;box-shadow:0 6px 18px #00000026,0 0 0 1px var(--border-gold-faint);display:flex;flex-direction:column;gap:.45rem;transition:transform .3s ease,box-shadow .3s ease;scrollbar-gutter:stable}.login-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(to right,var(--ncc-red) 0%,var(--ncc-red) 33%,var(--ncc-blue) 33%,var(--ncc-blue) 66%,var(--ncc-lightblue) 66%,var(--ncc-lightblue) 100%)}.login-container:hover{transform:translateY(-2px);box-shadow:0 15px 35px #00000040}.login-header{margin:0 0 .2rem;text-align:center;color:var(--text-primary);font-size:1.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--border-gold);padding-bottom:.5rem;display:inline-block;align-self:center}.form-group{display:flex;flex-direction:column;gap:.2rem;margin-bottom:0}.login-container .form-input{padding:.95rem 1.1rem;border:1px solid transparent;border-radius:4px;background-color:var(--bg-input);color:var(--text-primary);font-size:1.15rem;outline:none;transition:all .3s ease;box-sizing:border-box;width:100%;font-family:inherit}.login-container .form-input:hover{background-color:var(--bg-input-hover)}.login-container .form-input:focus{border-color:var(--border-gold);background-color:var(--bg-primary);box-shadow:0 4px 15px #0000001a}.login-container .password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s;border-radius:50%}.login-container .password-toggle:hover{color:var(--text-primary);background-color:#0000000d}.login-container .form-input::placeholder{color:var(--text-tertiary);font-size:1.05rem}.login-container .captcha-container{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-bottom:.2rem}.login-container .captcha-display-box{width:100%;height:4rem;border:1px solid #ccc;border-radius:6px;background-color:#f1f3f4;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-container .captcha-display-box .captcha-img-full{width:100%;height:100%;object-fit:fill;display:block}.login-container .captcha-placeholder{font-size:1.1rem;color:var(--text-secondary)}.login-container .captcha-refresh-text-btn{align-self:flex-start;display:flex;align-items:center;gap:.35rem;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:.95rem;padding:0;margin-top:-.2rem;margin-bottom:.2rem;transition:color .2s ease}.login-container .captcha-refresh-text-btn:hover{color:var(--text-primary)}.login-container .captcha-label{display:block;margin-bottom:.2rem;font-size:1.1rem;font-weight:500;color:#444;text-transform:none;letter-spacing:0;align-self:flex-start}.login-container .captcha-input{width:100%;min-height:3.5rem;padding:.95rem 1.1rem!important;font-size:1.1rem;line-height:1.4;box-sizing:border-box}.login-container .captcha-input::placeholder{font-size:1.12rem}.login-container .login-button{margin-top:.1rem;margin-bottom:0;padding:.95rem 1rem;background:var(--bg-navy-light);color:var(--text-gold-light);border:1px solid var(--text-gold-light);border-radius:4px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.login-container .login-button:hover{background:var(--text-gold-light);color:var(--bg-navy-light);transform:translateY(-1px);box-shadow:0 6px 12px var(--shadow-gold)}.login-container .login-button:active{transform:translateY(0)}@media(max-width:1024px){.header{padding:1rem 2rem}}@media(max-width:768px){.header{padding:.85rem 1rem}.header-left{gap:.85rem}.ncc-logo{height:3rem}.login-main{padding:1.5rem 1rem}.login-container{width:min(100%,420px);padding:1.5rem 1.5rem 1.25rem}}@media(max-width:600px){.header{position:sticky;flex-direction:row;align-items:center;justify-content:flex-start;padding:.8rem .75rem;gap:.75rem;height:auto;min-height:auto}.header-left{flex-direction:row;text-align:left;gap:.75rem;width:100%}.ncc-logo{height:2.75rem;width:auto;flex:0 0 auto}.header-title-wrapper{margin-left:0;align-items:flex-start}.title-txt{font-size:clamp(.82rem,3vw,.98rem);text-align:left;line-height:1.15}.unit-name{font-size:clamp(.68rem,2vw,.78rem);text-align:left;line-height:1.15}.login-main{padding:1rem .75rem}.login-container{width:100%;padding:1.25rem 1.15rem 1rem;gap:.4rem;box-shadow:0 4px 12px #0000001a;margin:0}.login-container .form-input,.login-container .captcha-input{font-size:1rem}.login-container .form-input::placeholder,.login-container .captcha-input::placeholder,.login-container .captcha-placeholder{font-size:1rem}}@media(max-width:400px){.login-container{padding:1.2rem 1rem 1rem}.login-container .captcha-display-box{height:3.5rem}.login-container .captcha-input{min-height:3.5rem;padding:.85rem .95rem!important}.login-container .captcha-label{font-size:1.16rem}.login-container .captcha-placeholder{font-size:1.1rem}}@media(max-width:360px){.header-left{gap:.5rem}.header{padding:.7rem .6rem;gap:.5rem}.ncc-logo{height:2.5rem}.title-txt{font-size:.8rem}.unit-name{font-size:.66rem}.login-container .captcha-display-box{height:3.25rem}.login-container{max-height:none}}.login-page .header{justify-content:flex-start;gap:.55rem}.login-page .header-left{flex-direction:row;align-items:center;justify-content:flex-start;width:100%;min-width:0;gap:.55rem}.login-page .header-title-wrapper{flex:1 1 auto;min-width:0;align-items:flex-start;gap:.1rem}.login-page .title-txt{font-size:clamp(.74rem,2.6vw,1.1rem);line-height:1.1;max-width:100%;overflow-wrap:anywhere}.login-page .unit-name{font-size:clamp(.6rem,1.8vw,.85rem);line-height:1.1;max-width:100%;overflow-wrap:anywhere}.login-page .captcha-label{font-size:clamp(1.02rem,1.8vw,1.15rem)}.login-page .captcha-placeholder{font-size:clamp(1rem,1.8vw,1.15rem)}.login-page .header-right{display:none}@media(max-width:700px){.login-page .header{padding:.7rem}.login-page .header-left{gap:.5rem}.login-page .ncc-logo{height:2.5rem}}.login-container .login-loading-spinner{display:inline-block;width:1.2rem;height:1.2rem;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--text-inverted);animation:login-spin 1s ease-in-out infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.error-message-container{background-color:var(--status-error-bg);color:var(--status-error);border:1px solid var(--status-error);padding:.8rem 1rem;border-radius:6px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.8rem;font-size:.9rem;font-weight:500}.error-message-container svg{flex-shrink:0}.register-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;object-position:center;z-index:-1;opacity:.5}.header{background:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem 3rem;position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-gold-subtle);box-shadow:0 4px 20px #0003}.header-left{display:flex;align-items:center;gap:1.5rem}.header-link{color:#ffffffe6;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;position:relative}.header-link:not(.register-btn):hover{color:var(--text-gold)}.header-link:not(.login-btn):after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--text-gold);transition:width .3s ease}.header-link:not(.login-btn):hover:after{width:100%}.login-btn{padding:.6rem 1.5rem;background:var(--bg-navy-light);color:var(--text-gold-light);border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;text-decoration:none}.login-btn:hover{background:var(--text-gold-light);color:var(--bg-navy-light);transform:translateY(-1px);box-shadow:0 6px 12px var(--shadow-gold)}.ncc-logo{height:3.5rem;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.header-title-wrapper{display:flex;flex-direction:column;gap:.25rem}.title-txt{font-size:1.1rem;margin:0;color:var(--text-inverted);font-weight:700;text-transform:uppercase;letter-spacing:1px;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.unit-name{font-size:.85rem;margin:0;color:var(--text-gold);font-weight:500;letter-spacing:.5px}.register-container{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:auto;width:95%;max-width:30rem;margin:auto;border-radius:8px;border:1px solid var(--border-gold-light);position:relative;overflow:hidden;padding:1.5rem;box-sizing:border-box;box-shadow:0 6px 18px #00000026,0 0 0 1px var(--border-gold-faint);display:flex;flex-direction:column;gap:1rem;transition:transform .3s ease}.register-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(to right,var(--ncc-red) 0%,var(--ncc-red) 33%,var(--ncc-blue) 33%,var(--ncc-blue) 66%,var(--ncc-lightblue) 66%,var(--ncc-lightblue) 100%)}.register-container:hover{transform:translateY(-2px);box-shadow:0 15px 35px #00000040}.register-header{margin:0 0 .5rem;text-align:center;color:var(--text-primary);font-size:1.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--border-gold);padding-bottom:.5rem;display:inline-block;align-self:center}.form-input{padding:1rem 1.2rem;border:1px solid transparent;border-radius:4px;background-color:var(--bg-input);color:var(--text-primary);font-size:1rem;outline:none;transition:all .3s ease;box-sizing:border-box;width:100%;font-family:inherit}.form-input:hover{background-color:var(--bg-input-hover)}.form-input:focus{border-color:var(--border-gold);background-color:var(--bg-primary);box-shadow:0 4px 15px #0000001a}.auto-selected-input{background-color:#ffd7001a!important;border:1px solid var(--border-gold-subtle)!important;color:var(--text-primary)!important;cursor:not-allowed}.auto-selected-input::placeholder{color:var(--text-gold);opacity:.7}.password-group{position:relative}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s;border-radius:50%}.password-toggle:hover{color:var(--text-primary);background-color:#0000000d}.form-input::placeholder{color:var(--text-tertiary)}.captcha-section{display:flex;gap:.75rem;align-items:center;width:100%}.captcha-display{flex:0 0 40%;height:3.2rem;border:1px solid var(--border-secondary);border-radius:4px;background-color:var(--bg-card);background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.03) 10px,rgba(0,0,0,.03) 20px);box-sizing:border-box}.captcha-input{flex:1;min-width:0}.register-button{margin-top:1rem;padding:.9rem;background:var(--bg-navy-light);color:var(--text-gold-light);border:1px solid var(--text-gold-light);border-radius:4px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.register-button:hover{background:var(--text-gold-light);color:var(--bg-navy-light);transform:translateY(-1px);box-shadow:0 6px 12px var(--shadow-gold)}.register-button:active{transform:translateY(0)}@media(max-width:600px){.header{position:relative;padding:.5rem;height:auto;min-height:auto;flex-direction:column;gap:.5rem}.header-left{flex-direction:column;align-items:center;justify-content:center;width:100%;gap:.5rem}.ncc-logo{height:3rem;width:auto}.header-title-wrapper{margin-left:0;align-items:center}.header-title-wrapper .title-txt{font-size:.9rem;text-align:center;line-height:1.2}.header-title-wrapper .unit-name{font-size:.7rem;text-align:center;line-height:1.2}.header-right{width:100%;justify-content:center;gap:1rem;padding-bottom:.25rem}.header-link{font-size:.8rem}.register-container{width:90%;padding:1.5rem;margin:1.5rem auto}}.user-type-toggle{display:grid;grid-template-columns:repeat(4,1fr);background-color:var(--bg-card);border-radius:4px;padding:.25rem;position:relative;margin-bottom:1.5rem;border:1px solid var(--border-secondary)}.toggle-slider{position:absolute;top:.25rem;left:.25rem;width:calc((100% - .5rem)/4);height:calc(100% - .5rem);background-color:#fff;border-radius:3px;box-shadow:0 2px 4px #0000001a;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1}.toggle-btn{background:none;border:none;padding:.6rem .2rem;font-size:.8rem;font-weight:600;color:var(--text-secondary);cursor:pointer;z-index:2;transition:color .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:inherit}.toggle-btn.active{color:var(--text-primary)}.toggle-btn:hover:not(.active){color:var(--text-primary);opacity:.7}.scrollable-form{max-height:40vh;overflow-y:auto;padding-right:.5rem;margin-right:-.5rem;padding-bottom:1rem}.scrollable-form::-webkit-scrollbar{width:4px}.scrollable-form::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}.scrollable-form::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.form-content{display:flex;flex-direction:column;gap:1rem}.name-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.select-input{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1rem top 50%;background-size:.65rem auto;cursor:pointer}.select-input:invalid{color:var(--text-tertiary)}.select-input option{color:var(--text-primary)}.input-error{border-color:var(--status-error)!important;box-shadow:0 0 0 1px var(--status-error)!important}.status-container{align-items:center;justify-content:center;text-align:center;min-height:20rem}.status-icon{width:4rem;height:4rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.success-icon{color:var(--status-success);background-color:var(--status-success-bg);border:2px solid var(--status-success)}.error-icon{color:var(--status-error);background-color:var(--status-error-bg);border:2px solid var(--status-error)}.status-title{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.status-message{color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.5}.status-btn{width:auto;padding-left:2rem;padding-right:2rem;text-decoration:none;display:inline-block}.loading-spinner{display:inline-block;width:1.2rem;height:1.2rem;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--text-inverted);animation:spin 1s ease-in-out infinite}.password-group{position:relative;display:flex;align-items:center}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle:hover{color:var(--text-primary)}.password-toggle:focus{outline:none;color:var(--text-link)}.password-group .form-input{padding-right:40px}.form-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--divider)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin:0 0 .5rem}.form-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:600px){.form-grid{grid-template-columns:1fr 1fr}.full-width{grid-column:span 2}}@media(max-width:700px){.header{flex-direction:column;align-items:stretch;height:auto;padding:.5rem;gap:.5rem}.header-left{flex-direction:row;align-items:center;width:100%;justify-content:space-between}.header-title-wrapper{margin-left:.5rem;margin-top:0;gap:.1rem;flex:1}.header-right{flex-direction:column;align-items:flex-end;gap:.5rem;width:100%;margin-top:.5rem}.navbar-profile-card{width:100%;justify-content:flex-start;font-size:12px;margin-bottom:.3rem}.session-timer{margin-right:0!important;width:100%;justify-content:flex-end}.logout-btn{margin-left:0!important;width:100%;text-align:right}}@media(max-width:500px){.header{padding:.2rem;gap:.2rem}.header-title-wrapper .title-txt{font-size:1rem}.navbar-profile-card{font-size:11px;padding:4px}.header-right{gap:.2rem}}@media(max-width:900px){.header{flex-direction:column;height:auto;padding:.5rem 1rem;align-items:flex-start;gap:.5rem}.header-left{flex-direction:row;align-items:center;width:100%}.header-title-wrapper{margin-left:1rem;gap:.1rem}.header-right{flex-direction:row;gap:1rem;width:100%;justify-content:flex-end}.navbar-profile-card{padding:6px 8px;border-radius:8px;font-size:13px}.session-timer{margin-right:.5rem!important}}@media(max-width:700px){.header{flex-direction:column;align-items:stretch;padding:.5rem;height:auto;gap:.5rem}.header-left{flex-direction:column;align-items:flex-start;width:100%}.header-title-wrapper{margin-left:0;margin-top:.5rem;gap:.1rem}.header-right{flex-direction:column;align-items:flex-end;gap:.5rem;width:100%}.navbar-profile-card{width:100%;justify-content:flex-start;font-size:12px}.session-timer{margin-right:0!important}.logout-btn{margin-left:0!important;width:100%;text-align:right}}@media(max-width:700px){.cadet-main-container{flex-direction:column;padding:0;min-height:100vh}.sidebar{width:100%;flex-direction:row;flex-wrap:wrap;overflow-x:auto;padding:.5rem .2rem;gap:.2rem;border-right:none;border-bottom:1px solid var(--border-secondary);background:var(--bg-card);min-height:unset}.sidebar-item{flex:1 1 45%;min-width:120px;max-width:48%;font-size:.95rem;padding:.6rem .5rem;margin:.1rem;text-align:center}.dashboard-content{width:100%;padding:.5rem .2rem;min-width:0}}@media(max-width:500px){.header{padding:.2rem}.header-title-wrapper .title-txt{font-size:1rem}.sidebar-item{font-size:.85rem;min-width:90px;padding:.4rem .2rem}.navbar-profile-card{font-size:11px;padding:4px}}.header{background:var(--bg-header);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);height:10vh!important;flex-shrink:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:1000;border-bottom:4px solid var(--border-gold)}.title-txt{font-size:1.4rem;margin:0;color:var(--text-inverted);font-weight:700;letter-spacing:.5px}.navbar-profile-card{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#0f2f4fb3;border-radius:12px;border:1px solid rgba(218,165,32,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.navbar-profile-card:hover{background:#0f2f4fe6;border-color:var(--border-gold);transform:translateY(-1px);box-shadow:0 4px 12px #daa52033}.navbar-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--text-gold);box-shadow:0 2px 8px #0000004d}.navbar-profile-text{display:flex;flex-direction:column;gap:1px}.navbar-profile-role{font-size:10px;font-weight:700;color:var(--text-gold);letter-spacing:.5px;text-transform:uppercase;line-height:1.2}.navbar-profile-id{font-size:11px;color:var(--text-inverted);font-weight:500;opacity:.9;line-height:1.2}.cadet-main-container{flex:1;height:auto;display:flex;flex-direction:row;background:#fffffff2;margin:0;border-radius:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;box-shadow:none}.dashboard-content{flex:1;padding:2rem;overflow-y:auto;position:relative;z-index:0;display:flex;flex-direction:column}.header-account-btn{background:transparent;border:2px solid var(--text-gold);color:var(--text-tertiary);cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;overflow:hidden;padding:0;flex-shrink:0}.header-account-backdrop{position:fixed;inset:0;z-index:998}.header-account-modal{position:absolute;top:calc(100% + 12px);right:0;width:280px;background:var(--bg-primary);border-radius:12px;box-shadow:0 10px 40px #00000040;z-index:999;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-secondary);animation:accountSlideIn .2s ease-out;padding:1.5rem}.header-account-modal .logout-btn{width:100%;text-align:center;padding:.8rem;margin-top:.5rem;display:inline-block;box-sizing:border-box;position:relative}.header-view-all-btn{width:100%;padding:.6rem 1rem;background:var(--bg-navy-light);color:var(--text-gold-light);border:none;border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.header-view-all-btn:hover{background:var(--text-gold-light);color:var(--bg-navy-light)}.dashboard-main-grid{display:grid;grid-template-columns:1fr 350px;gap:1.5rem;width:100%;min-height:85vh;align-items:start}.dashboard-left-section{display:flex;flex-direction:column;gap:1.5rem;position:relative}.dashboard-profile-sidebar{position:fixed;right:2rem;width:350px;z-index:50;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding-bottom:1rem;box-sizing:border-box}.dashboard-row{width:100%}.dashboard-left-section .stats-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.75rem;width:100%;margin-top:0;text-align:left}.stat-widget{background:var(--bg-primary);border-radius:.6rem;padding:.75rem;border:1px solid var(--border-secondary);box-shadow:0 2px 8px var(--shadow-color-light);display:flex;flex-direction:column;align-items:center;gap:.4rem;transition:transform .2s,box-shadow .2s;min-width:0}.stat-widget:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color-light)}.stat-widget-header{display:flex;align-items:center;gap:.5rem;width:100%}.stat-widget-icon-small{color:var(--text-gold)}.stat-widget-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-widget-icon{padding:.5rem;border-radius:8px;background:var(--bg-card)}.stat-widget-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;text-align:center;width:100%;flex:1}.stat-widget-value{font-size:1.5rem;font-weight:700;line-height:1.2}.stat-widget-subtitle{font-size:.65rem;color:var(--text-tertiary)}.upcoming-training-widget{background:linear-gradient(135deg,#243b55,#141e30);border-radius:.6rem;padding:.75rem;color:var(--text-inverted);display:flex;flex-direction:column;gap:.4rem;transition:transform .2s,box-shadow .2s;min-width:0}.upcoming-training-widget:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--shadow-color-dark)}.training-widget-icon{color:var(--text-gold)}.training-widget-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.training-widget-title{font-size:.85rem;font-weight:600;margin:0;color:var(--text-gold-light);text-align:left}.training-widget-details{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.training-detail-item{display:flex;align-items:center;gap:.35rem;font-size:.7rem;opacity:.9}.training-dress-code{background:#ffffff1a;padding:.3rem .5rem;border-radius:4px;font-size:.65rem;margin-top:auto}.dashboard-profile-card{background:linear-gradient(135deg,#243b55,#141e30);border-radius:1rem;padding:1.75rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;color:var(--text-inverted);position:relative;overflow:hidden;border:1px solid var(--border-primary);width:100%;max-width:350px}.dashboard-profile-card:after{content:"";position:absolute;top:0;right:-20%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03));transform:skew(-20deg)}.profile-card-watermark{position:absolute;top:1rem;right:1rem;height:3.5rem;width:auto;z-index:2;opacity:.5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.profile-card-avatar{height:9rem;width:9rem;border-radius:50%;border:4px solid var(--border-gold);box-shadow:0 4px 15px #0000004d;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.profile-card-rank{position:absolute;bottom:0;left:50%;transform:translate(-50%);background:var(--text-gold);color:var(--bg-header);padding:.3rem .9rem;border-radius:1rem;font-weight:800;font-size:.8rem;box-shadow:0 2px 5px #0003;white-space:nowrap}.profile-card-info{text-align:center;z-index:1}.profile-card-name{font-size:1.4rem;font-weight:700;margin:0 0 .5rem;color:var(--text-gold-light);letter-spacing:.3px}.profile-card-id{font-size:.85rem;opacity:.9;font-family:monospace;letter-spacing:.5px;background:#ffffff1a;display:inline-block;padding:.25rem .7rem;border-radius:4px;margin-bottom:2rem}.profile-card-btn{padding:.7rem 1.2rem;background:var(--text-gold);color:var(--bg-header);border:none;border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.4rem;z-index:1;text-transform:uppercase;letter-spacing:.3px;width:100%;margin-bottom:1rem}.profile-card-btn:hover{background:var(--text-gold-light);transform:translateY(-1px);box-shadow:0 4px 8px #0003}.profile-card-badges{display:flex;flex-direction:column;gap:.75rem;width:100%;z-index:1;margin-top:auto}.profile-badge-item{display:flex;flex-direction:column;gap:.15rem}.profile-badge-label{font-size:.7rem;text-transform:uppercase;opacity:.7;letter-spacing:.5px}.profile-badge-value{font-size:.9rem;font-weight:600}.info-panels-grid,.bottom-panels-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dashboard-panel{background:var(--bg-primary);border-radius:.8rem;padding:1.25rem;border:1px solid var(--border-secondary);box-shadow:0 2px 8px var(--shadow-color-light)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--bg-card)}.panel-title-group{display:flex;align-items:center;gap:.6rem}.panel-icon{color:var(--text-gold);display:flex;align-items:center;justify-content:center;padding:.4rem;background:var(--bg-card);border-radius:6px}.panel-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.notification-count{background:var(--ncc-red);color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:10px;min-width:18px;text-align:center}.panel-link{background:none;border:none;color:var(--text-link);font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.3rem;transition:color .2s}.panel-link:hover{color:var(--border-primary)}.notifications-list{display:flex;flex-direction:column;gap:.5rem;max-height:280px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:6px;background:var(--bg-card);transition:background .2s;position:relative}.notification-item:hover{background:var(--bg-button)}.notification-item.new{background:#4d7fe814;border-left:3px solid var(--border-primary)}.notification-icon{color:var(--text-secondary);flex-shrink:0;padding:.3rem;background:var(--bg-primary);border-radius:4px}.notification-content{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.notification-title{font-size:.85rem;font-weight:600;color:var(--text-primary)}.notification-message{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{font-size:.7rem;color:var(--text-tertiary)}.notification-dot{width:8px;height:8px;background:var(--ncc-red);border-radius:50%;flex-shrink:0;margin-top:.3rem}.learning-overview{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-card);border-radius:8px;margin-bottom:1rem}.learning-overview-text{display:flex;flex-direction:column;gap:.25rem}.learning-overview-title{font-size:.9rem;font-weight:700;color:var(--text-primary)}.learning-overview-subtitle{font-size:.75rem;color:var(--text-secondary)}.learning-modules-list{display:flex;flex-direction:column;gap:.75rem}.learning-module-card{padding:.75rem;background:var(--bg-card);border-radius:6px;transition:background .2s}.learning-module-card:hover{background:var(--bg-button)}.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.module-title{font-size:.85rem;font-weight:600;color:var(--text-primary)}.module-progress-text{font-size:.75rem;color:var(--text-tertiary);font-weight:500}.module-progress-bar{height:6px;background:var(--border-secondary);border-radius:3px;overflow:hidden;margin-bottom:.4rem}.module-progress-fill{height:100%;background:linear-gradient(90deg,var(--ncc-lightblue),var(--border-primary));border-radius:3px;transition:width .3s ease}.module-status{font-size:.7rem;color:var(--text-tertiary)}.quick-actions-panel.full-width{width:100%;margin-bottom:2rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.quick-actions-grid.full-width{grid-template-columns:repeat(4,1fr)}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#f8fafc99;border:1px solid var(--border-secondary);border-radius:8px;cursor:pointer;transition:all .2s}.quick-action-btn:hover{background:#f8fafce6;border-color:var(--border-primary);transform:translateY(-2px)}.quick-action-icon{color:var(--text-link)}.quick-action-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-align:center;text-transform:uppercase;letter-spacing:.5px}.achievements-list{display:flex;flex-direction:column;gap:.75rem}.achievement-badge{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:linear-gradient(135deg,#d4af371a,#e5c15d0d);border-radius:8px;border:1px solid rgba(212,175,55,.2);transition:all .2s}.achievement-badge:hover{border-color:var(--text-gold);transform:translate(4px)}.achievement-icon{color:var(--text-gold);padding:.5rem;background:var(--bg-primary);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color-light)}.achievement-info{display:flex;flex-direction:column;gap:.15rem}.achievement-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.achievement-date{font-size:.7rem;color:var(--text-tertiary)}.notification-bell-wrapper{position:absolute;top:0;right:0;z-index:100}.notification-bell-btn{position:relative;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text-secondary);box-shadow:0 2px 8px var(--shadow-color-light)}.notification-bell-btn:hover{background:var(--bg-button);border-color:var(--border-primary);color:var(--text-link);transform:scale(1.05)}.notification-bell-count{position:absolute;top:-4px;right:-4px;background:var(--ncc-red);color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.notification-modal-backdrop{position:fixed;inset:0;background:#0000004d;z-index:999}.notification-modal{position:absolute;top:50px;right:0;width:380px;max-height:480px;background:var(--bg-primary);border-radius:12px;box-shadow:0 10px 40px #0003;z-index:1000;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-secondary);animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-secondary);background:var(--bg-card)}.notification-modal-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary)}.notification-modal-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.notification-modal-close:hover{background:var(--bg-button);color:var(--text-primary)}.notification-modal-body{flex:1;overflow-y:auto;padding:.5rem}.notification-modal-footer{padding:.75rem 1.25rem;border-top:1px solid var(--border-secondary);background:var(--bg-card)}.view-all-btn{width:100%;padding:.6rem 1rem;background:var(--bg-button);color:var(--text-link);border:1px solid var(--border-primary);border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.view-all-btn:hover{background:var(--border-primary);color:#fff}@media(max-width:1200px){.dashboard-main-grid{grid-template-columns:1fr 300px}.dashboard-profile-sidebar{width:300px;right:1.5rem}.dashboard-profile-card{max-width:300px}.dashboard-left-section .stats-grid{grid-template-columns:2fr 1fr 1fr}.quick-actions-grid.full-width{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.dashboard-main-grid{grid-template-columns:1fr}.dashboard-left-section .stats-grid{grid-template-columns:2fr 1fr 1fr}.dashboard-profile-sidebar{position:relative;top:0;right:0;width:100%;height:auto;max-height:none;overflow-y:visible;order:-1}.dashboard-profile-card{flex-direction:row;flex-wrap:wrap;justify-content:center;text-align:center;min-height:auto;max-width:none}.profile-card-badges{flex-direction:row;flex-wrap:wrap;gap:.5rem}.info-panels-grid,.bottom-panels-grid{grid-template-columns:1fr}.quick-actions-grid.full-width{grid-template-columns:repeat(2,1fr)}.header-notification-modal{width:calc(100vw - 2rem);right:-1rem}}@media(max-width:600px){.dashboard-left-section .stats-grid{grid-template-columns:1fr}.stat-widget{flex-direction:row;justify-content:flex-start;text-align:left}.stat-widget-content{align-items:flex-start}.quick-actions-grid,.quick-actions-grid.full-width{grid-template-columns:1fr}.dashboard-profile-card{flex-direction:column;min-height:auto}.header-notification-modal{width:calc(100vw - 1rem);right:-.5rem;max-height:70vh}}.coming-soon-wrapper{position:relative;overflow:hidden}.blur-content{filter:blur(4px);transition:filter .3s ease;-webkit-user-select:none;user-select:none;pointer-events:none}.coming-soon-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card);color:var(--text-secondary);padding:.6rem 1.2rem;border-radius:8px;font-weight:700;font-size:.9rem;z-index:10;transition:opacity .3s ease,transform .3s ease;box-shadow:0 4px 12px #0006;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.dashboard-panel:hover .blur-content{filter:blur(0);pointer-events:auto;-webkit-user-select:auto;user-select:auto}.dashboard-panel:hover .coming-soon-label{opacity:0;pointer-events:none;transform:translate(-50%,-40%)}.header{position:sticky;top:0;z-index:1002;display:flex;align-items:center;justify-content:space-between;gap:.9rem;min-height:3.8rem!important;height:auto!important;padding:.6rem 1rem!important;background:linear-gradient(180deg,#0a192ff5,#0a192feb);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(229,193,93,.28);box-shadow:0 12px 30px #060e1b3d}.header-left{display:flex;align-items:center;gap:.75rem!important;min-width:0;flex:1 1 auto}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:.6rem!important;flex:0 0 auto}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.55rem!important;flex-wrap:nowrap}.ncc-logo{width:2.8rem!important;height:2.8rem!important;max-width:2.8rem!important;max-height:2.8rem!important;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.18))}.header-title-wrapper{display:flex;flex-direction:column;min-width:0;gap:.15rem}.title-txt{margin:0;color:var(--text-inverted);font-size:clamp(.92rem,.9vw + .7rem,1.2rem);font-weight:800;line-height:1.12;letter-spacing:.02em}.unit-name{margin:0;color:#e5c15deb;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.mobile-menu-toggle{display:none;width:2.35rem!important;height:2.35rem!important;border:1px solid rgba(229,193,93,.34)!important;border-radius:.9rem!important;background:#112544e0!important;align-items:center;justify-content:center;flex-direction:column;gap:.28rem;padding:0;cursor:pointer;flex:0 0 auto;box-shadow:inset 0 1px #ffffff0d}.mobile-menu-toggle span{display:block;width:1.05rem;height:.125rem;border-radius:999px;background:var(--text-gold-light);transition:transform .2s ease,opacity .2s ease}.mobile-menu-toggle.open span:nth-child(1){transform:translateY(.4rem) rotate(45deg)}.mobile-menu-toggle.open span:nth-child(3){transform:translateY(-.4rem) rotate(-45deg)}.session-timer{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .65rem!important;border-radius:999px!important;background:#0f2f4fb8!important;border:1px solid rgba(229,193,93,.3)!important;color:var(--text-gold-light);font-size:.8rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;box-shadow:0 6px 16px #050c182e}.session-timer svg{flex:0 0 auto}.header-notification-wrapper,.header-account-wrapper{position:relative;display:flex;align-items:center}.header-notification-btn,.header-account-btn{width:2.35rem!important;height:2.35rem!important;display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem!important;border:1px solid rgba(229,193,93,.3)!important;background:#0f2f4fb8!important;color:var(--text-gold-light);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;padding:0;flex-shrink:0;box-shadow:0 6px 16px #050c182e}.header-notification-btn:hover,.header-account-btn:hover{background:#143a60f5;border-color:#e5c15da6;transform:translateY(-1px);box-shadow:0 10px 22px #050c183d}.header-notification-btn{position:relative;overflow:visible}.header-account-btn{border-radius:999px;overflow:hidden}.header-account-btn img,.header-account-btn svg{width:100%;height:100%}.header-notification-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;border:2px solid #ffffff;background:var(--ncc-red);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;line-height:1;box-shadow:0 2px 6px #0000004d}.header-notification-backdrop,.header-account-backdrop{position:fixed;inset:0;background:#060e1b4d;z-index:998}.header-notification-modal,.header-account-modal{position:absolute;top:calc(100% + .7rem);right:0;z-index:999;overflow:hidden;border:1px solid var(--border-secondary);border-radius:1rem;background:var(--bg-primary);box-shadow:0 18px 45px #060e1b47}.header-notification-modal{width:min(24rem,calc(100vw - 1rem));max-height:25rem;display:flex;flex-direction:column;animation:notifSlideIn .2s ease-out}.header-notification-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.95rem 1rem;background:var(--bg-card);border-bottom:1px solid var(--border-secondary)}.header-notification-header h3{margin:0;color:var(--text-primary);font-size:.95rem;font-weight:800;letter-spacing:.02em}.header-notification-close{display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border:none;border-radius:.5rem;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background .2s ease,color .2s ease}.header-notification-close:hover{background:#1a4ba814;color:var(--text-primary)}.header-notification-body{flex:1;overflow-y:auto;padding:.45rem}.header-notif-item{display:flex;align-items:flex-start;gap:.75rem;padding:.8rem;border-radius:.8rem;transition:background .2s ease,transform .2s ease;position:relative;cursor:pointer}.header-notif-item:hover{background:var(--bg-card);transform:translateY(-1px)}.header-notif-icon{flex-shrink:0;padding:.45rem;border-radius:.7rem;background:var(--bg-card);color:var(--text-secondary)}.header-notif-content{display:flex;flex-direction:column;min-width:0;flex:1;gap:.18rem}.header-notif-title{color:var(--text-primary);font-size:.88rem;font-weight:700}.header-notif-message{color:var(--text-secondary);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-notif-time{margin-top:.1rem;color:var(--text-tertiary);font-size:.72rem}.header-notif-dot{width:.5rem;height:.5rem;margin-top:.4rem;border-radius:50%;background:var(--ncc-red);flex-shrink:0}.header-notif-loading,.header-notif-empty{padding:1.75rem 1rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.header-notification-footer{padding:.8rem .95rem;border-top:1px solid var(--border-secondary);background:var(--bg-card)}.header-mark-all-btn{width:100%;padding:.68rem .95rem;border:none;border-radius:.75rem;background:var(--bg-navy-light);color:var(--text-gold-light);cursor:pointer;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;transition:transform .2s ease,background .2s ease,color .2s ease}.header-mark-all-btn:hover{background:var(--text-gold-light);color:var(--bg-navy-light);transform:translateY(-1px)}.header-account-modal{width:min(18rem,calc(100vw - 1rem));padding:1.1rem;display:flex;flex-direction:column;animation:accountSlideIn .2s ease-out}.header-account-content{display:flex;flex-direction:column;gap:1rem}.account-profile-picture{width:4.5rem;height:4.5rem;margin-bottom:.85rem;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:50%;border:3px solid var(--text-gold);background:var(--bg-card)}.account-info-text .account-name{margin-bottom:.2rem;color:var(--text-primary);font-size:1.05rem;font-weight:800}.account-info-text .account-id{color:var(--text-secondary);font-size:.85rem}.header-account-content .logout-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;margin-top:.25rem;padding:.8rem 1rem;border-radius:.8rem;text-align:center}.sidebar{width:15.5rem!important;display:flex;flex-direction:column;flex-wrap:nowrap!important;gap:.45rem!important;flex-shrink:0;padding:1.2rem .95rem!important;background:linear-gradient(180deg,#f3f6fafa,#f6f9fdf2)!important;border-right:1px solid var(--border-secondary)!important}.sidebar-item{display:flex;align-items:center;gap:.85rem!important;padding:.95rem 1rem!important;border:1px solid transparent!important;border-radius:.95rem!important;background:transparent!important;color:var(--text-secondary);cursor:pointer;text-align:left;font-family:inherit;font-size:.95rem;font-weight:600;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.sidebar-item:hover{background:#1a4ba812;color:var(--text-primary);transform:translate(2px);border-color:#1a4ba81a}.sidebar-item.active{background:linear-gradient(135deg,#1a4ba826,#4d7fe81a);color:var(--text-link);font-weight:800;border-color:#1a4ba82e;box-shadow:inset 0 1px #ffffff8c}.sidebar-icon{width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-icon svg{width:1.15rem;height:1.15rem}.dashboard-content{flex:1;min-width:0;padding:1.75rem;overflow-y:auto;position:relative}.cadet-main-container,.ano-main-container,.co-main-container,.staff-main-container{flex:1;display:flex;flex-direction:row;min-height:calc(100dvh - 4.75rem);overflow:hidden}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes accountSlideIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.header{min-height:auto!important;height:auto!important;padding:.65rem .8rem!important;flex-wrap:nowrap!important;align-items:center!important}.header-left{width:auto!important;min-width:0!important;gap:.65rem!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important}.header-right{width:auto!important;flex:0 0 auto!important;justify-content:flex-end!important}.header-actions{width:auto!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:.45rem!important}.mobile-menu-toggle{display:inline-flex}.sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(18.5rem,84vw)!important;padding:4rem .85rem 1rem!important;transform:translate(-105%)!important;transition:transform .25s ease!important;z-index:1001!important;overflow-y:auto!important;flex-wrap:nowrap!important;box-shadow:14px 0 30px #0003!important}.sidebar.sidebar-open{transform:translate(0)!important}.sidebar-item{width:100%!important;flex:0 0 auto!important}.dashboard-content{padding:1rem!important}.mobile-sidebar-backdrop{display:block!important;position:fixed!important;inset:0!important;background:#060e1b75!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;z-index:1000!important}.header-account-modal,.header-notification-modal{right:0;left:auto}}@media(min-width:701px)and (max-width:900px){.header{min-height:3.45rem!important;padding:.45rem .75rem!important;gap:.55rem!important}.header-left{gap:.55rem!important}.header-right{gap:.45rem!important}.header-actions{gap:.4rem!important}.ncc-logo{width:2.45rem!important;height:2.45rem!important;max-width:2.45rem!important;max-height:2.45rem!important}.title-txt{font-size:clamp(.9rem,.65vw + .72rem,1.05rem)}.unit-name{font-size:.64rem}.session-timer{padding:.35rem .55rem!important;font-size:.72rem}.header-notification-btn,.header-account-btn,.mobile-menu-toggle{width:2.1rem!important;height:2.1rem!important;border-radius:.65rem!important}}@media(max-width:640px){.header{gap:.5rem!important}.ncc-logo{width:2.35rem!important;height:2.35rem!important}.header-title-wrapper{max-width:9.5rem!important;min-width:0!important}.header-left{flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important}.title-txt{font-size:.9rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.unit-name{display:none!important}.session-timer{padding:.42rem .6rem!important;font-size:.72rem!important}.header-notification-btn,.header-account-btn,.mobile-menu-toggle{width:2.25rem!important;height:2.25rem!important;border-radius:.7rem!important}.sidebar{width:min(19rem,86vw)!important}.sidebar-item{padding:.9rem .95rem!important;font-size:.92rem!important}.header-notification-modal,.header-account-modal{width:min(100vw - .75rem,21rem)!important}}.profile-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding-bottom:2rem}.ncc-details-card{background:linear-gradient(135deg,#243b55,#141e30);border-radius:1rem;padding:2rem;display:flex;align-items:center;gap:2rem;color:var(--text-inverted);box-shadow:0 10px 25px var(--shadow-color-dark);position:relative;overflow:hidden;border:1px solid var(--border-primary)}.ncc-details-card:after{content:"";position:absolute;top:0;right:-10%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03));transform:skew(-20deg)}.ncc-logo-watermark{position:absolute;top:1rem;right:1rem;height:3.5rem;width:auto;z-index:2;opacity:.5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.profile-picture-wrapper{position:relative;flex-shrink:0}.profile-picture{height:10rem;width:10rem;object-fit:cover;border-radius:50%;border:4px solid var(--border-gold);box-shadow:0 4px 15px #0000004d;background-color:var(--bg-primary)}.rank-badge{position:absolute;bottom:.5rem;right:.5rem;background:var(--text-gold);color:var(--bg-header);padding:.25rem .75rem;border-radius:1rem;font-weight:800;font-size:.8rem;box-shadow:0 2px 5px #0003}.ncc-info-primary{flex:1;z-index:1}.ncc-details-card .cadet-name{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:var(--text-gold-light);letter-spacing:.5px}.cadet-reg-no{font-size:1.1rem;opacity:.9;margin-bottom:1.5rem;font-family:monospace;letter-spacing:1px;background:#ffffff1a;display:inline-block;padding:.2rem .8rem;border-radius:4px}.ncc-badges-grid{display:flex;gap:2rem;flex-wrap:wrap}.ncc-badge-item{display:flex;flex-direction:column;gap:.2rem}.badge-label{font-size:.75rem;text-transform:uppercase;opacity:.7;letter-spacing:.5px}.badge-value{font-size:1rem;font-weight:600}.profile-grid{display:flex;flex-direction:column;gap:1.5rem}.info-card{background-color:var(--bg-primary);border-radius:.8rem;padding:1.5rem;box-shadow:0 4px 12px var(--shadow-color-light);border:1px solid var(--border-secondary);transition:transform .2s,box-shadow .2s}.info-card:hover{transform:translateY(-2px);box-shadow:0 6px 15px var(--shadow-color-light);border-color:var(--border-bright)}.card-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:2px solid var(--bg-card)}.card-icon{color:var(--text-gold);background:transparent;border:1px solid var(--border-secondary);padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center}.card-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.5px}.details-list{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px dashed var(--divider);padding-bottom:.5rem}.detail-label{font-weight:600;color:var(--text-secondary);flex-shrink:0;margin-right:1rem}.detail-value{text-align:right;color:var(--text-primary);word-break:break-word;max-width:60%}.empty-state.compact{padding:1rem;border:1px dashed var(--divider);border-radius:.75rem;background:#ffffffa6;color:var(--text-secondary);text-align:center}.academics-table-wrap{width:100%;overflow-x:auto}.academics-table{width:100%;border-collapse:collapse;min-width:720px}.academics-table th,.academics-table td{padding:.85rem .9rem;border-bottom:1px solid var(--divider);text-align:left;vertical-align:top}.academics-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);background:var(--bg-card)}.academics-table tbody tr:hover{background:#00000005}.academic-status-badge{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:999px;background:#243b5514;color:var(--text-primary);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.parents-container{background-color:var(--bg-primary);border-radius:1rem;box-shadow:0 4px 12px var(--shadow-color-light);border:1px solid var(--border-secondary);display:flex;flex-direction:row;overflow:hidden;width:100%}.parent-division{flex:1;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.parent-division:first-child{position:relative}.parent-division:first-child:after{content:"";position:absolute;right:0;top:10%;height:80%;width:1px;background-color:var(--divider)}.parent-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:2px solid var(--bg-card)}.parent-icon-wrapper{width:3rem;height:3rem;background:transparent;border:1px solid var(--border-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-gold)}.parent-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0}@media(max-width:768px){.parents-container{flex-direction:column}.parent-division:first-child{border-bottom:1px solid var(--divider)}.parent-division:first-child:after{display:none}.ncc-details-card{flex-direction:column;text-align:center;padding:1.5rem;position:relative}.ncc-details-card:after{display:none}.ncc-badges-grid{justify-content:center;gap:1.5rem;padding-right:0;flex-wrap:wrap}.detail-row{flex-direction:column;align-items:flex-start;gap:.2rem}.detail-value{text-align:left;max-width:100%}.edit-data-btn-card{top:1rem;left:1rem;padding:.5rem;font-size:.7rem;gap:0}.edit-data-btn-card span{display:none}.edit-data-btn-card svg{width:16px;height:16px}}@media(max-width:800px){.edit-data-btn-card span{display:none}.edit-data-btn-card{padding:.5rem;gap:0}.edit-data-btn-card svg{width:18px;height:18px}}@media(orientation:portrait)and (max-width:600px){.edit-data-btn-card{padding:.5rem}.edit-data-btn-card span{display:none!important;visibility:hidden;width:0;height:0}}.doc-actions{display:flex;gap:.5rem}.doc-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:.4rem;border:1px solid var(--border-secondary);background:transparent;cursor:pointer;font-size:.85rem;color:var(--text-primary);transition:all .2s}.doc-btn.upload{color:var(--text-link);border-color:var(--text-link)}.doc-btn.upload:hover{background:var(--bg-button-hover)}.doc-btn.uploaded{background:#28a7451a;color:#28a745;border-color:transparent;cursor:default}.doc-btn.view{color:var(--text-secondary);padding:.4rem}.doc-btn.view:hover:not(:disabled){color:var(--text-primary);background:var(--bg-button-hover);border-color:var(--border-primary)}.doc-btn:disabled{opacity:.6;cursor:not-allowed}.doc-btn.uploaded:disabled{cursor:default;opacity:1}.document-grid{display:grid;grid-template-columns:1fr 150px 220px;align-items:center;padding:1rem 0;border-bottom:1px dashed var(--divider);gap:1.5rem}.document-grid-header{display:grid;grid-template-columns:1fr 150px 220px;align-items:center;gap:1.5rem;font-weight:700;color:var(--text-secondary);border-bottom:2px solid var(--border-secondary);padding-bottom:.8rem;margin-bottom:.5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;background:transparent}.document-grid>:last-child,.document-grid-header>:last-child{justify-self:end}.document-grid:last-child{border-bottom:none}@media(max-width:600px){.document-grid{grid-template-columns:1fr;gap:.5rem}.document-grid-header{display:none}}.doc-status{font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:1rem;text-transform:uppercase;letter-spacing:.5px;margin-right:1rem}.doc-status.verified{background-color:#28a74526;color:#28a745;border:1px solid rgba(40,167,69,.2)}.doc-status.pending{background-color:#ffc10726;color:#d39e00;border:1px solid rgba(255,193,7,.2)}.doc-status.rejected{background-color:#dc354526;color:#dc3545;border:1px solid rgba(220,53,69,.2)}.universal-upload-container{display:flex;justify-content:center;margin-top:1.5rem;padding-top:1rem}.universal-upload-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background-color:var(--bg-button);color:var(--text-link);border:1px solid var(--border-primary);border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.universal-upload-btn:hover{background-color:var(--bg-button-hover);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color-light)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--bg-primary);border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary)}.modal-body{padding:1.5rem;overflow-y:auto}.modal-body h3{margin-top:1.5rem;margin-bottom:1rem;color:var(--text-primary);border-bottom:1px solid var(--border-secondary);padding-bottom:.5rem}.modal-body h3:first-child{margin-top:0}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid var(--border-primary);border-radius:4px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:1rem}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.modal-footer{padding:1.5rem;border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end;gap:1rem}.modal-footer button{padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:600;border:none}.modal-footer button[type=button]{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-primary)}.modal-footer button[type=submit]{background-color:var(--primary-color, #007bff);color:#fff}.modal-footer button:disabled{opacity:.7;cursor:not-allowed}.edit-data-btn-card{position:absolute;top:1.5rem;left:1.5rem;background:var(--bg-navy-light);color:var(--text-gold-light);padding:.6rem 1.5rem;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;z-index:10}.edit-data-btn-card:hover{background:var(--text-gold-light);color:var(--bg-navy-light);transform:translateY(-1px);box-shadow:0 6px 12px var(--shadow-gold)}.edit-data-btn-card svg{transition:stroke .3s ease;stroke:currentColor}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.message-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.message-modal-container{background-color:var(--bg-primary);border-radius:12px;width:90%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;border:1px solid var(--border-primary);animation:modalSlideIn .3s ease-out}.message-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-secondary);display:flex;align-items:center;gap:.75rem}.message-modal-header.error{background-color:#fef2f2;color:#991b1b}.message-modal-header.info{background-color:#eff6ff;color:#1e40af}.message-modal-title{font-size:1.1rem;font-weight:600;margin:0}.message-modal-body{padding:1.5rem;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.message-modal-footer{padding:1rem 1.5rem;background-color:var(--bg-secondary);display:flex;justify-content:flex-end;border-top:1px solid var(--border-secondary)}.message-modal-btn{padding:.5rem 1.25rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none;background-color:var(--bg-navy-light);color:#fff}.message-modal-btn:hover{background-color:var(--accent-hover)}.modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container{background-color:#f8faff;width:90%;max-width:900px;max-height:90vh;border-radius:1rem;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;border:1px solid var(--border-primary);animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:1.5rem 2rem;background:linear-gradient(135deg,#0f2038,#1a365d);border-bottom:1px solid var(--border-gold-subtle);display:flex;justify-content:space-between;align-items:center;color:#fff}.modal-title{font-size:1.4rem;font-weight:700;color:#d4af37!important;margin:0;display:flex;align-items:center;gap:.75rem;letter-spacing:.5px}.close-btn{background:#ffffff1a;border:none;height:32px;width:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fffc;cursor:pointer;transition:all .2s}.close-btn:hover{background-color:#fff3;color:#fff;transform:rotate(90deg)}.modal-body{padding:2rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.5rem}.form-section{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-secondary);transition:transform .2s,box-shadow .2s}.form-section:hover{box-shadow:0 4px 6px -1px #0000000d;border-color:var(--border-bright)}.form-section-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid #f1f5f9;display:flex;align-items:center;gap:.75rem;text-transform:uppercase;letter-spacing:.5px}.form-section-title svg{color:var(--text-gold)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.8rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.form-input{padding:.6rem .8rem;border-radius:.4rem;border:1px solid #cbd5e1;background-color:#fff;color:var(--text-primary);font-size:.95rem;transition:all .2s;font-family:inherit}.form-input:focus{outline:none;border-color:var(--text-gold);box-shadow:0 0 0 3px #d4af3726}.form-input:disabled{background-color:#f1f5f9;color:#64748b;border-color:#e2e8f0;cursor:not-allowed;font-weight:500}.modal-footer{padding:1.25rem 2rem;border-top:1px solid var(--border-secondary);display:flex;justify-content:flex-end;gap:1rem;background-color:#fff;border-radius:0 0 1rem 1rem}.btn-cancel{padding:.6rem 1.5rem;border-radius:.4rem;border:1px solid #cbd5e1;background-color:#fff;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{background-color:#f8fafc;color:var(--text-primary);border-color:#94a3b8}.btn-submit{padding:.6rem 1.5rem;border-radius:.4rem;background:linear-gradient(135deg,#0f2038,#1a365d);color:#d4af37!important;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000004d;text-shadow:none}.btn-submit:hover{box-shadow:0 6px 8px -1px #b8860b66;filter:brightness(1.05)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.preview-message-box{background-color:#f0f9ff;border-left:4px solid var(--border-primary);padding:1rem;border-radius:.25rem;margin-bottom:1.5rem}.preview-header-msg{margin:0;color:var(--text-primary);font-size:.95rem;font-weight:500}.changes-list{background:#fff;border-radius:.5rem;border:1px solid var(--border-secondary);overflow:hidden}.changes-table th{background-color:#f8fafc;padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-secondary)}.changes-table td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;color:var(--text-primary)}.change-label{font-weight:600;color:var(--text-primary);width:30%}.change-old{color:#ef4444;text-decoration:line-through;width:35%;background-color:#fef2f2}.change-new{color:#16a34a;font-weight:500;width:35%;background-color:#f0fdf4}.preview-footer-msg{margin:0;font-size:.85rem;color:#ef4444;font-weight:500;font-style:italic}.no-changes-msg{padding:2rem;text-align:center;color:var(--text-tertiary);font-style:italic}.attendance-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;margin-bottom:2rem}.section-header-card{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem}.attendance-content{display:grid;grid-template-columns:1.5fr 1fr;gap:0;min-height:420px}@media(max-width:768px){.attendance-content{grid-template-columns:1fr}}.attendance-history{padding:1.5rem;background:#fff;display:flex;flex-direction:column;border-right:1px solid #e2e8f0}@media(max-width:768px){.attendance-history{border-right:none;order:2}}.history-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.header-top-row{display:flex;justify-content:space-between;align-items:center;width:100%}.history-title{font-size:1rem;font-weight:600;color:#475569}.header-filters-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%}.attendance-search-wrapper{position:relative;display:flex;align-items:center;width:180px}.attendance-search-wrapper svg{position:absolute;left:10px;color:#94a3b8;width:14px;height:14px;z-index:10}.attendance-search-input{width:100%;padding:.6rem 1rem .6rem 2.8rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;background:#f8fafc;color:#64748b;outline:none;box-sizing:border-box;line-height:normal}.attendance-search-input:disabled{cursor:default;opacity:.7}.attendance-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.date-separator{color:#94a3b8;font-weight:500;font-size:.8rem}.date-filter{width:110px;padding:.3rem .4rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.75rem;color:#334155;outline:none;transition:border-color .2s;background:#fff;font-family:inherit}.date-filter:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.attendance-summary{padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;border-right:none}@media(max-width:768px){.attendance-summary{border-bottom:1px solid #e2e8f0;padding:1.5rem;order:1}}.pie-chart-wrapper{position:relative;width:200px;height:200px;border-radius:50%;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;background:#cbd5e1}.pie-chart-inner{position:absolute;width:160px;height:160px;background:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:10}.pie-percentage{font-size:1.75rem;font-weight:700;color:#0f172a;line-height:1}.pie-label{font-size:.8rem;color:#64748b;margin-top:.25rem}.stat-value{font-size:1.15rem;font-weight:700;color:#0f172a;margin-bottom:.2rem}.stat-label{font-size:.7rem;font-weight:600;text-transform:uppercase;color:#64748b;letter-spacing:.05em}.records-list{flex:1;overflow-y:auto;max-height:280px;padding-right:.5rem}.record-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:8px;margin-bottom:.5rem;border:1px solid transparent;transition:background .2s}.record-item:hover{background:#f8fafc;border-color:#e2e8f0}.record-info{display:flex;flex-direction:column}.record-date{font-weight:600;color:#334155;font-size:.9rem}.record-meta{font-size:.75rem;color:#64748b;margin-top:.25rem;display:flex;align-items:center;gap:.5rem}.status-badge{padding:.3rem .6rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase}.status-badge.present{background:#dcfce7;color:#166534}.status-badge.absent{background:#fee2e2;color:#991b1b}.status-badge.excused{background:#f1f5f9;color:#475569}.loader-container{display:flex;justify-content:center;padding:1rem 0}.loader-dots{animation:pulse 1.5s infinite;color:#64748b;font-size:.85rem;font-weight:500}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.empty-state{text-align:center;padding:2rem;color:#94a3b8;font-size:.85rem}.coming-soon-container{display:flex;justify-content:center;align-items:center;min-height:60vh;width:100%;padding:2rem;box-sizing:border-box}.coming-soon-card{background-color:var(--bg-primary, #ffffff);border-radius:1rem;padding:3rem 2rem;text-align:center;max-width:500px;width:100%;box-shadow:0 10px 30px var(--shadow-color-light, rgba(0,0,0,.1));border:1px solid var(--border-secondary, #e2e8f0);animation:fadeIn .5s ease-out}.coming-soon-icon-wrapper{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;background-color:var(--bg-secondary, #f8fafc);display:flex;justify-content:center;align-items:center;color:var(--text-gold, #d4af37)}.coming-soon-title{font-size:2rem;color:var(--text-primary, #1e293b);display:block;margin-bottom:.5rem;font-weight:700}.coming-soon-feature-name{font-size:1.25rem;color:var(--text-gold, #d4af37);margin-bottom:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;display:block}.coming-soon-description{color:var(--text-secondary, #64748b);line-height:1.6;margin-bottom:2rem;font-size:1rem}.coming-soon-badge{background-color:#d4af371a;color:var(--text-gold, #d4af37);padding:.5rem 1.5rem;border-radius:2rem;font-size:.875rem;font-weight:600;display:inline-block;border:1px solid var(--text-gold, #d4af37)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.coming-soon-container{padding:1rem}.coming-soon-card{padding:2rem 1rem}.coming-soon-title{font-size:1.75rem}}.hero-fallin{background:linear-gradient(135deg,#243b55,#141e30);border-radius:1rem;padding:2rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;color:#fff;box-shadow:0 10px 25px #0003;position:relative;overflow:hidden;min-height:200px;transition:transform .2s}.hero-fallin:after{content:"";position:absolute;top:0;right:0;width:40%;height:100%;background:radial-gradient(circle at top right,rgba(255,255,255,.1),transparent 70%);pointer-events:none}.hero-label{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-bottom:.5rem;display:block;font-weight:600;color:gold}.hero-meta{display:flex;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap}.hero-meta-item{display:flex;align-items:center;gap:.5rem;background:#ffffff26;padding:.6rem 1.2rem;border-radius:.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-weight:500;font-size:.95rem}.hero-countdown-box{text-align:center;z-index:1;min-width:140px;background:#0003;padding:1.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.countdown-timer{font-size:2.5rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;color:#fde34f;display:block;margin-bottom:.5rem}.section-header-card{padding:1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem}.section-title-wrapper{display:flex;align-items:center;gap:1rem}.section-icon{width:40px;height:40px;background:#eff6ff;color:#3b82f6;border-radius:8px;display:flex;align-items:center;justify-content:center}.section-header-card h3{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.training-log-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;border:1px solid #e2e8f0}.list-controls{padding:1.5rem;border-bottom:1px solid #f1f5f9;background:#fcfcfc}.training-search-wrapper svg{position:absolute;left:12px;color:#94a3b8;width:16px;height:16px;z-index:10}.training-search-input{width:100%;padding:.6rem 1rem .6rem 3rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;background:#fff;color:#1e293b;outline:none;transition:all .2s;box-sizing:border-box}.training-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.date-filter{padding:.5rem .8rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;color:#334155;outline:none;background:#fff}.records-list::-webkit-scrollbar-track{background:#f1f5f9}.records-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.record-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;transition:background .1s;cursor:pointer}.record-item:hover{background:#f8fafc}.record-date-box{display:flex;flex-direction:column;min-width:60px}.date-day{font-size:1.1rem;font-weight:700;align-self:center;color:#1e293b}.date-month{font-size:.85rem;color:#64748b;text-transform:uppercase;font-weight:600;align-self:center}.record-details{display:flex;flex-direction:column;gap:.25rem;flex:1}.record-title{font-size:1rem;font-weight:600;color:#334155}.record-meta{font-size:.85rem;color:#64748b;display:flex;align-items:center;gap:.5rem}.record-type-badge{justify-self:end;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-regular{background:#e3f2fd;color:#1565c0}.badge-special{background:#f3e5f5;color:#7b1fa2}.badge-parade{background:#fff3e0;color:#ef6c00}.badge-training{background:#e8f5e9;color:#2e7d32}.info-card{background-color:#fff;border-radius:.8rem;padding:1.5rem;box-shadow:0 4px 12px #0000000d;border:1px solid #eee;transition:transform .2s,box-shadow .2s;height:100%}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.card-icon{color:#2c5f2d;background:#e8f5e9;padding:.6rem;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.card-title{font-size:1.1rem;font-weight:700;color:#333;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.details-list{display:flex;flex-direction:column;gap:.8rem;flex-grow:1}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px dashed #eee}.detail-label{font-weight:600;color:#777;font-size:.9rem}.detail-value{text-align:right;color:#333;font-weight:500;font-size:.95rem}.dress-code-alert{margin-top:auto;background:#fff8e1;color:#856404;padding:.8rem;border-radius:6px;font-size:.9rem;display:flex;align-items:center;gap:.5rem;border:1px solid #ffeeba;font-weight:500}.empty-state{text-align:center;padding:4rem 2rem;color:#888;background:#f9f9f9;border-radius:1rem;border:2px dashed #ddd}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#64748b;gap:1rem}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #2c5f2d;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.header-filters-row{flex-direction:column;align-items:stretch}.search-wrapper{max-width:100%;width:100%}.date-range-container{justify-content:space-between}.date-filter{flex:1}.record-item{grid-template-columns:1fr auto;gap:.8rem}.record-type-badge{grid-column:2;grid-row:1}.record-details{grid-column:1 / span 2;grid-row:2}.record-date-box{grid-column:1;grid-row:1;flex-direction:row;align-items:baseline;gap:.5rem}.training-grid{grid-template-columns:1fr}.hero-fallin{flex-direction:column;align-items:flex-start}.hero-countdown-box{width:100%;margin-top:1rem;display:flex;justify-content:space-between;align-items:center}.countdown-timer{font-size:2rem;margin-bottom:0}}.button-spinner{animation:spin 1s linear infinite;display:inline-block;margin-right:8px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;width:100%;color:var(--text-secondary);gap:1rem}.spinner{width:40px;height:40px;border:3px solid var(--bg-button);border-top:3px solid var(--border-primary);border-radius:50%;animation:spin 1s linear infinite}.events-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding-bottom:2rem}.events-section-header{display:flex;flex-direction:column;gap:.5rem}.events-section-header h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.events-section-subtitle{font-size:.95rem;color:var(--text-secondary);margin:0;font-weight:500}.events-header-improved{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#243b55,#141e30);border-radius:1rem;box-shadow:0 10px 25px #0000001a;color:#fff;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.events-header-improved:after{content:"";position:absolute;top:0;right:-10%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03));transform:skew(-20deg)}.events-title-section{flex:1;z-index:1}.events-main-title{font-size:2rem;font-weight:700;color:#f1f5f9;margin:0 0 .5rem;letter-spacing:.5px}.events-subtitle-improved{font-size:1rem;color:#ffffffb3;margin:0;font-weight:500}.events-create-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;min-height:44px;z-index:1}.events-create-btn:hover{transform:translateY(-2px);background:#fff3;box-shadow:0 4px 15px #0003}.events-create-btn:active{transform:translateY(0)}.events-create-btn .btn-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#fff3;border-radius:50%;font-size:.9rem;font-weight:700}.event-form-container{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:1.2rem;border:1px solid var(--border-secondary);box-shadow:0 8px 25px #00000014;overflow:hidden;margin-bottom:2rem}.event-form-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);padding:2rem;color:#fff;text-align:center;position:relative}.event-form-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>') repeat;opacity:.3}.event-form-title{font-size:1.8rem;font-weight:700;margin:0 0 .5rem;display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative;z-index:1}.form-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.event-form-subtitle{font-size:1rem;margin:0;opacity:.9;position:relative;z-index:1}.event-form{padding:2rem}.form-section{margin-bottom:2.5rem}.form-section:last-of-type{margin-bottom:1.5rem}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-secondary)}.section-icon{font-size:1.1rem}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;font-size:.95rem}.label-icon{font-size:.9rem}.required{color:#ef4444;font-weight:700}.form-input,.form-textarea{width:100%;padding:.875rem 1rem;border:2px solid var(--border-secondary);border-radius:.75rem;background-color:var(--bg-primary);color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:all .3s ease;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;background-color:#fff;transform:translateY(-1px)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary);opacity:.8}.form-textarea{resize:vertical;min-height:100px;line-height:1.5}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:2px solid var(--border-secondary)}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:.75rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;min-height:44px}.btn-primary{background:linear-gradient(135deg,var(--bg-navy-light) 0%,#0a1a33 100%);color:var(--text-inverted);box-shadow:0 4px 12px #1a365d4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1a365d66;filter:brightness(1.2)}.btn-secondary{background:var(--bg-card);border:1px solid var(--border-secondary);color:var(--text-primary);box-shadow:0 2px 4px var(--shadow-color-light)}.btn-secondary:hover{transform:translateY(-2px);background:var(--bg-button-hover);border-color:var(--border-primary);color:var(--text-link);box-shadow:0 4px 8px var(--shadow-color-light)}.btn-icon{font-size:.9rem}@media(max-width:768px){.event-form-header{padding:1.5rem}.event-form-title{font-size:1.5rem}.event-form{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column;gap:.75rem}.btn-primary,.btn-secondary{justify-content:center}}.events-content-card{background-color:var(--bg-primary);border-radius:.8rem;padding:1.5rem;box-shadow:0 4px 12px var(--shadow-color-light);border:1px solid var(--border-secondary);display:flex;flex-direction:column}.events-search-container{margin-bottom:1.5rem;width:100%;box-sizing:border-box}.events-search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-secondary);border-radius:.5rem;background-color:var(--bg-card);color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.events-search-input:focus{outline:none;border-color:var(--border-bright);background-color:var(--bg-primary);box-shadow:0 0 0 3px #4d7fe81a}.events-search-input::placeholder{color:var(--text-tertiary)}.events-error-message{padding:1rem;background-color:#fff5f5;border:1px solid #feb2b2;border-radius:.5rem;color:#c53030;margin-bottom:1.5rem;font-size:.95rem}.events-empty-state{text-align:center;padding:3rem 2rem;background-color:var(--bg-card);border-radius:.8rem;color:var(--text-secondary)}.events-empty-state p{margin:0;font-size:1rem}.events-grid{display:flex;flex-direction:column;gap:1rem}.event-card-wrapper{background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:.75rem;padding:1.25rem 1.75rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.event-card-wrapper:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#4299e180}.event-card-wrapper.expanded{border-color:#4299e1;box-shadow:0 4px 12px #4299e126;background:#fff}.event-primary-info{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.event-info-main{flex:1;min-width:0}.event-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.4;transition:color .2s ease}.event-card-wrapper:hover .event-name{color:#2b6cb0}.event-meta-row{display:flex;flex-wrap:wrap;gap:1.5rem;color:var(--text-secondary);font-size:.95rem}.meta-item{display:flex;align-items:center;gap:.5rem}.meta-item.urgent{color:#e53e3e;font-weight:600}.meta-icon,.detail-header svg,.icon-wrapper{display:flex;align-items:center;transition:transform .2s ease;color:var(--text-tertiary)}.event-card-wrapper:hover .meta-icon,.event-card-wrapper:hover .icon-wrapper{transform:scale(1.1);color:var(--text-secondary)}.event-status-action{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;flex-shrink:0}.expand-indicator{color:var(--text-tertiary);display:flex;align-items:center;transition:transform .3s ease}.event-card-wrapper.expanded .expand-indicator{transform:rotate(180deg)}.event-header-section{display:flex;align-items:flex-start;justify-content:space-between;gap:1.2rem}.event-info{flex:1;min-width:0}.event-meta{display:flex;flex-wrap:wrap;gap:.9rem;color:var(--text-secondary);font-size:.95rem}.event-meta-item{display:inline-flex;align-items:center;gap:.35rem}.event-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.event-apply-btn{padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.9rem;border:none;background:linear-gradient(135deg,#25578b,#1f4b81);color:#fff;cursor:pointer;transition:all .2s ease;min-width:90px;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 4px #0000001a}.event-apply-btn:hover:not(:disabled){background:linear-gradient(135deg,#336aa5,#1f4b81);transform:translateY(-1px);box-shadow:0 4px 6px #00000026}.event-apply-btn.applied{background:#f0fff4;color:#2f855a;border:1px solid #9ae6b4;box-shadow:none;cursor:default}.event-apply-btn:disabled:not(.applied){background:#e2e8f0;color:#a0aec0;box-shadow:none;cursor:not-allowed}.co-event-action-btn{min-width:112px;height:38px;border-radius:8px;border:1px solid var(--border-secondary);background:#f8fbff;color:var(--text-link);font-size:.9rem;font-weight:600;padding:0 .9rem;box-shadow:none}.co-event-action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 8px #00000014}.co-event-attendance-btn{background:#2f855a;border-color:#2f855a;color:#fff}.co-event-delete-btn{background:#e53e3e;border-color:#e53e3e;color:#fff}.co-event-action-btn:disabled{opacity:.55;cursor:not-allowed}.event-expanded-details{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--border-secondary);display:flex;flex-direction:column;gap:1.25rem;animation:fadeIn .3s ease-in-out}.event-expanded-details.text-only .detail-group{background:none;border:none;padding:0}.detail-group p{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-left:1.75rem}.detail-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;font-weight:600;color:var(--text-primary);font-size:.95rem}.detail-header svg{color:var(--text-tertiary)}.detail-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.5rem;color:var(--text-secondary);font-size:.95rem}.detail-group.inline{display:flex;align-items:center;gap:.5rem}.detail-group.inline strong{font-weight:600;color:var(--text-primary)}.icon-wrapper{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.meta-separator{color:var(--text-tertiary);opacity:.5;font-weight:300}@media(max-width:768px){.events-container{padding-bottom:1rem}.events-content-card{padding:1rem}.event-primary-info{flex-direction:column;align-items:stretch;gap:1rem}.event-status-action{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:.5rem}.event-meta-row{flex-direction:column;gap:.5rem}.event-header-section{flex-direction:column}.event-actions{width:100%;justify-content:flex-start}.co-event-action-btn{min-width:102px;height:36px}.details-grid{grid-template-columns:1fr}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;width:100%;color:var(--text-secondary);gap:1rem}.spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-top:3px solid #3182ce;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:900px){.header{padding:.65rem .75rem;gap:.75rem;height:auto}.header-left{flex:1 1 auto;min-width:0;gap:.7rem}.header-title-wrapper{margin-left:0;min-width:0}.header-right{gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.mobile-menu-toggle{display:inline-flex}.cadet-main-container{position:relative;overflow:hidden;min-height:calc(100dvh - 70px)}.sidebar{position:fixed;top:70px;left:0;bottom:0;width:min(300px,82vw);padding:1rem;transform:translate(-105%);transition:transform .25s ease;z-index:1001;overflow-y:auto;box-shadow:12px 0 30px #0000002e}.sidebar.sidebar-open{transform:translate(0)}.dashboard-content{padding:1rem;min-width:0}.mobile-sidebar-backdrop{display:block;position:fixed;inset:0;background:#08122173;z-index:1000}}.ano-main-container{flex:1;display:flex;flex-direction:row;background:#fffffff2;margin:0;border-radius:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;box-shadow:none}.sidebar-item:hover{background-color:#fffc;color:var(--text-primary)}.section-title{font-size:1.75rem;font-weight:700;color:#0a0a0a;letter-spacing:.5px;margin:0;text-transform:uppercase;display:flex;align-items:center;gap:1rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-light)}.ano-dashboard-grid{display:grid;grid-template-columns:1fr 350px;gap:1.5rem;width:100%;min-height:85vh;align-items:start}.ano-dashboard-left{display:flex;flex-direction:column;gap:1.5rem}.ano-dashboard-sidebar{position:fixed;right:2rem;width:350px;z-index:50;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding-bottom:1rem;box-sizing:border-box}.ano-dashboard-row{width:100%}.ano-stats-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.75rem;width:100%}.ano-stat-widget{background:var(--bg-primary);border-radius:.6rem;padding:.75rem;border:1px solid var(--border-secondary);box-shadow:0 2px 8px var(--shadow-color-light);display:flex;flex-direction:column;align-items:center;gap:.4rem;transition:transform .2s,box-shadow .2s;min-width:0}.ano-stat-widget:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color-light)}.ano-stat-widget-header{display:flex;align-items:center;gap:.5rem;width:100%}.ano-stat-icon-small{color:var(--text-gold)}.ano-stat-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.ano-stat-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;text-align:center;width:100%;flex:1}.ano-stat-value{font-size:2rem;font-weight:700;line-height:1.2}.ano-stat-subtitle{font-size:.65rem;color:var(--text-tertiary)}.circular-progress{transition:all .3s ease}.progress-bar{transition:stroke-dashoffset .5s ease}.progress-text{font-size:.85rem;font-weight:700;fill:var(--text-primary)}.ano-upcoming-widget{background:linear-gradient(135deg,#243b55,#141e30);border-radius:.6rem;padding:.75rem;color:var(--text-inverted);display:flex;flex-direction:column;gap:.4rem;transition:transform .2s,box-shadow .2s;min-width:0}.ano-upcoming-widget:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--shadow-color-dark)}.ano-upcoming-empty{display:flex;align-items:center;justify-content:center}.ano-upcoming-empty-text{margin-top:1rem;font-size:.95rem;color:var(--text-tertiary);text-align:center}.ano-upcoming-header{display:flex;align-items:center;gap:.5rem}.ano-upcoming-icon{color:var(--text-gold)}.ano-upcoming-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.ano-upcoming-title{font-size:.85rem;font-weight:600;margin:0;color:var(--text-gold-light);text-align:left}.ano-upcoming-details{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.ano-upcoming-detail{display:flex;align-items:center;gap:.35rem;font-size:.7rem;opacity:.9}.ano-upcoming-detail svg{width:12px;height:12px;flex-shrink:0}.ano-upcoming-dress{background:#ffffff1a;padding:.3rem .5rem;border-radius:4px;font-size:.65rem;margin-top:auto}.ano-profile-card{background:linear-gradient(135deg,#243b55,#141e30);border-radius:1rem;padding:1.75rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;color:var(--text-inverted);position:relative;overflow:hidden;border:1px solid var(--border-primary);width:100%;max-width:350px}.ano-profile-card:after{content:"";position:absolute;top:0;right:-20%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03));transform:skew(-20deg)}.ano-profile-watermark{position:absolute;top:1rem;right:1rem;height:3.5rem;width:auto;z-index:2;opacity:.5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.ano-profile-avatar-wrapper{position:relative;z-index:1}.ano-profile-avatar{height:9rem;width:9rem;border-radius:50%;border:4px solid var(--border-gold);box-shadow:0 4px 15px #0000004d;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.ano-profile-rank{position:absolute;bottom:0;left:50%;transform:translate(-50%);background:var(--text-gold);color:var(--bg-header);padding:.3rem .9rem;border-radius:1rem;font-weight:800;font-size:.8rem;box-shadow:0 2px 5px #0003;white-space:nowrap}.ano-profile-info{text-align:center;z-index:1}.ano-profile-name{font-size:1.4rem;font-weight:700;margin:0 0 .5rem;color:var(--text-gold-light);letter-spacing:.3px}.ano-profile-id{font-size:.85rem;opacity:.9;font-family:monospace;letter-spacing:.5px;background:#ffffff1a;display:inline-block;padding:.25rem .7rem;border-radius:4px}.ano-profile-badges{display:flex;flex-direction:column;gap:.75rem;width:100%;z-index:1;margin-top:auto}.ano-profile-badge-item{display:flex;flex-direction:column;gap:.15rem}.ano-profile-badge-label{font-size:.7rem;text-transform:uppercase;opacity:.7;letter-spacing:.5px}.ano-profile-badge-value{font-size:.9rem;font-weight:600}.ano-panels-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ano-panel{background:var(--bg-primary);border-radius:.8rem;padding:1.25rem;border:1px solid var(--border-secondary);box-shadow:0 2px 8px var(--shadow-color-light)}.ano-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--bg-card)}.ano-panel-title-group{display:flex;align-items:center;gap:.6rem}.ano-panel-icon{color:var(--text-gold);display:flex;align-items:center;justify-content:center;padding:.4rem;background:var(--bg-card);border-radius:6px}.ano-panel-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.ano-panel-link{background:none;border:none;color:var(--text-link);font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.3rem;transition:color .2s;font-family:inherit}.ano-panel-link:hover{color:var(--border-primary)}.ano-empty-state{display:flex;align-items:center;justify-content:center;min-height:80px;color:var(--text-tertiary);font-size:.9rem}.ano-pending-list{display:flex;flex-direction:column;gap:.6rem}.ano-pending-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;background:var(--bg-card);transition:all .2s}.ano-pending-item:hover{background:var(--bg-button);transform:translate(4px)}.ano-pending-icon{flex-shrink:0;padding:.4rem;background:var(--bg-primary);border-radius:6px;display:flex;align-items:center;justify-content:center}.ano-pending-info{flex:1;display:flex;flex-direction:column;gap:.1rem}.ano-pending-label{font-size:.85rem;font-weight:600;color:var(--text-primary)}.ano-pending-count{font-size:1.2rem;font-weight:700}.ano-pending-arrow{color:var(--text-tertiary);flex-shrink:0;transition:transform .2s}.ano-pending-item:hover .ano-pending-arrow{transform:translate(4px);color:var(--text-link)}.ano-composition-body{display:flex;flex-direction:column;gap:.75rem}.ano-hbar-row{display:flex;align-items:center;gap:.6rem}.ano-hbar-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);min-width:3.5rem;text-align:right}.ano-hbar-track{flex:1;height:10px;background:var(--bg-card);border-radius:5px;overflow:hidden}.ano-hbar-fill{height:100%;border-radius:5px;transition:width .5s ease;min-width:4px}.ano-hbar-value{font-size:.85rem;font-weight:700;color:var(--text-primary);min-width:1.5rem;text-align:center}.ano-composition-total{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid var(--border-secondary);font-size:.85rem;color:var(--text-secondary)}.ano-composition-total strong{color:var(--text-primary);font-size:1rem}.ano-recent-fallins{display:flex;flex-direction:column;gap:.5rem}.ano-recent-fallin-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:6px;background:var(--bg-card);transition:background .2s}.ano-recent-fallin-item:hover{background:var(--bg-button)}.ano-recent-fallin-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ano-recent-fallin-info{flex:1;display:flex;flex-direction:column;gap:.1rem;min-width:0}.ano-recent-fallin-name{font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ano-recent-fallin-date{font-size:.7rem;color:var(--text-tertiary)}.ano-recent-fallin-location{font-size:.75rem;color:var(--text-secondary);flex-shrink:0}.ano-events-list{display:flex;flex-direction:column;gap:.6rem}.ano-event-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:8px;background:var(--bg-card);transition:all .2s}.ano-event-item:hover{background:var(--bg-button);transform:translate(2px)}.ano-event-date-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#243b55,#141e30);color:var(--text-gold-light);border-radius:8px;width:44px;height:44px;flex-shrink:0}.ano-event-day{font-size:1rem;font-weight:700;line-height:1}.ano-event-month{font-size:.6rem;text-transform:uppercase;letter-spacing:.5px;opacity:.85}.ano-event-info{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.ano-event-name{font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ano-event-meta{font-size:.7rem;color:var(--text-tertiary);display:flex;align-items:center;gap:.3rem}.ano-event-meta svg{width:12px;height:12px}.ano-quick-actions-panel{width:100%;margin-bottom:2rem}.ano-quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.ano-quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#f8fafc99;border:1px solid var(--border-secondary);border-radius:8px;cursor:pointer;transition:all .2s;font-family:inherit}.ano-quick-action-btn:hover{background:#f8fafce6;border-color:var(--border-primary);transform:translateY(-2px)}.ano-quick-action-icon{color:var(--text-link)}.ano-quick-action-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-align:center;text-transform:uppercase;letter-spacing:.5px}.ano-mini-chart{display:flex;align-items:flex-end;gap:.5rem;height:120px;padding:.5rem 0}.ano-mini-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;height:100%}.ano-mini-chart-bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.ano-mini-chart-bar{width:60%;min-height:4px;border-radius:4px 4px 0 0;transition:height .5s ease}.ano-mini-chart-label{font-size:.65rem;color:var(--text-tertiary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:1200px){.ano-dashboard-grid{grid-template-columns:1fr 300px}.ano-dashboard-sidebar{width:300px;right:1.5rem}.ano-profile-card{max-width:300px}.ano-quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.ano-dashboard-grid{grid-template-columns:1fr}.ano-dashboard-sidebar{position:relative;top:0;right:0;width:100%;height:auto;max-height:none;overflow-y:visible;order:-1}.ano-profile-card{flex-direction:row;flex-wrap:wrap;justify-content:center;text-align:center;min-height:auto;max-width:none}.ano-profile-badges{flex-direction:row;flex-wrap:wrap;gap:.5rem}.ano-panels-grid{grid-template-columns:1fr}.ano-quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.ano-stats-grid{grid-template-columns:1fr}.ano-stat-widget{flex-direction:row;justify-content:flex-start;text-align:left}.ano-stat-content{align-items:flex-start}.ano-quick-actions-grid{grid-template-columns:1fr}.ano-profile-card{flex-direction:column;min-height:auto}}.tabs-container{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:.5rem;overflow-x:auto}.tab-button{background:none;border:none;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;color:var(--text-secondary);cursor:pointer;border-radius:.5rem;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.tab-button:hover{background-color:var(--bg-button-hover);color:var(--text-primary)}.tab-button.active{background-color:var(--bg-primary);color:var(--text-link);font-weight:700;box-shadow:0 2px 5px var(--shadow-color-light);position:relative;overflow:hidden}.tab-button.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:navy}.tab-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.cadet-search-input{width:100%;padding:.55rem .75rem;border:1px solid var(--border-secondary);border-radius:.4rem;font-size:.9rem;color:var(--text-primary);background:var(--bg-primary);transition:border-color .2s;box-sizing:border-box}.cadet-search-input:focus{outline:none;border-color:var(--border-primary);box-shadow:0 0 0 2px rgba(var(--accent-rgb, 100, 140, 200),.15)}.cadet-search-input::placeholder{color:var(--text-tertiary)}.cadet-filter-group{display:inline-flex;align-items:center;gap:.5rem}.cadet-filter-group label{font-size:.85rem;color:var(--text-secondary);font-weight:600}.cadet-filter-select{border:1px solid var(--border-secondary);border-radius:.45rem;padding:.45rem .65rem;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;min-width:220px}.cadet-filter-select:focus{outline:none;border-color:var(--border-primary);box-shadow:0 0 0 2px rgba(var(--accent-rgb, 100, 140, 200),.15)}.table-wrapper{width:100%;overflow-x:auto}.table-scroll-container{max-height:none;overflow-y:visible}.pagination-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--bg-card);border-top:1px solid var(--divider);border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}@media(max-width:600px){.pagination-footer{flex-direction:column;gap:.75rem;text-align:center}}.cadet-table{width:100%;border-collapse:collapse;font-size:.95rem}.cadet-table th{text-align:left;padding:.75rem;background:var(--bg-card);color:var(--text-secondary);border-bottom:2px solid var(--divider);font-weight:700;letter-spacing:.3px}.cadet-table td{padding:.75rem;border-bottom:1px dashed var(--divider);color:var(--text-primary)}.cadet-table tr:last-child td{border-bottom:none}.contact-block{display:flex;flex-direction:column;gap:.2rem}.muted{color:var(--text-tertiary);font-size:.9rem}.status-pill{padding:.25rem .75rem;border-radius:999px;font-size:.85rem;font-weight:700;letter-spacing:.2px;border:1px solid var(--border-secondary);background:var(--bg-primary);color:var(--text-secondary)}.status-pill.pending{border-color:#f0ad4e;background:#f0ad4e1a;color:#c77b00}.status-pill.neutral{color:var(--text-secondary)}.action-btn{border:1px solid var(--border-secondary);border-radius:.4rem;background:transparent;color:var(--text-primary);padding:.45rem .85rem;cursor:pointer;transition:all .2s ease;font-weight:600}.action-btn:hover:not(:disabled){background:var(--bg-button-hover)}.action-btn:disabled{opacity:.65;cursor:not-allowed}.action-btn.primary{background:var(--bg-button);color:var(--text-link);border-color:var(--border-primary)}.action-btn.secondary{background:#fdf3f3;color:#b23b3b;border-color:#f2c2c2}.action-btn.danger{background:#ffecec;color:#c62828;border-color:#f5b7b7}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.modal-container{background:var(--bg-primary);border-radius:1rem;box-shadow:0 10px 40px #0000004d;width:min(980px,95vw);max-width:none;min-height:320px;max-height:calc(100vh - 2rem);overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--divider);flex:0 0 auto}.close-btn{background:transparent;border:none;cursor:pointer;padding:.25rem;color:var(--text-secondary);transition:color .2s}.modal-body{padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:1rem;flex:1 1 auto;overflow-y:auto}.modal-body .profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.modal-body .info-card{padding:1rem}.content-section .info-card{padding:1rem 1.25rem}.content-section .card-header{margin-bottom:.75rem;padding-bottom:.5rem;gap:.6rem}.content-section .card-title{font-size:1rem}.content-section .details-list{gap:.6rem}.content-section .detail-row{padding-bottom:.4rem;gap:1rem}.modal-body .card-header{margin-bottom:1rem;padding-bottom:.55rem}.personal-card-top{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.cadet-avatar-large{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#dfe4ff,#f3f6ff);border:2px solid var(--border-secondary);box-shadow:0 6px 14px #00000014;flex-shrink:0}.personal-card-meta{display:flex;flex-direction:column;gap:.35rem}.personal-name{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.personal-subline{display:flex;align-items:center;gap:.35rem;color:var(--text-secondary);font-weight:600}.personal-subline .divider{color:var(--text-tertiary)}.modal-footer{padding:1rem 1.25rem;border-top:2px solid var(--divider);display:flex;justify-content:flex-end;align-items:center;gap:1rem;flex:0 0 auto;flex-wrap:wrap;background:var(--bg-primary);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.cadet-info-block{background:var(--bg-card);padding:1rem;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;font-size:.95rem}.highlight-new{color:#06c;font-weight:600}.rejection-input-block{display:flex;flex-direction:column;gap:.5rem}.rejection-input-block label{font-weight:600;color:var(--text-secondary)}.rejection-input-block input{border:1px solid var(--border-secondary);border-radius:.4rem;padding:.6rem;font-size:.95rem}.edit-requests-list{display:flex;flex-direction:column;gap:1rem}.request-card{border:1px solid var(--border-secondary);border-radius:.75rem;padding:1rem;background:var(--bg-primary);box-shadow:0 4px 10px var(--shadow-color-light);display:grid;gap:.85rem}.request-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.request-cadet-name{font-weight:700;color:var(--text-primary);margin-bottom:.15rem}.request-meta{color:var(--text-secondary);font-size:.9rem}.changes-wrapper{border:1px dashed var(--border-secondary);border-radius:.5rem;padding:.75rem;background:#00000003}.changes-title{font-weight:700;margin-bottom:.5rem;color:var(--text-secondary)}.changes-table{width:100%;border-collapse:collapse;font-size:.9rem}.changes-table th,.changes-table td{padding:.55rem;border-bottom:1px solid var(--divider);text-align:left}.changes-table th{color:var(--text-secondary);font-weight:700}.changes-table tr:last-child td{border-bottom:none}.request-actions{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}.reject-block{display:flex;gap:.5rem;width:100%}.reject-block input{flex:1;border:1px solid var(--border-secondary);border-radius:.4rem;padding:.5rem .6rem;font-size:.95rem}@media(max-width:720px){.cadet-filter-group{width:100%}.cadet-filter-select{width:100%;min-width:0}.modal-body .profile-grid{grid-template-columns:1fr}.request-header{flex-direction:column;align-items:flex-start}.reject-block{flex-direction:column}.action-btn{width:100%;text-align:center}}.camps-grid{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem;width:100%}.camp-card{background:#fff;border-radius:8px;border-left:5px solid #d4af37;box-shadow:0 4px 12px #0000000d;padding:1.5rem 2rem;display:flex;flex-direction:column;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:100%;box-sizing:border-box}.camp-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0a1a331a}.camp-header{display:flex;flex-direction:column;margin-bottom:1rem;border-bottom:none;padding-bottom:0}.camp-header h3{margin:0;font-size:1.5rem;color:#0a1a33;font-weight:700;line-height:1.2}.conducting-unit{margin-top:.2rem;font-size:.9rem;color:#607d8b;font-weight:400}.camp-body{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.camp-description{font-size:.95rem;color:#37474f;line-height:1.5;white-space:pre-wrap}.deadline-info{font-size:.9rem;color:#bf360c;font-weight:500;display:flex;align-items:center;gap:8px;background:#fff3e0;padding:.5rem;border-radius:4px;width:fit-content}.camp-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;position:relative;padding-top:1rem;border-top:1px solid #f0f0f0}.footer-left{display:flex;flex-direction:column;justify-content:flex-end;flex:1}.footer-center{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;flex:1;text-align:center}.footer-right{display:flex;flex-direction:column;align-items:flex-end;flex:1}.meta-item{display:flex;align-items:center;gap:.5rem;color:#78909c;font-size:.95rem;font-weight:400}.meta-item svg{stroke:#78909c}.camp-fee-container{margin-bottom:.8rem;text-align:right}.fee-amount{display:block;font-size:.8rem;color:var(--text-tertiary);font-weight:500}.fee-note{font-size:.8rem;color:#78909c}.apply-btn{min-width:140px;padding:.7rem 1.8rem;border-radius:6px;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;border:none;background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#fff;box-shadow:0 4px 6px #1e3a8a33}.apply-btn:hover{background:linear-gradient(135deg,#1e40af,#1d4ed8);box-shadow:0 6px 12px #1e3a8a4d;transform:translateY(-1px)}.apply-btn:disabled{background:#cbd5e0;color:#718096;cursor:not-allowed;box-shadow:none;transform:none}.apply-btn.applied{background:#f0f9ff;border:2px solid #1e3a8a;color:#1e3a8a;box-shadow:none}.loading-container,.error-container,.no-camps{text-align:center;padding:3rem;color:#546e7a;background:#f8fafc;border-radius:8px;margin-top:1rem}@media(max-width:768px){.camp-footer{flex-direction:column;align-items:flex-start;gap:1rem}.footer-center{align-items:flex-start;width:100%}.footer-right{width:100%;align-items:stretch;margin-top:.5rem}.camp-fee-container{text-align:left;display:flex;align-items:baseline;gap:.5rem}.apply-btn{width:100%;text-align:center}.camp-card{padding:1rem}}.attendance-page{display:flex;flex-direction:column;gap:2rem;padding-bottom:2rem}.attendance-section{background:var(--bg-primary);border-radius:12px;box-shadow:0 4px 6px -1px var(--shadow-color-light),0 2px 4px -1px var(--shadow-color-light);overflow:hidden;margin-bottom:2rem;border:1px solid var(--border-secondary)}.section-header-card{padding:1.5rem;border-bottom:2px solid var(--border-gold-faint);display:flex;align-items:center;gap:1rem;background:var(--bg-card)}.section-header-card h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:.3px}.att-count-badge{background:var(--bg-navy-light);color:var(--text-gold-light);padding:.25rem .65rem;border-radius:2rem;font-weight:700;font-size:.8rem;margin-left:auto;letter-spacing:.5px}.att-filters-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--divider);background:var(--bg-secondary)}.attendance-search-wrapper{position:relative;display:flex;align-items:center;width:200px}.attendance-search-wrapper svg{position:absolute;left:10px;color:var(--text-tertiary);width:14px;height:14px;z-index:10}.attendance-search-input{width:100%;padding:.6rem 1rem .6rem 2.8rem;border:1px solid var(--border-secondary);border-radius:6px;font-size:.85rem;background:var(--bg-primary);color:var(--text-primary);outline:none;box-sizing:border-box;line-height:normal;transition:border-color .2s}.attendance-search-input::placeholder{color:var(--text-tertiary)}.attendance-search-input:focus{border-color:var(--border-primary);box-shadow:0 0 0 3px #1a4ba81a}.date-range-container{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.date-separator{color:var(--text-tertiary);font-weight:500;font-size:.8rem}.date-filter{width:110px;padding:.3rem .4rem;border:1px solid var(--border-secondary);border-radius:6px;font-size:.75rem;color:var(--text-primary);outline:none;transition:border-color .2s;background:var(--bg-primary);font-family:inherit}.att-records-list{padding:.5rem 0}.att-record-card{border-bottom:1px solid var(--divider);transition:background .2s}.att-record-card:last-child{border-bottom:none}.att-record-card.expanded{background:var(--bg-card)}.att-record-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;transition:background .2s}.att-record-header:hover{background:var(--bg-card)}.att-record-info{display:flex;flex-direction:column;gap:.2rem}.att-record-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.att-record-meta{font-size:.78rem;color:var(--text-tertiary)}.att-record-actions{display:flex;align-items:center;gap:.75rem}.att-expanded-panel{padding:0 1.5rem 1.5rem;animation:slideDown .25s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.att-expanded-content{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem;min-height:300px}.att-cadets-column{display:flex;flex-direction:column;gap:1rem}.att-summary-column{padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-secondary)}.att-message{margin-top:.75rem;padding:.75rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500}.att-message.error{background:var(--status-error-bg);color:var(--status-error);border:1px solid rgba(229,62,62,.2)}.att-message.success{background:var(--status-success-bg);color:var(--status-success);border:1px solid rgba(56,161,105,.2)}.pie-chart-wrapper{position:relative;width:180px;height:180px;border-radius:50%;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;background:var(--border-secondary)}.pie-chart-inner{position:absolute;width:140px;height:140px;background:var(--bg-card);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:10}.pie-percentage{font-size:1.6rem;font-weight:700;color:var(--text-primary);line-height:1}.pie-label{font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;margin-top:1rem;text-align:center}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.2rem}.stat-label{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.05em}.list-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:2px solid var(--divider)}.list-header h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.cadet-count{background:var(--bg-navy-light);color:var(--text-gold-light);padding:.5rem 1rem;border-radius:2rem;font-weight:600;font-size:.85rem;letter-spacing:.3px}.cadet-rows-list{display:flex;flex-direction:column;gap:0;max-height:380px;overflow-y:auto;padding-right:.25rem}.cadet-rows-list::-webkit-scrollbar{width:6px}.cadet-rows-list::-webkit-scrollbar-track{background:var(--bg-card)}.cadet-rows-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.cadet-rows-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.cadet-row-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--divider);border-left:3px solid transparent;transition:all .2s ease;background:var(--bg-primary)}.cadet-row-item:last-child{border-bottom:none}.cadet-row-item.present{border-left-color:var(--status-success);background:var(--status-success-bg)}.cadet-row-item.absent{border-left-color:var(--status-error);background:var(--status-error-bg)}.cadet-row-item.editable{cursor:pointer}.cadet-row-item.editable:hover{background:var(--bg-card);box-shadow:0 2px 8px var(--shadow-color-light)}.cadet-row-left{display:flex;align-items:center;gap:.85rem}.cadet-row-details{display:flex;flex-direction:column;gap:.15rem}.cadet-row-sub{font-size:.78rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px}.cadet-row-right{display:flex;align-items:center;gap:.75rem}.cadet-avatar{width:38px;height:38px;border-radius:50%;background:var(--bg-navy-light);color:var(--text-gold-light);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0;border:2px solid var(--border-gold-subtle)}.checkbox-toggle{width:24px;height:24px;border-radius:50%;background:var(--bg-primary);border:2px solid var(--border-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.cadet-row-item.present .checkbox-toggle{background:var(--status-success);border-color:var(--status-success)}.checkbox-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:white}.cadet-name{font-size:.95rem;color:var(--text-primary);font-weight:600;line-height:1.3}.status-badge{display:inline-block;padding:.3rem .7rem;border-radius:999px;font-size:.75rem;font-weight:700;text-align:center;letter-spacing:.2px;border:1px solid transparent}.status-badge.present{background:#38a1691a;color:var(--status-success);border-color:#38a16940}.status-badge.absent{background:#e53e3e14;color:var(--status-error);border-color:#e53e3e33}.attendance-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:2px solid var(--divider)}.btn-save-attendance{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-navy-light);color:var(--text-gold-light);border:1px solid var(--border-gold-subtle);border-radius:.5rem;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;min-height:44px;letter-spacing:.5px;text-transform:uppercase}.btn-save-attendance:hover:not(:disabled){background:var(--text-gold-light);color:var(--bg-navy-light);transform:translateY(-1px);box-shadow:0 6px 16px var(--shadow-gold)}.btn-save-attendance:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-icon{font-size:1rem}.loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:var(--text-secondary);text-align:center}.spinner{width:40px;height:40px;border:4px solid var(--border-gold-faint);border-top-color:var(--border-gold);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.empty-state{padding:2rem;text-align:center;color:var(--text-secondary);background:var(--bg-card);border-radius:.75rem;border:1px dashed var(--border-secondary);margin:.5rem 1.5rem 1rem}@media(max-width:768px){.att-expanded-content{grid-template-columns:1fr}.att-summary-column{order:-1;padding:1.5rem}.att-filters-bar{flex-direction:column;gap:.75rem}.attendance-search-wrapper{width:100%}.date-range-container{width:100%;justify-content:flex-start}.cadet-avatar{width:34px;height:34px;font-size:.85rem}.list-header{flex-direction:column;align-items:flex-start;gap:.75rem}.attendance-actions{flex-direction:column}.btn-save-attendance{width:100%;justify-content:center}}.training-container{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding-bottom:2rem}.schedule-layout{display:flex;flex-direction:column;gap:2.5rem}.tabs-container{display:flex;gap:0;border-bottom:2px solid var(--divider);margin-bottom:.5rem}.tab-button{padding:.85rem 1.5rem;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;font-size:.95rem;font-weight:600;font-family:inherit;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s ease;letter-spacing:.2px}.tab-button:hover{color:var(--text-link);background:var(--bg-button)}.tab-button.active{color:var(--text-link);border-bottom-color:var(--border-primary);background:transparent}.tab-content{min-height:200px}.hero-fallin{background:linear-gradient(135deg,var(--bg-navy-light) 0%,#0a1a33 100%);border-radius:1rem;padding:2rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;color:var(--text-inverted);box-shadow:0 10px 25px #0003;position:relative;overflow:hidden;min-height:200px;transition:transform .2s}.hero-fallin:hover{transform:translateY(-2px)}.hero-fallin:after{content:"";position:absolute;top:0;right:0;width:40%;height:100%;background:radial-gradient(circle at top right,rgba(212,175,55,.1),transparent 70%);pointer-events:none}.hero-content{flex:1;z-index:1}.hero-label{font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;opacity:.9;margin-bottom:.5rem;display:block;font-weight:700;color:var(--text-gold)}.hero-title{font-size:2.2rem;font-weight:700;margin:.5rem 0;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-meta{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.hero-meta-item{display:flex;align-items:center;gap:.5rem;background:#ffffff1f;padding:.6rem 1.2rem;border-radius:.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-weight:500;font-size:.9rem;border:1px solid rgba(255,255,255,.08)}.hero-actions{display:flex;gap:.75rem;margin-top:1.5rem}.btn-hero-edit,.btn-hero-delete{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.2);transition:all .2s;font-family:inherit}.btn-hero-edit{background:#ffffff26;color:var(--text-inverted)}.btn-hero-edit:hover{background:#ffffff40}.btn-hero-delete{background:#e53e3e33;color:#fca5a5;border-color:#e53e3e4d}.btn-hero-delete:hover{background:#e53e3e59}.hero-countdown-box{text-align:center;z-index:1;min-width:140px;background:#00000040;padding:1.5rem;border-radius:1rem;border:1px solid rgba(212,175,55,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.countdown-timer{font-size:2.5rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;color:var(--text-gold);display:block;margin-bottom:.5rem}.countdown-label{font-size:.8rem;opacity:.9;text-transform:uppercase;letter-spacing:1px}.hero-wrapper{margin-bottom:2rem}.section-header-card{padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-secondary);display:flex;align-items:center;gap:.85rem}.section-header-card.top-radius{border-radius:12px 12px 0 0;border-bottom:2px solid var(--border-gold-faint)}.section-header-card h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-primary);letter-spacing:.3px}.section-icon{width:40px;height:40px;background:#1a4ba814;color:var(--text-link);border-radius:8px;display:flex;align-items:center;justify-content:center}.section-title-wrapper{display:flex;align-items:center;gap:.75rem;margin-right:auto;margin-bottom:0}.section-title-wrapper h4{margin:0;color:var(--text-primary);font-weight:700;font-size:.95rem}.count-badge{background:var(--bg-navy-light);color:var(--text-gold-light);padding:.2rem .65rem;border-radius:12px;font-size:.75rem;font-weight:700;letter-spacing:.3px}.sub-section-label{margin-bottom:1rem;color:var(--text-tertiary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.upcoming-body{background:var(--bg-primary);padding:1.5rem;border-radius:0 0 12px 12px;border:1px solid var(--border-secondary);border-top:none}.upcoming-later{margin-top:0}.training-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;width:100%}.training-grid>*{min-width:0}.info-card{background:var(--bg-primary);border-radius:.8rem;padding:1.5rem;box-shadow:0 4px 12px var(--shadow-color-light);border:1px solid var(--border-secondary);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.info-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.card-header{display:flex;align-items:center;gap:.85rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--divider)}.card-icon{color:var(--text-link);background:#1a4ba814;padding:.6rem;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.card-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-actions-row{display:flex;gap:.5rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--divider)}.btn-card-edit,.btn-card-delete{display:flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent;font-family:inherit}.btn-card-edit{background:var(--bg-button);color:var(--text-link);border-color:var(--border-primary)}.btn-card-edit:hover{background:var(--text-link);color:var(--text-inverted)}.btn-card-delete{background:var(--status-error-bg);color:var(--status-error);border-color:#e53e3e33}.btn-card-delete:hover{background:var(--status-error);color:var(--text-inverted)}.details-list{display:flex;flex-direction:column;gap:.6rem;flex-grow:1}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px dashed var(--divider)}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:var(--text-tertiary);font-size:.85rem}.detail-value{text-align:right;color:var(--text-primary);font-weight:500;font-size:.9rem}.dress-code-alert{margin-top:auto;background:#d4af3714;color:var(--text-gold);padding:.7rem .85rem;border-radius:6px;font-size:.85rem;display:flex;align-items:center;gap:.5rem;border:1px solid var(--border-gold-light);font-weight:500}.training-log-container{background:var(--bg-primary);border-radius:0 0 12px 12px;box-shadow:0 4px 6px -1px var(--shadow-color-light);overflow:hidden;border:1px solid var(--border-secondary);border-top:none}.list-controls{padding:1rem 1.5rem;border-bottom:1px solid var(--divider);background:var(--bg-secondary)}.header-filters-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;flex-wrap:wrap}.training-search-wrapper{position:relative;display:flex;align-items:center;flex:1;max-width:300px}.training-search-wrapper svg{position:absolute;left:12px;color:var(--text-tertiary);width:16px;height:16px;z-index:10}.training-search-input{width:100%;padding:.6rem 1rem .6rem 3rem;border:1px solid var(--border-secondary);border-radius:8px;font-size:.85rem;background:var(--bg-primary);color:var(--text-primary);outline:none;transition:all .2s;box-sizing:border-box;font-family:inherit}.training-search-input::placeholder{color:var(--text-tertiary)}.training-search-input:focus{border-color:var(--border-primary);box-shadow:0 0 0 3px #1a4ba81a}.date-range-container{display:flex;align-items:center;gap:.5rem}.date-separator{color:var(--text-tertiary);font-weight:500}.date-filter{padding:.5rem .6rem;border:1px solid var(--border-secondary);border-radius:8px;font-size:.8rem;color:var(--text-primary);outline:none;background:var(--bg-primary);font-family:inherit;transition:border-color .2s}.date-filter:focus{border-color:var(--border-primary);box-shadow:0 0 0 2px #1a4ba81a}.search-highlight{background-color:#d4af3733;color:var(--text-primary);padding:0 2px;border-radius:2px}.records-list{display:flex;flex-direction:column;max-height:400px;overflow-y:auto}.records-list::-webkit-scrollbar{width:6px}.records-list::-webkit-scrollbar-track{background:var(--bg-card)}.records-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.records-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.record-item{display:flex;align-items:center;gap:1rem;padding:.9rem 1.5rem;border-bottom:1px solid var(--divider);transition:background .15s}.record-item:last-child{border-bottom:none}.record-item:hover{background:var(--bg-card)}.record-date-box{display:flex;flex-direction:column;min-width:50px;align-items:center}.date-day{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.date-month{font-size:.8rem;color:var(--text-tertiary);text-transform:uppercase;font-weight:600}.record-details{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.record-title{font-size:.95rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-meta{font-size:.82rem;color:var(--text-tertiary);display:flex;align-items:center;gap:.4rem}.meta-dot{color:var(--text-tertiary)}.record-type-badge{padding:.3rem .7rem;border-radius:20px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.badge-regular{background:#1a4ba814;color:var(--text-link)}.badge-special{background:#d4af371a;color:#9a7b1c}.badge-training{background:#38a1691a;color:var(--status-success)}.badge-event{background:#e53e3e14;color:var(--status-error)}.record-actions{display:flex;gap:.4rem;flex-shrink:0}.btn-record-edit,.btn-record-delete{display:flex;align-items:center;justify-content:center;padding:.4rem;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:all .2s;background:transparent}.btn-record-edit{color:var(--text-link)}.btn-record-edit:hover{background:var(--bg-button);border-color:var(--border-primary)}.btn-record-delete{color:var(--status-error)}.btn-record-delete:hover{background:var(--status-error-bg);border-color:#e53e3e33}.load-more-sentinel{height:20px;display:flex;justify-content:center;align-items:center;padding:1rem;color:var(--text-tertiary);font-size:.85rem}.btn-create-fallin{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;background:var(--bg-navy-light);color:var(--text-gold-light);border:1px solid var(--border-gold-subtle);border-radius:.65rem;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;letter-spacing:.5px;align-self:flex-start;font-family:inherit}.btn-create-fallin:hover{background:var(--text-gold-light);color:var(--bg-navy-light);transform:translateY(-1px);box-shadow:0 6px 16px var(--shadow-gold)}.fallin-form-card{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:12px;box-shadow:0 8px 25px var(--shadow-color-light);overflow:hidden}.fallin-form-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:var(--bg-card);border-bottom:2px solid var(--border-gold-faint)}.fallin-form-header h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-primary)}.btn-icon-only{display:flex;align-items:center;justify-content:center;padding:.4rem;border-radius:6px;border:1px solid var(--border-secondary);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .2s}.btn-icon-only:hover{background:var(--status-error-bg);color:var(--status-error);border-color:#e53e3e33}.fallin-form-grid{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.88rem}.form-group input,.form-group textarea,.form-group select{padding:.75rem .9rem;border:1.5px solid var(--border-secondary);border-radius:.5rem;font-size:.9rem;font-family:inherit;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--border-primary);box-shadow:0 0 0 3px #1a4ba814}.form-group textarea{resize:vertical;min-height:60px;line-height:1.5}.form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.form-actions-row{display:flex;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--divider)}.btn-form-save{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-navy-light);color:var(--text-gold-light);border:1px solid var(--border-gold-subtle);border-radius:.5rem;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;font-family:inherit;letter-spacing:.3px}.btn-form-save:hover:not(:disabled){background:var(--text-gold-light);color:var(--bg-navy-light);box-shadow:0 4px 12px var(--shadow-gold)}.btn-form-save:disabled{opacity:.6;cursor:not-allowed}.btn-form-cancel{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-secondary);border-radius:.5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-form-cancel:hover{background:var(--bg-card);color:var(--text-primary)}.form-error{padding:.75rem 1rem;margin:0 1.5rem;background:var(--status-error-bg);color:var(--status-error);border:1px solid rgba(229,62,62,.2);border-radius:8px;font-size:.85rem;font-weight:500}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary);background:var(--bg-card);border-radius:12px;border:2px dashed var(--border-secondary)}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem}.empty-state.bottom-radius{border-radius:0 0 12px 12px;border-top:none}.empty-state.bordered-top{border-top:1px solid var(--border-secondary)}.empty-state-inline{text-align:center;padding:2rem;color:var(--text-secondary);background:var(--bg-primary)}.btn-retry{margin-top:1rem;padding:.6rem 1.5rem;background:var(--bg-navy-light);color:var(--text-gold-light);border:1px solid var(--border-gold-subtle);border-radius:.5rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}.btn-retry:hover{background:var(--text-gold-light);color:var(--bg-navy-light)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:var(--text-secondary);gap:1rem}.spinner{width:40px;height:40px;border:4px solid var(--border-gold-faint);border-top-color:var(--border-gold);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.header-filters-row{flex-direction:column;align-items:stretch}.training-search-wrapper{max-width:100%;width:100%}.date-range-container{justify-content:space-between}.date-filter{flex:1}.record-item{flex-wrap:wrap;gap:.5rem}.record-actions{width:100%;justify-content:flex-end}.training-grid{grid-template-columns:1fr}.hero-fallin{flex-direction:column;align-items:flex-start}.hero-countdown-box{width:100%;margin-top:1rem;display:flex;justify-content:space-between;align-items:center}.countdown-timer{font-size:2rem;margin-bottom:0}.form-row-2col{grid-template-columns:1fr}.form-actions-row{flex-direction:column}.tabs-container{overflow-x:auto}.tab-button{white-space:nowrap;font-size:.88rem;padding:.75rem 1rem}}.cadet-admin-page{display:flex;flex-direction:column;gap:1rem}.cadet-admin-header h1{margin:0;font-size:1.5rem}.cadet-admin-header p{margin:.25rem 0 0;color:var(--text-secondary, #6b7280)}.cadet-admin-toolbar{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.cadet-admin-toolbar-right{margin-left:auto;display:inline-flex;align-items:center;gap:.65rem}.cadet-admin-toolbar select,.cadet-admin-toolbar input,.cadet-admin-toolbar button{font-family:inherit;font-size:.9rem}.cadet-admin-toolbar select{min-height:40px;border:1px solid var(--border-secondary, #d7dbe2);border-radius:.5rem;background:var(--bg-card, #fff);color:var(--text-primary, #111827);padding:.5rem .7rem}.cadet-admin-search{display:flex;align-items:center;gap:.5rem;background:var(--bg-card, #fff);border:1px solid var(--border-secondary, #d7dbe2);border-radius:.5rem;min-height:40px;padding:0 .7rem;min-width:280px}.cadet-admin-search input{border:none;outline:none;width:100%;background:transparent;height:100%;font-family:inherit;font-size:.9rem}.cadet-admin-btn{border:1px solid var(--border-secondary, #d7dbe2);background:var(--bg-card, #fff);border-radius:.45rem;min-height:40px;padding:.48rem .85rem;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.cadet-admin-btn.primary{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.cadet-admin-table-wrap{background:var(--bg-card, #fff);border:1px solid var(--border-secondary, #d7dbe2);border-radius:.75rem;overflow-x:auto;overflow-y:auto}.cadet-admin-group-head{padding:.85rem 1rem;background:var(--bg-secondary, #f8fafc);border-bottom:1px solid var(--border-secondary, #e5e7eb);display:flex;justify-content:space-between;align-items:center}.camp-section.cadet-admin-page,.cadet-admin-page{height:calc(100vh - 85px - 4rem);min-height:0;display:flex;flex-direction:column;overflow:hidden;gap:1rem}.cadet-admin-table-wrap{flex:1 1 0%;min-height:0;overflow-y:auto;padding-right:4px}.cadet-admin-header{margin-bottom:.8rem}.cadet-admin-header h1{margin-bottom:.25rem}.cadet-admin-group-head h3{margin:0;font-size:1rem}.cadet-admin-group-head span{font-size:.82rem;color:var(--text-secondary, #6b7280)}.cadet-admin-group-actions{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.cadet-admin-group-actions select{min-height:34px;border:1px solid var(--border-secondary, #d7dbe2);border-radius:.45rem;background:#fff;color:var(--text-primary, #111827);padding:.35rem .55rem;font-family:inherit;font-size:.84rem}.cadet-admin-table{width:100%;border-collapse:collapse}.camp-section.cadet-admin-page,.camp-section.user-management,.camp-section.analytics,.camp-section.co-activities-page{overflow:visible;min-width:0}.cadet-admin-table th,.cadet-admin-table td{padding:.65rem .75rem;border-bottom:1px solid var(--border-secondary, #eef2f7);text-align:left;font-size:.88rem}.cadet-admin-table th{background:#f8fafc;color:var(--text-secondary, #6b7280);font-weight:600}.cadet-admin-table input,.cadet-admin-table select{border:1px solid var(--border-secondary, #d1d5db);border-radius:.4rem;padding:.35rem .45rem;font-size:.85rem;width:100%;box-sizing:border-box}.cadet-admin-table input[type=checkbox]{width:auto;margin:0}.cadet-admin-message{padding:.6rem .8rem;border-radius:.45rem;font-size:.86rem}.cadet-admin-message.dismissible{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.cadet-admin-message-close{border:none;background:transparent;color:inherit;width:24px;height:24px;border-radius:999px;cursor:pointer;font-size:1rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center}.cadet-admin-message-close:hover{background:#0f172a14}.cadet-admin-flag-panel{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.75rem;border:1px solid var(--border-secondary, #d7dbe2);border-radius:.65rem;background:#f8fbff}.cadet-admin-flag-label{color:var(--text-secondary, #475569);font-size:.84rem;font-weight:600}.cadet-admin-inline-setter{display:inline-flex;align-items:center;gap:.65rem;flex-wrap:wrap;padding:.7rem .8rem;border:1px solid var(--border-secondary, #d7dbe2);border-radius:.65rem;background:#f8fbff}.cadet-admin-inline-setter select{min-height:40px;border:1px solid var(--border-secondary, #d7dbe2);border-radius:.5rem;background:var(--bg-card, #fff);color:var(--text-primary, #111827);padding:.5rem .7rem;font-family:inherit;font-size:.9rem}.cadet-admin-inline-loader{width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:cadet-admin-spin .75s linear infinite}.cadet-admin-busy-overlay{position:absolute;inset:0;background:#f8fbffb8;display:flex;align-items:center;justify-content:center;z-index:3;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.cadet-admin-busy-card{display:inline-flex;align-items:center;gap:.55rem;background:#fff;color:#1f3f75;border:1px solid #d7dbe2;border-radius:999px;padding:.55rem .9rem;box-shadow:0 6px 18px #1428501f;font-size:.86rem;font-weight:600}.cadet-admin-busy-spinner{width:16px;height:16px;border:2px solid rgba(29,78,216,.25);border-top-color:#1d4ed8;border-radius:50%;animation:cadet-admin-spin .75s linear infinite}.cadet-admin-selection-count{display:inline-flex;align-items:center;min-height:40px;padding:0 .8rem;border-radius:.5rem;border:1px solid #d7dbe2;background:#eef6ff;color:#1f3f75;font-size:.88rem;font-weight:700}.cadet-admin-status-preview{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding:.65rem .9rem;border-bottom:1px solid var(--border-secondary, #e5e7eb);background:#f7fbff;color:#1f3f75;font-size:.84rem}.cadet-admin-status-preview span{display:inline-flex;align-items:center;padding:.22rem .55rem;border:1px solid #d7e3f5;border-radius:999px;background:#fff;font-weight:600}.cadet-admin-inline-note{display:inline-flex;align-items:center;padding:.28rem .55rem;border-radius:999px;background:#eef6ff;color:#1f3f75;font-size:.78rem;font-weight:600}@keyframes cadet-admin-spin{to{transform:rotate(360deg)}}.cadet-admin-message.success{background:#dcfce7;color:#166534}.cadet-admin-message.error{background:#fee2e2;color:#991b1b}.cadet-admin-empty{padding:1rem;color:var(--text-secondary, #6b7280)}.cadet-admin-segmented{display:flex;gap:.75rem;flex-wrap:wrap}.cadet-admin-segment-btn{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--border-secondary, #d7dbe2);background:#f8fbff;color:#334155;border-radius:.8rem;padding:.62rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .18s ease}.cadet-admin-segment-btn:hover{border-color:#9fb8e8;background:#eff5ff}.cadet-admin-segment-btn.active{border-color:#b8c9ea;background:#eef4ff;color:#174291;box-shadow:0 2px 10px #17429114}.cadet-admin-segment-count{min-width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 .35rem;font-size:.78rem;font-weight:700;background:#d9e8ff;color:#1a4ca0}.cadet-admin-segment-btn.active .cadet-admin-segment-count{background:#1f4b99;color:#fff}@media(max-width:900px){.cadet-admin-table-wrap{overflow-x:auto}.cadet-admin-table{min-width:860px}}.event-section .cadet-admin-header,.event-section .cadet-admin-toolbar,.event-section .cadet-admin-table-wrap{width:100%}.event-list-shell{display:flex;flex-direction:column;gap:.9rem;padding-top:.5rem}.event-loading-state{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-secondary, #6b7280);background:#f8fafcc7;border:1px dashed #d6dfec;border-radius:.85rem}.event-loading-state .loading-spinner{width:42px;height:42px;border:3px solid var(--border-secondary, #e0e0e0);border-top-color:var(--text-link, #1a73e8);border-radius:50%;animation:spin 1s linear infinite}.camp-grid-layout.event-grid-layout{grid-template-columns:60px 1.7fr 1fr .9fr 1.2fr .9fr 1.5fr}.camp-grid-layout.ano-event-grid-layout{grid-template-columns:60px 2fr 1.2fr 1fr 1.5fr 1.2fr}.event-section .camp-tile{grid-template-rows:auto}.event-section .camp-tile.event-expanded{background:#f8fbff;border-color:#b8c9ea}.event-details-panel{grid-column:1 / -1;margin-top:.2rem;border-top:1px dashed #cad8ee;padding-top:.65rem;color:#395171;display:grid;gap:.35rem;font-size:.88rem}.event-section .camp-info .cadet-admin-toolbar{justify-content:flex-start}.event-icon-actions{display:inline-flex;align-items:center;gap:.35rem}.event-icon-btn{width:28px;height:28px;border-radius:.45rem;border:1px solid #c9d5e8;background:#fff;color:#1f3f75;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all .18s ease}.event-icon-btn:hover{border-color:#8cadde;background:#edf4ff}.event-icon-btn.danger{color:#9c1e1e;border-color:#e0c1c1}.event-icon-btn.danger:hover{background:#fff0f0;border-color:#d9a3a3}@media(max-width:1100px){.event-list-shell{overflow-x:auto}.event-grid-layout{min-width:980px}}.cadet-admin-loading-state,.dashboard-loading-state,.approvals-loading-state,.user-management-loading-state,.training-loading-state,.analytics-loading-state{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-secondary, #6b7280);background:#f8fafcc7;border:1px dashed #d6dfec;border-radius:.85rem}.cadet-admin-loading-state .loading-spinner,.dashboard-loading-state .loading-spinner,.approvals-loading-state .loading-spinner,.user-management-loading-state .loading-spinner,.training-loading-state .loading-spinner,.analytics-loading-state .loading-spinner{width:42px;height:42px;border:3px solid var(--border-secondary, #e0e0e0);border-top-color:var(--text-link, #1a73e8);border-radius:50%;animation:spin 1s linear infinite}.camp-section{background-color:transparent;border-radius:0;box-shadow:none;border:none;padding:0;display:block;gap:0;height:auto;min-height:0;position:relative;overflow:visible;box-sizing:border-box;min-width:0}.camp-section.camp-management{background-color:var(--bg-primary, #ffffff);border-radius:16px;box-shadow:none;border:1px solid rgba(255,255,255,.5);border-top:4px solid var(--border-gold);border-bottom:4px solid var(--border-gold);padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1.5rem;height:100%;position:relative;overflow:visible;box-sizing:border-box;min-width:0}.camp-section>*{min-width:0}.camp-section.camp-management:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle at top right,var(--border-gold-faint) 0%,transparent 70%);pointer-events:none}.camp-controls{display:flex;justify-content:space-between;align-items:center;z-index:1}.camp-header{margin:0 0 .5rem}.camp-header h1{margin:0;font-size:1.6rem;font-weight:700;color:var(--text-primary);line-height:1.2}.camp-header p{margin:.2rem 0 0;color:var(--text-secondary);font-size:.95rem}.search-wrapper{position:relative;display:flex;align-items:center;width:350px}.search-icon{position:absolute;left:16px;color:var(--text-tertiary, #888);width:20px;height:20px;pointer-events:none;transition:color .3s ease}.search-bar{width:100%;padding:.85rem 1rem .85rem 3rem;border:1px solid var(--border-secondary, #ccc);border-radius:12px;background-color:var(--bg-input, #f9f9f9);font-size:.95rem;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1)}.search-bar:focus{outline:none;border-color:var(--border-gold);background-color:#fff;box-shadow:0 0 0 4px var(--border-gold-faint)}.search-bar:focus+.search-icon{color:var(--text-gold)}.controls-right{display:flex;gap:1rem;align-items:center}.filter-btn{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.75rem;background-color:#fff;border:1px solid var(--border-secondary);border-radius:12px;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #00000005}.create-btn{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;background:linear-gradient(135deg,var(--bg-navy-light) 0%,#0a1a33 100%);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1a365d4d}.create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1a365d66;filter:brightness(1.2)}.btn-icon{width:20px;height:20px}.filter-btn:hover{background-color:#fff;border-color:var(--border-gold);color:var(--text-gold);box-shadow:0 4px 12px var(--border-gold-faint);transform:translateY(-1px)}select.filter-btn option{color:var(--text-primary);background-color:#fff}.filter-icon{width:20px;height:20px;transition:stroke .3s ease}.filter-btn:hover .filter-icon{stroke:var(--text-gold)}.camp-grid-layout{display:grid;grid-template-columns:.5fr 2fr 1.5fr 1.5fr 1fr .5fr;gap:2rem;align-items:center;padding:1.25rem 2rem}.camp-list-header{background:linear-gradient(135deg,var(--bg-navy-light) 0%,#0a1a33 100%);color:var(--text-inverted);font-weight:600;border-radius:12px;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;border-bottom:3px solid var(--border-gold);box-shadow:0 4px 6px #0000001a;z-index:1}.camp-list{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding:.5rem;z-index:1}.camp-tile{background-color:#fff;border:1px solid var(--border-secondary);border-left:4px solid transparent;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;color:var(--text-primary);position:relative}.camp-tile:hover{transform:translateY(-3px) scale(1.005);box-shadow:0 8px 24px #00000014;border-color:var(--border-gold-subtle);border-left-color:var(--border-gold)}.camp-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}.camp-info:first-child{font-weight:700;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.camp-details-view{display:flex;flex-direction:column;min-height:0}.camp-actions{display:flex;align-items:center;gap:.75rem}.camp-actions-group{display:inline-flex;align-items:center;gap:.5rem}.camp-action-btn{border:1px solid var(--border-secondary, #d7dbe2);background:#fff;border-radius:.5rem;padding:.45rem .85rem;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--text-primary, #111827)}.camp-action-btn.delete{border-color:#dc2626;color:#dc2626;background:#fff5f5}.camp-details-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr);gap:1rem;align-items:start;min-height:0}.camp-tile:hover .camp-info:first-child{color:var(--text-link)}.status-tag{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize;letter-spacing:.02em}.status-ongoing{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.status-completed{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-upcoming{background-color:#cce5ff;color:#004085;border:1px solid #b8daff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s ease-out}.modal-content{background-color:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 40px #0003;width:1100px;max-width:95%;height:70vh;position:relative;animation:slideUp .3s cubic-bezier(.16,1,.3,1);border:1px solid var(--border-secondary);display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.camp-list::-webkit-scrollbar{width:6px}.camp-list::-webkit-scrollbar-track{background:transparent}.camp-list::-webkit-scrollbar-thumb{background-color:var(--border-secondary);border-radius:20px}.camp-list::-webkit-scrollbar-thumb:hover{background-color:var(--text-tertiary)}.action-icon{width:24px;height:24px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.action-icon:hover{color:var(--text-link);transform:scale(1.1)}.form-help{font-size:.8rem;color:var(--text-secondary);margin-top:.35rem}.app-detail{background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-secondary, #e6e8ee);padding:.75rem;border-radius:8px;margin-top:.5rem;font-size:.9rem;white-space:pre-wrap}.staff-main-container{flex:1;display:flex;flex-direction:row;background:#fffffff2;margin:0;border-radius:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;box-shadow:none}.sidebar{width:14rem;background:var(--bg-card);border-right:1px solid var(--border-secondary);padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.dashboard-content{flex:1;overflow-y:auto;position:relative;z-index:0}@media(max-width:900px){.header{padding:.65rem .75rem;gap:.75rem;height:auto}.header-left{flex:1 1 auto;min-width:0;gap:.7rem}.header-title-wrapper{margin-left:0;min-width:0}.header-right{gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.mobile-menu-toggle{display:inline-flex}.staff-main-container{position:relative;overflow:hidden;min-height:calc(100dvh - 70px)}.sidebar{position:fixed;top:70px;left:0;bottom:0;width:min(300px,82vw);padding:1rem;transform:translate(-105%);transition:transform .25s ease;z-index:1001;overflow-y:auto;box-shadow:12px 0 30px #0000002e}.sidebar.sidebar-open{transform:translate(0)}.dashboard-content{padding:1rem;min-width:0}.mobile-sidebar-backdrop{display:block;position:fixed;inset:0;background:#08122173;z-index:1000}}.header-account-wrapper{position:relative;display:flex;align-items:center}.header-account-btn{width:40px;height:40px;border-radius:50%;border:2px solid var(--text-gold);background:transparent;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;cursor:pointer;transition:all .2s}.header-account-btn:hover{box-shadow:0 0 10px #0003;transform:scale(1.05)}.header-account-backdrop{position:fixed;inset:0;z-index:1001}.header-account-modal{position:absolute;right:0;top:calc(100% + 10px);z-index:1002}.header-account-content{display:flex;flex-direction:column;gap:1.5rem}.header-account-modal{position:absolute;top:calc(100% + 12px);right:0;width:280px;background:var(--bg-primary);border-radius:12px;box-shadow:0 10px 40px #00000040;z-index:999;display:flex;overflow:hidden;border:1px solid var(--border-secondary);animation:accountSlideIn .2s ease-out;padding:1.5rem}@keyframes accountSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.account-info-section{display:flex;flex-direction:column;align-items:center;text-align:center}.account-profile-picture{width:80px;height:80px;border-radius:50%;border:3px solid var(--text-gold);margin-bottom:1rem;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-card)}.account-profile-picture img{width:100%;height:100%;object-fit:cover}.account-info-text .account-name{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.account-info-text .account-id{font-size:.9rem;color:var(--text-secondary)}.header-account-content .logout-btn{width:100%;text-align:center;display:inline-block;box-sizing:border-box;margin-top:.5rem;padding:.8rem}.header-notification-wrapper{position:relative}.header-notification-btn{position:relative;background:#0f2f4fb3;border:1px solid rgba(218,165,32,.3);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--text-gold-light)}.header-notification-btn:hover{background:#0f2f4fe6;border-color:var(--border-gold);transform:translateY(-1px);box-shadow:0 4px 12px #daa52033}.header-notification-badge{position:absolute;top:2px;right:2px;background:var(--ncc-red);color:#fff;font-size:.65rem;font-weight:800;min-width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #ffffff;box-shadow:0 2px 6px #0000004d;line-height:1}.header-notification-backdrop{position:fixed;inset:0;z-index:998}.header-notification-modal{position:absolute;top:calc(100% + 12px);right:0;width:360px;max-height:400px;background:var(--bg-primary);border-radius:12px;box-shadow:0 10px 40px #00000040;z-index:999;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-secondary);animation:notifSlideIn .2s ease-out}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-notification-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-secondary);background:var(--bg-card)}.header-notification-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary)}.header-notification-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.header-notification-close:hover{background:var(--bg-button);color:var(--text-primary)}.header-notification-body{flex:1;overflow-y:auto;padding:.5rem}.header-notif-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:8px;background:transparent;transition:background .2s;position:relative;cursor:pointer}.header-notif-item:hover{background:var(--bg-card)}.header-notif-item.new{background:#4d7fe814}.header-notif-item.new:hover{background:#4d7fe81f}.header-notif-icon{color:var(--text-secondary);flex-shrink:0;padding:.4rem;background:var(--bg-card);border-radius:6px}.header-notif-content{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.header-notif-title{font-size:.85rem;font-weight:600;color:var(--text-primary)}.header-notif-message{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-notif-time{font-size:.7rem;color:var(--text-tertiary);margin-top:.15rem}.header-notif-dot{width:8px;height:8px;background:var(--ncc-red);border-radius:50%;flex-shrink:0;margin-top:.4rem}.header-notification-footer{padding:.75rem 1rem;border-top:1px solid var(--border-secondary);background:var(--bg-card)}.header-mark-all-btn{width:100%;padding:.6rem 1rem;background:var(--bg-navy-light);color:var(--text-gold-light);border:none;border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.header-mark-all-btn:hover{background:var(--text-gold-light);color:var(--bg-navy-light)}.header-notif-loading,.header-notif-empty{padding:2rem 1rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.staff-dashboard-grid{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;min-height:100%}.staff-dashboard-left{display:flex;flex-direction:column;gap:1.5rem}.staff-top-stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.staff-stat-widget{background:var(--bg-card, #ffffff);border:1px solid var(--border-secondary, #e5e7eb);border-radius:1rem;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.staff-stat-widget:nth-child(1):before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#818cf8)}.staff-stat-widget:nth-child(2):before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f59e0b,#fbbf24)}.staff-stat-widget:nth-child(3):before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#34d399)}.staff-stat-widget:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #0000001a,0 8px 10px -5px #0000000a;border-color:var(--border-gold, #d4af37)}.staff-stat-header{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary, #6b7280);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.staff-stat-icon{width:38px;height:38px;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 4px #0000001a}.staff-stat-widget:nth-child(1) .staff-stat-icon{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.staff-stat-widget:nth-child(2) .staff-stat-icon{background:linear-gradient(135deg,#f59e0b,#ef4444)}.staff-stat-widget:nth-child(3) .staff-stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.staff-stat-value{font-size:2.25rem;font-weight:800;color:var(--text-primary, #111827);line-height:1.1;margin:.75rem 0 .25rem}.staff-stat-subtitle{color:var(--text-tertiary, #9ca3af);font-size:.82rem}.staff-panels-row{display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem}.staff-panel{background:var(--bg-card, #ffffff);border:1px solid var(--border-secondary, #e5e7eb);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column}.staff-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-secondary, #e5e7eb)}.staff-panel-header h3{margin:0;color:var(--text-primary, #111827);font-size:1.1rem;font-weight:700;letter-spacing:.02em}.staff-link-btn{border:none;background:transparent;color:var(--text-link, #3b82f6);cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;font-weight:600;font-size:.85rem;transition:color .2s;padding:0}.staff-link-btn:hover{color:var(--text-link-hover, #2563eb)}.staff-panel-body{display:flex;flex-direction:column;gap:.85rem;flex:1}.staff-event-item{border:1px solid var(--border-secondary, #e5e7eb);border-left:4px solid #3b82f6;border-radius:.75rem;padding:1rem;background:linear-gradient(135deg,#fff,#f8fafc);transition:all .2s ease;display:flex;flex-direction:column;gap:.35rem}.staff-event-item:hover{transform:translate(4px);border-left-color:#2563eb;box-shadow:0 4px 12px #0000000d;background:#fff}.staff-event-title{color:var(--text-primary, #111827);font-weight:700;font-size:.95rem}.staff-event-meta{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary, #6b7280);font-size:.82rem}.staff-empty{color:var(--text-tertiary, #9ca3af);font-size:.9rem;padding:2rem 0;text-align:center;font-style:italic}.staff-distribution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-content:start}.staff-kpi-tile{border:1px solid var(--border-secondary, #e5e7eb);border-radius:.75rem;padding:1.15rem;background:linear-gradient(135deg,#fff,#f8fafc);display:flex;flex-direction:column;gap:.4rem;transition:all .2s ease;box-shadow:0 2px 4px #00000005}.staff-kpi-tile:nth-child(1){border-left:4px solid #6366f1}.staff-kpi-tile:nth-child(2){border-left:4px solid #10b981}.staff-kpi-tile:nth-child(3){border-left:4px solid #f59e0b}.staff-kpi-tile:nth-child(4){border-left:4px solid #6b7280}.staff-kpi-tile:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000000f}.staff-kpi-tile span{color:var(--text-secondary, #6b7280);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.staff-kpi-tile strong{color:var(--text-primary, #111827);font-size:1.75rem;font-weight:800;line-height:1}.staff-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.staff-action-btn{border:1px solid var(--border-secondary, #e5e7eb);background:var(--bg-card, #ffffff);color:var(--text-primary, #111827);border-radius:.75rem;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000005}.staff-action-btn:hover{border-color:#6366f1;background:#e0e7ff;color:#4f46e5;transform:translateY(-2px);box-shadow:0 6px 15px #6366f126}.staff-action-btn svg{color:#6366f1;transition:transform .2s ease;width:18px;height:18px}.staff-action-btn:hover svg{transform:translate(4px)}.staff-dashboard-right{display:flex;flex-direction:column;align-items:flex-start}.staff-profile-card{width:100%;background:linear-gradient(135deg,#243b55,#141e30);border-radius:1rem;padding:1.75rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;color:var(--text-inverted, #fff);position:sticky;top:1.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);height:fit-content;box-shadow:0 10px 25px -5px #0000004d}.staff-profile-card:after{content:"";position:absolute;top:0;right:-20%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03));transform:skew(-20deg)}.profile-card-avatar{height:7rem;width:7rem;border-radius:50%;border:3px solid var(--border-gold, #d4af37);box-shadow:0 4px 15px #0000004d;background-color:var(--bg-primary, #f3f4f6);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary, #9ca3af);overflow:hidden}.profile-card-avatar img{width:100%;height:100%;object-fit:cover}@media(max-width:1200px){.staff-dashboard-grid{grid-template-columns:1fr}.staff-dashboard-right{order:-1}.staff-profile-card{position:static}}@media(max-width:900px){.staff-top-stats-row,.staff-panels-row,.staff-actions-grid{grid-template-columns:1fr}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border-secondary);margin-bottom:1rem}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-tertiary);cursor:pointer;transition:color .2s}.close-btn:hover{color:var(--text-primary)}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-secondary);margin-top:auto}.modal-body{flex:1;overflow-y:auto;padding-right:.5rem;display:flex;flex-direction:column;gap:1.5rem}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background-color:var(--border-secondary);border-radius:20px}.form-section{display:flex;flex-direction:column;gap:1rem}.section-title{font-size:1.1rem;font-weight:600;color:var(--text-link);border-bottom:2px solid var(--border-gold-light);padding-bottom:.5rem;margin-bottom:.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.full-width{grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{padding:.75rem;border:1px solid var(--border-secondary);border-radius:8px;background-color:var(--bg-input);font-size:.95rem;color:var(--text-primary);transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--border-gold);background-color:#fff;box-shadow:0 0 0 3px var(--border-gold-faint)}.form-textarea{resize:vertical;min-height:80px}.vacancy-table-container{border:1px solid var(--border-secondary);border-radius:8px;overflow:hidden}.vacancy-table{width:100%;border-collapse:collapse;font-size:.9rem}.vacancy-table th{background-color:var(--bg-navy-light);color:#fff;padding:.75rem;text-align:left;font-weight:600;border-right:1px solid rgba(255,255,255,.1)}.vacancy-table th:last-child{border-right:none}.vacancy-table td{padding:.5rem;border-bottom:1px solid var(--border-secondary);border-right:1px solid var(--border-secondary)}.vacancy-table td:last-child{border-right:none}.vacancy-table input{width:100%;padding:.4rem;border:1px solid transparent;background:transparent;border-radius:4px}.vacancy-table input:focus{background:#fff;border-color:var(--border-gold);outline:none}.add-row-btn{margin-top:.5rem;background:none;border:1px dashed var(--border-primary);color:var(--text-link);padding:.5rem;width:100%;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.add-row-btn:hover{background-color:var(--bg-button)}.delete-row-btn{color:#dc3545;background:none;border:none;cursor:pointer;font-size:1.2rem}.file-upload-zone{border:2px dashed var(--border-secondary);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;background-color:var(--bg-input)}.file-upload-zone:hover{border-color:var(--border-gold);background-color:var(--bg-card)}.upload-icon{width:32px;height:32px;color:var(--text-tertiary);margin-bottom:.5rem}.upload-text{color:var(--text-secondary);font-size:.9rem}.btn-cancel{padding:.75rem 1.5rem;background-color:transparent;border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-secondary);font-weight:600;cursor:pointer}.btn-cancel:hover{background-color:var(--bg-card);color:var(--text-primary)}.btn-submit{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--bg-navy-light) 0%,#0a1a33 100%);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #1a365d4d}.btn-submit:hover{transform:translateY(-1px);box-shadow:0 6px 16px #1a365d66}.tag-input-container{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;border:1px solid var(--border-secondary);border-radius:8px;background-color:var(--bg-input);min-height:42px}.tag-input-container:focus-within{border-color:var(--border-gold);background-color:#fff;box-shadow:0 0 0 3px var(--border-gold-faint)}.tag{display:flex;align-items:center;gap:.25rem;background-color:var(--bg-navy-light);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.85rem}.tag-remove{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;line-height:1;padding:0;display:flex;align-items:center}.tag-remove:hover{color:var(--text-gold)}.tag-select{border:none;background:transparent;flex:1;min-width:150px;padding:.25rem;font-size:.95rem;color:var(--text-primary)}.tag-select:focus{outline:none}.user-management{padding:0;min-width:0}.user-management.camp-section{overflow:visible}.um-header{margin-bottom:1.5rem}.um-header h1{font-size:1.75rem;color:var(--text-primary);margin:0 0 .5rem;font-weight:700}.um-header p{color:var(--text-secondary);margin:0;font-size:.95rem}.um-section-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;background:var(--bg-secondary, #f5f5f5);border-radius:.75rem}.um-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:transparent;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;border-radius:.5rem;transition:all .2s ease;font-family:inherit}.um-tab:hover{background:#fffc;color:var(--text-primary)}.um-tab.active{background:var(--bg-card, white);color:var(--text-link, #1a73e8);box-shadow:0 2px 4px #0000001a}.tab-count{background:var(--bg-button, #e8f0fe);color:var(--text-link, #1a73e8);padding:.15rem .5rem;border-radius:10px;font-size:.8rem;font-weight:600;min-width:1.5rem;text-align:center}.um-tab.active .tab-count{background:var(--text-link, #1a73e8);color:#fff}.um-content{background:var(--bg-card, white);border-radius:.75rem;border:1px solid var(--border-secondary, #e0e0e0);overflow:hidden}.um-section{padding:0}.section-toolbar{display:flex;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-secondary, #fafafa);border-bottom:1px solid var(--border-secondary, #e0e0e0);flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.5rem;flex:1;background:#fff;border:1px solid var(--border-secondary, #e0e0e0);border-radius:.5rem;padding:0 1rem;transition:border-color .2s}.um-search-panel{flex:1;min-width:0;position:relative}.um-composite-search-box{gap:.6rem;flex-wrap:wrap;align-items:center;min-width:0}.um-search-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);padding-right:.25rem;flex-shrink:0}.um-inline-select{border:1px solid var(--border-secondary, #d7dbe2);background:#fff;color:var(--text-primary);border-radius:.5rem;height:32px;padding:0 .65rem;font:inherit;flex-shrink:0}.um-inline-status{min-width:185px}.um-search-divider{width:1px;align-self:stretch;background:var(--border-secondary, #e0e0e0);margin:0 .25rem}.search-box input{flex:1;border:none;outline:none;padding:.65rem 0;font-size:.9rem;background:transparent;font-family:inherit}.search-box input::placeholder{color:var(--text-tertiary, #999)}.um-search-box-wide{min-width:260px}.um-filter-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border-radius:999px;background:#edf4ff;border:1px solid #c6d7f2;color:#194f97;font-size:.82rem;font-weight:600}.um-filter-chip button{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;color:inherit;cursor:pointer;padding:0;line-height:1}.um-filter-chip button svg{width:13px;height:13px}.um-add-filter-btn{height:32px;border:1px dashed #9bb6dd;background:#f7fbff;color:#1f4f89;border-radius:.5rem;padding:0 .75rem;font:inherit;font-weight:600;cursor:pointer}.um-add-filter-btn:hover{background:#eaf3ff;border-color:#7ea1d4}.um-filter-popover{margin-top:.5rem;background:#fff;border:1px solid var(--border-secondary, #dbe3ee);border-radius:.75rem;box-shadow:0 12px 30px #12263f1f;padding:.85rem;display:grid;gap:.75rem;width:min(100%,640px);position:relative}.um-filter-popover-close{position:absolute;top:.45rem;right:.45rem;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #c9d7eb;border-radius:999px;background:#f7fbff;color:#1f4f89;cursor:pointer;padding:0}.um-filter-popover-close:hover{background:#eaf2ff;border-color:#8cb0e8}.um-filter-popover-close svg{width:12px;height:12px}.um-filter-popover-title{font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.um-filter-popover-actions{display:flex;flex-wrap:wrap;gap:.5rem}.um-filter-value-grid{gap:.45rem}.um-filter-option{border:1px solid #c9d7eb;background:#f9fbff;color:#1f3f75;border-radius:999px;padding:.45rem .75rem;font:inherit;font-size:.9rem;cursor:pointer}.um-filter-option:hover{background:#eaf2ff;border-color:#8cb0e8}.um-filter-back{justify-self:start;border:none;background:transparent;color:#1a63b8;font:inherit;font-weight:600;cursor:pointer;padding:0}.um-scope-select{min-width:170px}.um-sort-controls{display:flex;gap:.35rem;align-items:center}.um-sort-btn{font-size:.95rem;font-weight:700;line-height:1}.um-sort-btn.active{background:#e7f0ff;border-color:#8fb0ef;color:#184f9e}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border-secondary, #e0e0e0);background:#fff;border-radius:.5rem;cursor:pointer;color:var(--text-secondary);transition:all .2s}.um-filter-select{min-width:210px;height:38px;border:1px solid var(--border-secondary, #d7dbe2);border-radius:.5rem;background:#fff;color:var(--text-primary);padding:.4rem .6rem;font-family:inherit}.user-table-wrapper,.table-wrapper{overflow-x:auto}.camp-section.user-management .um-content,.camp-section.user-management .um-section{min-height:0}.cadet-groups{display:flex;flex-direction:column;gap:1rem;padding:1rem}.cadet-group{border:1px solid var(--border-secondary, #e0e0e0);border-radius:.75rem;overflow:hidden;background:var(--bg-card, white)}.cadet-group-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(180deg,#f8fbff,#f3f7fc);border-bottom:1px solid var(--border-secondary, #e0e0e0)}.cadet-group-header h3{margin:0;font-size:1rem;color:var(--text-primary)}.cadet-group-header p{margin:.25rem 0 0;font-size:.85rem;color:var(--text-secondary)}.user-table{width:100%;border-collapse:collapse;font-size:.9rem}.user-table th,.user-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--border-secondary, #e0e0e0)}.user-table th{background:var(--bg-secondary, #f8f9fa);font-weight:600;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.user-table tbody tr{transition:background-color .15s}.user-table tbody tr:hover{background:var(--bg-hover, #f5f8ff)}.user-table tbody tr:last-child td{border-bottom:none}.reg-no,.staff-id{font-family:Roboto Mono,monospace;font-weight:500;color:var(--text-primary)}.status-badge{display:inline-flex;padding:.25rem .6rem;border-radius:4px;font-size:.8rem;font-weight:500}.status-badge.approved{background:#e6f4ea;color:#1e7e34}.status-badge.pending{background:#fff3cd;color:#856404}.access-badge{display:inline-flex;padding:.25rem .6rem;border-radius:4px;font-size:.8rem;font-weight:500}.access-badge.enabled{background:#e6f4ea;color:#1e7e34}.access-badge.disabled{background:#f8d7da;color:#721c24}.view-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--bg-button, #e8f0fe);border-radius:.375rem;cursor:pointer;color:var(--text-link, #1a73e8);transition:all .2s}.view-btn:hover{background:var(--text-link, #1a73e8);color:#fff}.access-toggle-btn{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .7rem;height:28px;border:1px solid var(--border-secondary, #e0e0e0);background:#fff;border-radius:.375rem;cursor:pointer;font-size:.8rem;font-weight:500;color:var(--text-primary);transition:all .2s;font-family:inherit}.access-toggle-btn:hover:not(:disabled){background:var(--bg-button, #e8f0fe);border-color:var(--text-link, #1a73e8);color:var(--text-link, #1a73e8)}.access-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.section-footer{padding:.75rem 1.25rem;background:var(--bg-secondary, #fafafa);border-top:1px solid var(--border-secondary, #e0e0e0);font-size:.85rem;color:var(--text-secondary)}.empty-state{padding:3rem 2rem;text-align:center;color:var(--text-tertiary, #888)}.empty-state p{margin:0;font-size:1rem}.user-management-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.user-management-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#721c24}.um-modal-overlay{position:fixed;inset:0;background:#09122085;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.um-modal-content{background:#fff;border-radius:.95rem;width:100%;max-width:680px;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.35);box-shadow:0 18px 48px #030c1c59}.um-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.3rem;background:linear-gradient(140deg,#173761,#1f4f89);border-bottom:1px solid #355f92}.um-modal-header h2{margin:0;font-size:1.1rem;letter-spacing:.2px;color:#fff}.um-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;cursor:pointer;color:#ffffffe0;border-radius:.375rem;transition:all .2s}.um-modal-close:hover{background:#ffffff26;color:#fff}.um-modal-body{flex:1;min-height:0;padding:1.25rem 1.5rem 1.5rem;overflow-y:auto;background:#f8fbff}.um-modal-user-hero{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.75rem;margin-bottom:1rem;background:linear-gradient(125deg,#fff,#edf3ff);border:1px solid #d3e3ff}.um-modal-user-avatar{width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;color:#1e4ea1;background:#dbe9ff;border:1px solid #bfd5ff;flex-shrink:0}.um-modal-user-meta h3{margin:0;font-size:1.05rem;color:var(--text-primary)}.um-modal-user-meta p{margin:.3rem 0 0;color:var(--text-secondary);font-size:.88rem;font-family:Roboto Mono,monospace}.um-modal-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.um-modal-detail-card{background:#fafcff;border:1px solid #e6eefb;border-radius:.6rem;padding:.75rem .85rem;min-height:82px;display:flex;flex-direction:column;justify-content:center}.um-modal-card-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.35px;color:#60708f;margin-bottom:.4rem;font-weight:600}.um-modal-card-value{font-size:.94rem;color:var(--text-primary);line-height:1.35;word-break:break-word}.um-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:.85rem 1.5rem;border-top:1px solid var(--border-secondary, #e0e0e0);background:#fff}.um-modal-btn{padding:.6rem 1.25rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;font-size:.9rem}.um-modal-btn.primary{background:var(--text-link, #1a73e8);color:#fff;border:none}.um-modal-btn.primary:hover{background:#1557b0}.um-modal-btn.secondary{background:#fff;color:var(--text-secondary);border:1px solid #c5d7f4}.um-modal-btn.secondary:hover{background:#f4f8ff}@media(max-width:768px){.um-section-tabs{flex-direction:column}.um-tab{justify-content:space-between}.section-toolbar{flex-direction:column}.user-table th,.user-table td{padding:.75rem .5rem;font-size:.85rem}.um-modal-content{max-width:96vw}.um-modal-details-grid{grid-template-columns:1fr}.um-modal-user-hero{align-items:flex-start;padding:.9rem}.um-modal-body{padding:1rem}}.login-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;object-position:center;z-index:-1;opacity:.5}.header{background:var(--bg-header);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);height:7vh;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem 2rem;position:sticky;top:0;z-index:1000;border-bottom:4px solid var(--border-gold)}.header-left{display:flex;align-items:center;height:100%}.header-right{display:flex;gap:2rem;align-items:center}.header-link{color:var(--text-inverted);text-decoration:none;font-size:.9rem;font-weight:500;opacity:.85;transition:all .2s;position:relative}.header-link:hover{opacity:1}.header-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--text-gold);transition:width .3s}.header-link:hover:after{width:100%}.ncc-logo{height:90%;width:auto}.header-title-wrapper{display:flex;flex-direction:column;margin-left:1.5rem;gap:.2rem}.title-txt{font-size:1.2rem;margin:0;color:var(--text-inverted);font-weight:700;letter-spacing:.5px}.unit-name{font-size:.9rem;margin:0;color:var(--text-inverted)}.co-main-container{flex:1;display:flex;flex-direction:row;background:#fffffff2;margin:0;border-radius:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;box-shadow:none}.sidebar{width:14rem;background:var(--bg-card);border-right:1px solid var(--border-secondary);padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem;flex-shrink:0;max-height:93vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#1f5fcc rgba(31,95,204,.15)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-button{display:none;width:0;height:0}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2f6fda,#1f5fcc);border:1px solid rgba(255,255,255,.85);border-radius:999px}.sidebar::-webkit-scrollbar-track{background:#1f5fcc26;border-radius:999px}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#245fcb,#194da8)}.sidebar-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border:none;background:none;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;border-radius:.5rem;transition:all .2s;text-align:left;font-family:inherit}.sidebar-item:hover{background-color:var(--bg-primary);color:var(--text-primary)}.sidebar-item.active{background-color:var(--bg-button);color:var(--text-link);font-weight:600}.sidebar-icon{font-size:1.2rem;width:1.5rem;text-align:center}.dashboard-content{flex:1;padding:2rem;overflow-y:auto;position:relative;z-index:0}.logout-btn{padding:.6rem 1.5rem;background:var(--bg-navy-light);color:var(--text-gold-light);border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;text-decoration:none}.logout-btn:hover{background:var(--text-gold-light);color:var(--bg-navy-light);transform:translateY(-1px);box-shadow:0 6px 12px var(--shadow-gold)}.mobile-menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(212,175,55,.35);border-radius:12px;background:#0f2f4fb8;align-items:center;justify-content:center;gap:4px;padding:0;cursor:pointer;flex:0 0 auto}.mobile-menu-toggle span{display:block;width:18px;height:2px;border-radius:999px;background:var(--text-gold-light);transition:transform .2s ease,opacity .2s ease}.mobile-menu-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-sidebar-backdrop{display:none}@media(max-width:900px){.header{padding:.65rem .75rem;gap:.75rem;height:auto}.header-left{flex:1 1 auto;min-width:0;gap:.7rem}.header-title-wrapper{margin-left:0;min-width:0}.header-right{gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.mobile-menu-toggle{display:inline-flex}.co-main-container{position:relative;overflow:hidden;min-height:calc(100dvh - 70px)}.sidebar{position:fixed;top:70px;left:0;bottom:0;width:min(300px,82vw);padding:1rem;transform:translate(-105%);transition:transform .25s ease;z-index:1001;overflow-y:auto;box-shadow:12px 0 30px #0000002e}.sidebar.sidebar-open{transform:translate(0)}.dashboard-content{padding:1rem;min-width:0}.mobile-sidebar-backdrop{display:block;position:fixed;inset:0;background:#08122173;z-index:1000}}@keyframes hourglass-flip{0%{transform:rotate(0)}10%{transform:rotate(180deg)}50%{transform:rotate(180deg)}60%{transform:rotate(360deg)}to{transform:rotate(360deg)}}.co-dashboard-main-grid{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;min-height:100%}.co-dashboard-left{display:flex;flex-direction:column;gap:1.5rem}.co-dashboard-right{display:flex;flex-direction:column;gap:1rem;position:sticky;top:1rem;align-self:start}.co-top-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.upcoming-training-widget{background:linear-gradient(135deg,#243b55,#141e30);border-radius:.75rem;padding:1rem;color:var(--text-inverted, #fff);display:flex;flex-direction:column;gap:.5rem;border:1px solid rgba(255,255,255,.08);min-width:0}.upcoming-training-widget:hover{transform:translateY(-2px);box-shadow:0 6px 16px #11182759}.training-widget-header{display:flex;align-items:center;gap:.5rem}.training-widget-icon{color:#fbbf24}.training-widget-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.4px;opacity:.85}.training-widget-title{font-size:.9rem;font-weight:600;margin:0;color:#fef3c7}.training-widget-details{display:flex;flex-direction:column;gap:.45rem}.training-detail-item{display:flex;align-items:center;gap:.35rem;font-size:.75rem;opacity:.92}.training-detail-item svg{width:12px;height:12px;flex-shrink:0}.training-dress-code{background:#ffffff1f;padding:.4rem .55rem;border-radius:.45rem;font-size:.72rem;margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.co-upcoming-task-card{border:1px solid rgba(255,255,255,.12);border-radius:.5rem;padding:.45rem .5rem;background:#ffffff0a;display:flex;flex-direction:column;gap:.2rem}.co-upcoming-task-type{display:inline-flex;width:fit-content;font-size:.68rem;padding:.1rem .45rem;border-radius:999px;background:#fbbf2433;color:#fde68a;margin-bottom:.15rem}.co-upcoming-link-btn{border:1px solid rgba(255,255,255,.3);background:#ffffff14;color:#fff;border-radius:.35rem;font-size:.72rem;padding:.15rem .45rem;cursor:pointer}.co-stat-widget{background:var(--bg-card, #fff);border-radius:.75rem;padding:1.25rem;border:1px solid var(--border-secondary, #e5e7eb);transition:all .2s ease}.co-stat-widget:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.co-stat-widget-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.co-stat-icon{width:40px;height:40px;border-radius:.625rem;display:flex;align-items:center;justify-content:center;color:#fff}.co-stat-icon.cadets{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.co-stat-icon.alert{background:linear-gradient(135deg,#f59e0b,#ef4444)}.co-stat-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.co-stat-icon svg{width:20px;height:20px}.co-stat-label{font-size:.875rem;color:var(--text-secondary, #6b7280);font-weight:500;text-transform:uppercase;letter-spacing:.025em}.co-stat-value-wrapper{display:flex;flex-direction:column;gap:.25rem}.co-stat-value{font-size:2.25rem;font-weight:700;color:var(--text-primary, #111827);line-height:1.1}.co-stat-value.alert{color:#f59e0b}.co-stat-value.success{color:#10b981}.co-stat-subtitle{font-size:.8rem;color:var(--text-tertiary, #9ca3af)}.co-content-panels{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.co-panel{background:var(--bg-card, #fff);border-radius:.75rem;border:1px solid var(--border-secondary, #e5e7eb);overflow:hidden}.co-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-secondary, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.co-panel-title-group{display:flex;align-items:center;gap:.75rem}.co-panel-icon{color:var(--text-secondary, #6b7280)}.co-panel-icon svg{width:20px;height:20px}.co-panel-header h3{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary, #111827)}.co-panel-link{display:flex;align-items:center;gap:.375rem;background:none;border:none;font-size:.8rem;font-weight:500;color:var(--text-link, #3b82f6);cursor:pointer;transition:color .2s;font-family:inherit}.co-panel-link:hover{color:var(--text-link-hover, #2563eb)}.co-panel-link svg{width:14px;height:14px}.co-panel-body{padding:1rem 1.25rem}.co-action-item{display:flex;align-items:center;gap:1rem;padding:.875rem;border-radius:.5rem;cursor:pointer;transition:background .2s;margin-bottom:.5rem}.co-action-item:last-child{margin-bottom:0}.co-action-item:hover{background:var(--bg-secondary, #f3f4f6)}.co-action-icon-wrapper{width:36px;height:36px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.co-action-icon-wrapper.blue{background:#dbeafe;color:#2563eb}.co-action-icon-wrapper.orange{background:#fef3c7;color:#d97706}.co-action-icon-wrapper.green{background:#d1fae5;color:#059669}.co-action-icon-wrapper svg{width:18px;height:18px}.co-action-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.co-action-title{font-size:.875rem;font-weight:500;color:var(--text-primary, #111827)}.co-action-count{font-size:1.125rem;font-weight:700;color:var(--text-primary, #111827)}.co-action-arrow{color:var(--text-tertiary, #9ca3af);transition:transform .2s,color .2s}.co-action-item:hover .co-action-arrow{transform:translate(4px);color:var(--text-link, #3b82f6)}.co-composition-list{display:flex;flex-direction:column;gap:1rem}.co-composition-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.co-composition-metric{border:1px solid var(--border-secondary, #e5e7eb);border-radius:.65rem;padding:.6rem .7rem;display:flex;flex-direction:column;gap:.2rem;background:#f8fbff}.co-composition-metric.cadets{border-left:4px solid #6366f1}.co-composition-metric.anos{border-left:4px solid #10b981}.co-composition-metric.staff{border-left:4px solid #f59e0b}.co-composition-metric-label{font-size:.78rem;color:var(--text-secondary, #6b7280)}.co-composition-metric-value{font-size:1.35rem;font-weight:700;color:var(--text-primary, #111827);line-height:1.1}.co-composition-metric-share{font-size:.74rem;color:var(--text-tertiary, #9ca3af)}.co-composition-item{display:grid;grid-template-columns:80px 1fr 40px;align-items:center;gap:1rem}.co-composition-label{font-size:.85rem;color:var(--text-secondary, #6b7280)}.co-composition-bar-wrapper{height:10px;background:var(--bg-secondary, #e5e7eb);border-radius:5px;overflow:hidden}.co-composition-bar{height:100%;border-radius:5px;transition:width .5s ease}.co-composition-bar.cadets{background:linear-gradient(90deg,#6366f1,#818cf8)}.co-composition-bar.anos{background:linear-gradient(90deg,#10b981,#34d399)}.co-composition-bar.staff{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.co-composition-count{font-size:.9rem;font-weight:600;color:var(--text-primary, #111827);text-align:right}.co-composition-total{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;margin-top:.75rem;border-top:1px solid var(--border-secondary, #e5e7eb)}.co-composition-total span{font-size:.9rem;color:var(--text-secondary, #6b7280)}.co-total-value{font-size:1.25rem!important;font-weight:700!important;color:var(--text-primary, #111827)!important}.co-quick-actions{background:var(--bg-card, #fff);border-radius:.75rem;border:1px solid var(--border-secondary, #e5e7eb);overflow:hidden}.co-quick-actions .co-panel-header{background:transparent;border-bottom:none;padding-bottom:.5rem}.co-action-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:0 1.25rem 1.25rem}.co-action-btn{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:1.25rem 1rem;background:var(--bg-secondary, #f9fafb);border:1px solid transparent;border-radius:.75rem;cursor:pointer;transition:all .2s;font-family:inherit}.co-action-btn:hover{background:var(--bg-button, #e0e7ff);border-color:var(--text-link, #6366f1);transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.co-action-btn svg{width:24px;height:24px;color:var(--text-link, #6366f1)}.co-action-btn span{font-size:.8rem;font-weight:500;color:var(--text-primary, #111827)}.co-profile-card{background:linear-gradient(135deg,#243b55,#141e30);border-radius:1rem;padding:1.75rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;color:var(--text-inverted, #fff);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);height:fit-content}.co-side-panel{background:var(--bg-card, #fff);border:1px solid var(--border-secondary, #e5e7eb);border-radius:.85rem;overflow:hidden;flex:1;min-height:220px}.co-side-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--border-secondary, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.co-side-panel-header h4{margin:0;font-size:.88rem;font-weight:600;color:var(--text-primary, #111827)}.co-side-refresh-btn{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border:1px solid var(--border-secondary, #e5e7eb);border-radius:.45rem;background:#fff;color:var(--text-secondary, #6b7280);cursor:pointer}.co-side-refresh-btn:hover{color:var(--text-link, #6366f1);border-color:var(--text-link, #6366f1)}.co-side-panel-body{padding:.8rem 1rem 1rem;display:flex;flex-direction:column;gap:.65rem;height:100%}.co-side-stat{display:flex;align-items:center;justify-content:space-between;padding:.55rem .65rem;border-radius:.55rem;background:var(--bg-secondary, #f9fafb)}.co-side-stat-label{font-size:.8rem;color:var(--text-secondary, #6b7280)}.co-side-stat-value{font-size:.95rem;font-weight:700;color:var(--text-primary, #111827)}.co-side-stat-value.ok{color:#10b981}.co-side-stat-value.warning{color:#f59e0b}.co-profile-card:after{content:"";position:absolute;top:0;right:-20%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03));transform:skew(-20deg)}.profile-card-watermark{position:absolute;top:1rem;right:1rem;height:3rem;width:auto;z-index:2;opacity:.4;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.profile-card-avatar-wrapper{position:relative;z-index:1}.profile-card-avatar{height:7rem;width:7rem;border-radius:50%;border:3px solid var(--border-gold, #d4af37);box-shadow:0 4px 15px #0000004d;background-color:var(--bg-primary, #f3f4f6);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary, #9ca3af)}.profile-card-rank{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);background:var(--text-gold, #d4af37);color:var(--bg-header, #1a2234);padding:.25rem .75rem;border-radius:1rem;font-weight:700;font-size:.7rem;box-shadow:0 2px 5px #0003;white-space:nowrap}.profile-card-info{text-align:center;z-index:1;margin-top:.5rem}.profile-card-name{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;color:var(--text-gold-light, #f0d78c);letter-spacing:.3px}.profile-card-email{font-size:.8rem;opacity:.85;font-family:monospace;letter-spacing:.3px;background:#ffffff1a;display:inline-block;padding:.25rem .6rem;border-radius:4px}.profile-card-details{display:flex;flex-direction:column;gap:.875rem;width:100%;z-index:1;margin-top:.5rem}.profile-detail-item{display:flex;flex-direction:column;gap:.125rem}.profile-detail-label{font-size:.65rem;text-transform:uppercase;opacity:.6;letter-spacing:.5px}.profile-detail-value{font-size:.85rem;font-weight:600;opacity:.95}.co-empty-state{padding:2rem 1rem;text-align:center;color:var(--text-tertiary, #9ca3af)}.co-empty-state p{margin:0;font-size:.9rem}.co-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary, #6b7280)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-secondary, #e5e7eb);border-top-color:var(--text-link, #6366f1);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.co-dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#dc2626}.retry-btn{margin-top:1rem;padding:.6rem 1.5rem;background:var(--text-link, #6366f1);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:background .2s;font-family:inherit}.retry-btn:hover{background:#4f46e5}@media(max-width:1200px){.co-dashboard-main-grid{grid-template-columns:1fr}.co-dashboard-right{order:-1;position:static}.co-profile-card{flex-direction:row;align-items:center;gap:2rem;padding:1.5rem 2rem;max-width:none}.co-side-panel{margin-top:0}.profile-card-info{text-align:left}.profile-card-details{flex-direction:row;flex-wrap:wrap;gap:1.5rem}.profile-detail-item{min-width:120px}}@media(max-width:900px){.co-top-stats-row,.co-content-panels{grid-template-columns:1fr}.co-action-buttons{grid-template-columns:repeat(2,1fr)}.co-composition-metrics{grid-template-columns:1fr}}@media(max-width:768px){.co-profile-card{flex-direction:column;padding:1.5rem}.profile-card-info{text-align:center}.profile-card-details{flex-direction:column;gap:.75rem}.co-action-buttons{grid-template-columns:repeat(2,1fr);padding:0 1rem 1rem}.co-action-btn{padding:1rem .75rem}.co-action-btn span{font-size:.75rem}}.approvals{padding:0}.approvals-header{margin-bottom:1.5rem}.approvals-header h1{font-size:1.75rem;color:var(--text-primary);margin:0 0 .5rem;font-weight:700}.approvals-header p{color:var(--text-secondary);margin:0;font-size:.95rem}.approvals-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;background:var(--bg-secondary, #f5f5f5);border-radius:.75rem}.approvals-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:transparent;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;border-radius:.5rem;transition:all .2s ease;font-family:inherit}.approvals-tab:hover{background:#fffc;color:var(--text-primary)}.approvals-tab.active{background:var(--bg-card, white);color:var(--text-link, #1a73e8);box-shadow:0 2px 4px #0000001a}.tab-icon{display:flex;align-items:center}.tab-badge{background:#ff9800;color:#fff;padding:.15rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600;min-width:1.25rem;text-align:center}.approvals-tab.active .tab-badge{background:var(--text-link, #1a73e8)}.approvals-content{background:var(--bg-card, white);border-radius:.75rem;border:1px solid var(--border-secondary, #e0e0e0);overflow:hidden}.approvals-subheader{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.2rem;border-bottom:1px solid var(--border-secondary, #e0e0e0);background:var(--bg-secondary, #fafafa)}.approvals-subheader h3{margin:0;font-size:1rem;color:var(--text-primary)}.subheader-count{min-width:28px;height:24px;border-radius:999px;padding:0 .55rem;background:#e8f0fe;color:#1a73e8;font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.subheader-count.approved{background:#e8f5e9;color:#2e7d32}.approved-section-divider{border-top:1px dashed var(--border-secondary, #e0e0e0);margin:.25rem 1rem}.table-wrapper{overflow-x:auto}.approvals-table{width:100%;border-collapse:collapse;min-width:980px}.approvals-table th{background:#eef3fb;color:#3a4a66;font-size:.86rem;font-weight:700;letter-spacing:.01em;padding:.8rem 1rem;border-bottom:1px solid var(--border-secondary, #e0e0e0);text-align:center}.approvals-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border-secondary, #eaeef6);vertical-align:middle;color:var(--text-primary);font-size:.93rem;text-align:center}.approvals-cadet-cell{display:flex;align-items:center;justify-content:center;gap:.65rem}.edit-avatar.small{width:32px;height:32px;border-radius:50%;background:#e8f0fe;color:#1a73e8;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.cadet-cell-details{display:flex;flex-direction:column;gap:.15rem;align-items:center}.cadet-cell-details span{color:var(--text-secondary);font-size:.82rem}.changes-preview.inline{display:flex;flex-wrap:wrap;gap:.4rem}.changes-preview.inline .change-item{margin:0}.section-toolbar{display:flex;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-secondary, #fafafa);border-bottom:1px solid var(--border-secondary, #e0e0e0)}.edit-type-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem;border:1px solid var(--border-secondary, #e0e0e0);border-radius:.55rem;background:#fff}.edit-type-btn{border:none;background:transparent;color:var(--text-secondary);padding:.45rem .65rem;border-radius:.45rem;font-size:.84rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;font-family:inherit}.edit-type-btn.active{background:#e8f0fe;color:#1a73e8}.edit-type-count{min-width:20px;height:20px;padding:0 .35rem;border-radius:999px;background:#edf2f7;color:#4b5563;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.edit-type-btn.active .edit-type-count{background:#1a73e8;color:#fff}.search-box{display:flex;align-items:center;gap:.5rem;flex:1;background:#fff;border:1px solid var(--border-secondary, #e0e0e0);border-radius:.5rem;min-height:40px;padding:0 1rem;transition:border-color .2s}.search-box:focus-within{border-color:var(--text-link, #1a73e8)}.search-box svg{color:var(--text-tertiary, #888);flex-shrink:0}.search-box input{flex:1;border:none;outline:none;padding:.55rem 0;font-size:.9rem;background:transparent;font-family:inherit}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-secondary, #e0e0e0);background:#fff;border-radius:.5rem;cursor:pointer;color:var(--text-secondary);transition:all .2s}.toolbar-btn:hover{background:var(--bg-button, #e8f0fe);border-color:var(--text-link, #1a73e8);color:var(--text-link, #1a73e8)}.registrations-section{padding:0}.registrations-list{padding:.5rem}.registration-card{display:flex;align-items:center;gap:1rem;padding:1rem;margin:.5rem;background:var(--bg-secondary, #f8f9fa);border-radius:.75rem;transition:all .2s}.registration-card:hover{background:var(--bg-hover, #f0f4f9)}.reg-info{display:flex;align-items:center;gap:1rem;flex:1}.reg-avatar{width:48px;height:48px;border-radius:50%;background:var(--bg-button, #e8f0fe);color:var(--text-link, #1a73e8);display:flex;align-items:center;justify-content:center;flex-shrink:0}.reg-details{display:flex;flex-direction:column;gap:.2rem}.edit-institution{font-size:.82rem;color:var(--text-secondary)}.reg-details h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.reg-id{font-size:.85rem;font-family:Roboto Mono,monospace;color:var(--text-secondary)}.reg-institution{font-size:.8rem;color:var(--text-tertiary, #888)}.reg-meta{display:flex;gap:.5rem}.meta-badge{padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:500}.meta-badge.wing{background:#e3f2fd;color:#1565c0}.meta-badge.year{background:#f3e5f5;color:#7b1fa2}.reg-actions{display:flex;gap:.5rem}.action-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #1018280f}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.view{background:#e3f2fd;color:#1a73e8}.action-btn.view:hover:not(:disabled){background:#1a73e8;color:#fff}.action-btn.approve{background:#e8f5e9;color:#34a853}.action-btn.approve:hover:not(:disabled){background:#34a853;color:#fff;transform:translateY(-1px)}.action-btn.reject{background:#ffebee;color:#d32f2f}.action-btn.reject:hover:not(:disabled){background:#d32f2f;color:#fff;transform:translateY(-1px)}.action-btn.expanded{width:auto;min-width:112px;height:40px;padding:0 .85rem;gap:.45rem;font-weight:700;font-size:.84rem}.approved-list{border-top:0}.approved-card{background:#fbfffc}.approved-badge{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 .6rem;border-radius:999px;background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9;font-size:.78rem;font-weight:700}.edit-actions{display:inline-flex;align-items:center;justify-content:center;gap:.55rem}.empty-approvals.compact{padding:1.5rem 1rem}.empty-approvals{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{color:#34a853;margin-bottom:1rem}.empty-approvals h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--text-primary)}.empty-approvals p{margin:0;color:var(--text-secondary);font-size:.95rem;max-width:300px}.no-results{padding:2rem;text-align:center;color:var(--text-tertiary, #888)}.approvals-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.approvals-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#721c24}.review-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem}.review-modal-container{width:min(980px,96vw);max-height:90vh;background:var(--bg-card, #fff);border:1px solid #1f4a96;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.review-modal-header{background:#0f2c5b;color:#f3c949;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem}.review-modal-header h2{margin:0;font-size:2rem;font-weight:700}.review-close-btn{border:none;background:transparent;color:#7e8ca8;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.review-close-btn:hover{color:#fff}.review-modal-body{overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.review-cadet-meta{background:#f2f5fa;border-radius:10px;padding:.85rem .9rem;border:1px solid #e0e7f2}.review-cadet-meta p{margin:.25rem 0;color:#27334d}.review-changes-wrapper{border:1px solid #d7e1f3;border-radius:10px;overflow:hidden}.review-changes-wrapper h4{margin:0;padding:.75rem .85rem;font-size:1rem;color:#2c3e63;background:#f8fbff;border-bottom:1px solid #d7e1f3}.review-table-wrapper{overflow-x:auto}.review-changes-table{width:100%;border-collapse:collapse;min-width:640px}.review-changes-table th{text-align:left;padding:.65rem .8rem;background:#eef3fb;color:#3a4a66;border-bottom:1px solid #d7e1f3;font-size:.9rem}.review-changes-table td{padding:.62rem .8rem;border-bottom:1px solid #e6ecf7;color:#1f2c45;vertical-align:top}.review-changes-table tr:last-child td{border-bottom:none}.review-changes-table .new-value-cell{font-weight:600}.review-modal-footer{padding:.8rem 1.25rem;border-top:1px solid #d7e1f3;background:#fff;display:flex;justify-content:flex-end;gap:.7rem}.review-modal-footer .btn-reject,.review-modal-footer .btn-approve{border:none;border-radius:6px;padding:.55rem 1rem;font-size:.92rem;font-weight:600;cursor:pointer}.review-modal-footer .btn-reject{background:#feecec;color:#cc3d3d}.review-modal-footer .btn-approve{background:#e7efff;color:#1b4ba8}@media(max-width:768px){.approvals-tabs{flex-direction:column}.registration-card{flex-direction:column;align-items:flex-start}.reg-meta{margin:.5rem 0}.reg-actions{width:100%;justify-content:flex-end}.review-modal-container{width:98vw;max-height:92vh}.review-modal-header h2{font-size:1.45rem}}.analytics{padding:0;min-width:0}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.analytics-header .header-left h1{font-size:1.75rem;color:var(--text-primary);margin:0 0 .5rem;font-weight:700}.analytics-header .header-left p{color:var(--text-secondary);margin:0;font-size:.95rem}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--bg-card, white);border:1px solid var(--border-secondary, #e0e0e0);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-family:inherit;font-size:.9rem}.refresh-btn:hover{background:var(--bg-button, #e8f0fe);border-color:var(--text-link, #1a73e8);color:var(--text-link, #1a73e8)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem;min-width:0}.kpi-card{background:var(--bg-card, white);border-radius:.75rem;padding:1.25rem;display:flex;align-items:center;gap:1rem;border:1px solid var(--border-secondary, #e0e0e0);transition:all .2s}.kpi-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.kpi-icon{width:56px;height:56px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.kpi-icon.blue{background:linear-gradient(135deg,#1a73e8,#0d47a1)}.kpi-icon.green{background:linear-gradient(135deg,#34a853,#1b5e20)}.kpi-icon.purple{background:linear-gradient(135deg,#9c27b0,#6a1b9a)}.kpi-icon.orange{background:linear-gradient(135deg,#ff9800,#e65100)}.kpi-icon.teal{background:linear-gradient(135deg,#06b6d4,#0e7490)}.kpi-content{display:flex;flex-direction:column;gap:.25rem}.kpi-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.kpi-label{font-size:.9rem;color:var(--text-secondary)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;min-width:0}.chart-card{background:var(--bg-card, white);border-radius:.75rem;border:1px solid var(--border-secondary, #e0e0e0);overflow:hidden;min-width:0}.chart-body{overflow-x:auto}.chart-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-secondary, #e0e0e0);background:var(--bg-secondary, #fafafa)}.chart-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.chart-header h3 svg{width:20px;height:20px;color:var(--text-secondary)}.chart-body{padding:1.5rem}.composition-list{display:flex;flex-direction:column;gap:1rem}.composition-item{display:flex;flex-direction:column;gap:.4rem}.composition-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.composition-label{color:var(--text-primary);font-weight:500}.composition-value{color:var(--text-secondary);font-size:.9rem}.composition-bar-track{height:10px;border-radius:999px;background:var(--bg-secondary, #f0f0f0);overflow:hidden}.composition-bar-fill{height:100%;border-radius:999px;transition:width .4s ease}.composition-bar-fill.cadets{background:linear-gradient(90deg,#1a73e8,#0d47a1)}.composition-bar-fill.anos{background:linear-gradient(90deg,#34a853,#1b5e20)}.composition-bar-fill.staff{background:linear-gradient(90deg,#ff9800,#e65100)}.insight-note{margin-top:1rem;font-size:.9rem;color:var(--text-secondary)}.wing-chart{display:flex;flex-direction:column;gap:1rem}.wing-segment{display:flex;flex-direction:column;gap:.5rem}.segment-header{display:flex;align-items:center;gap:.5rem}.segment-dot{width:12px;height:12px;border-radius:50%}.segment-dot.wing-army{background:#e65100}.segment-dot.wing-navy{background:#0d47a1}.segment-dot.wing-air{background:#1565c0}.segment-dot.wing-unknown{background:#616161}.segment-label{font-weight:500;color:var(--text-primary);flex:1}.segment-value{font-size:.9rem;color:var(--text-secondary)}.segment-bar{height:8px;background:var(--bg-secondary, #f0f0f0);border-radius:4px;overflow:hidden}.segment-fill{height:100%;border-radius:4px;transition:width .5s ease}.segment-fill.wing-army{background:linear-gradient(90deg,#e65100,#ff9800)}.segment-fill.wing-navy{background:linear-gradient(90deg,#0d47a1,#1976d2)}.segment-fill.wing-air{background:linear-gradient(90deg,#1565c0,#42a5f5)}.segment-fill.wing-unknown{background:linear-gradient(90deg,#616161,#9e9e9e)}.donut-chart-container{position:relative;width:160px;height:160px;margin:0 auto 1.5rem}.donut-chart{width:100%;height:100%}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-value{display:block;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.donut-label{display:block;font-size:.85rem;color:var(--text-secondary)}.status-legend{display:flex;justify-content:center;gap:2rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.approved{background:#34a853}.legend-dot.pending{background:#ff9800}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center}.coming-soon-icon{width:60px;height:60px;border-radius:50%;background:var(--bg-secondary, #f5f5f5);color:var(--text-tertiary, #888);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.coming-soon h4{margin:0 0 .5rem;font-size:1.1rem;color:var(--text-primary)}.coming-soon p{margin:0;color:var(--text-secondary);font-size:.9rem;max-width:250px}.no-data{padding:2rem;text-align:center;color:var(--text-tertiary, #888)}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-secondary, #e0e0e0);border-top-color:var(--text-link, #1a73e8);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#721c24}.retry-btn{margin-top:1rem;padding:.6rem 1.5rem;background:var(--text-link, #1a73e8);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:background .2s}.retry-btn:hover{background:#1557b0}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.kpi-grid,.charts-grid{grid-template-columns:1fr}.analytics-header{flex-direction:column;gap:1rem}}.cadet-registration{padding:0}.cadet-registration .registration-header{margin-bottom:1.5rem}.cadet-registration .registration-header h1{margin:0 0 .45rem;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.cadet-registration .registration-header p{margin:0;color:var(--text-secondary);font-size:.95rem}.cadet-registration .registration-type-tabs,.cadet-registration .registration-tabs{display:flex;gap:.5rem;padding:.5rem;margin-bottom:1rem;background:var(--bg-secondary);border-radius:.75rem;border:1px solid var(--border-secondary);flex-wrap:wrap}.cadet-registration .registration-tabs{margin-bottom:1.5rem}.cadet-registration .tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.15rem;border:1px solid transparent;border-radius:.5rem;background:transparent;color:var(--text-secondary);font-size:.92rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.cadet-registration .tab-btn:hover{background:#ffffffd9;color:var(--text-primary)}.cadet-registration .tab-btn.active{background:var(--bg-primary);color:var(--text-link);border-color:var(--border-secondary);box-shadow:0 2px 8px #0a1a3314}.cadet-registration .tab-btn svg{width:18px;height:18px}.cadet-registration .message{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;margin-bottom:1rem;border-radius:.75rem;border:1px solid;font-size:.92rem;font-weight:500}.cadet-registration .message.success{background:var(--status-success-bg);border-color:#38a16959;color:var(--status-success)}.cadet-registration .message.error{background:var(--status-error-bg);border-color:#e53e3e59;color:var(--status-error)}.cadet-registration .close-msg{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:.35rem;background:transparent;color:inherit;cursor:pointer}.cadet-registration .registration-form-container,.cadet-registration .bulk-registration{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:.8rem;box-shadow:0 2px 10px #0a1a330a;overflow:hidden}.cadet-registration .registration-form{padding:.25rem 0}.cadet-registration .form-section{margin:0;padding:1.25rem;border-bottom:1px solid var(--divider)}.cadet-registration .form-section:last-of-type{border-bottom:none}.cadet-registration .form-section h3{margin:0 0 1rem;font-size:1.02rem;font-weight:700;color:var(--text-primary)}.cadet-registration .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.cadet-registration .form-group{display:flex;flex-direction:column;gap:.45rem}.cadet-registration .form-group label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.cadet-registration .form-group input,.cadet-registration .form-group select{min-height:2.5rem;padding:.6rem .8rem;border-radius:.55rem;border:1px solid var(--border-secondary);background:#fff;color:var(--text-primary);font-size:.92rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.cadet-registration .form-group input:focus,.cadet-registration .form-group select:focus{outline:none;border-color:var(--border-primary);box-shadow:0 0 0 3px #1a4ba81f}.cadet-registration .form-group input::placeholder{color:var(--text-tertiary)}.cadet-registration .checkbox-group{justify-content:flex-end}.cadet-registration .checkbox-group label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.cadet-registration .form-actions{display:flex;justify-content:flex-end;padding:1rem 1.25rem 1.25rem}.cadet-registration .submit-btn,.cadet-registration .upload-btn,.cadet-registration .download-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem 1.2rem;border:1px solid transparent;border-radius:.55rem;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.cadet-registration .submit-btn,.cadet-registration .upload-btn{background:var(--text-link);color:var(--text-inverted)}.cadet-registration .submit-btn:hover:not(:disabled),.cadet-registration .upload-btn:hover:not(:disabled){background:#153d88}.cadet-registration .download-btn{background:var(--bg-button);color:var(--text-link);border-color:var(--border-secondary)}.cadet-registration .download-btn:hover{background:#dbe7ff}.cadet-registration .submit-btn:disabled,.cadet-registration .upload-btn:disabled{opacity:.6;cursor:not-allowed}.cadet-registration .bulk-registration{padding:1.25rem}.cadet-registration .bulk-instructions{margin-bottom:1.1rem;padding:1rem;border-radius:.65rem;background:var(--bg-secondary);border:1px solid var(--divider)}.cadet-registration .bulk-instructions h3{margin:0 0 .65rem;font-size:.98rem;color:var(--text-primary)}.cadet-registration .bulk-instructions ol{margin:0;padding-left:1.2rem;color:var(--text-secondary);font-size:.9rem;line-height:1.55}.cadet-registration .template-download{margin-bottom:1rem}.cadet-registration .bulk-form{display:flex;flex-direction:column;gap:1rem}.cadet-registration .bulk-form .form-group{max-width:420px}.cadet-registration .upload-area{border:2px dashed var(--border-secondary);border-radius:.7rem;background:var(--bg-secondary);padding:1.5rem;text-align:center;transition:all .2s ease}.cadet-registration .upload-area:hover{border-color:var(--border-primary);background:#f1f6ff}.cadet-registration .file-input{display:none}.cadet-registration .upload-label{display:flex;flex-direction:column;align-items:center;gap:.8rem;cursor:pointer;color:var(--text-secondary)}.cadet-registration .upload-label svg{width:38px;height:38px;color:var(--text-link)}.cadet-registration .upload-results{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--divider)}.cadet-registration .upload-results h3{margin:0 0 .85rem;font-size:.98rem;color:var(--text-primary)}.cadet-registration .results-summary{display:flex;gap:.8rem;margin-bottom:.9rem}.cadet-registration .result-stat{min-width:120px;padding:.85rem 1rem;border-radius:.65rem;border:1px solid;display:flex;flex-direction:column}.cadet-registration .result-stat.success{color:var(--status-success);background:var(--status-success-bg);border-color:#38a16940}.cadet-registration .result-stat.error{color:var(--status-error);background:var(--status-error-bg);border-color:#e53e3e40}.cadet-registration .result-stat .stat-value{font-size:1.45rem;font-weight:700}.cadet-registration .result-stat .stat-label{font-size:.82rem;opacity:.9}.cadet-registration .error-list{border-radius:.65rem;background:#fff;border:1px solid rgba(229,62,62,.25);padding:.85rem}.cadet-registration .error-list h4{margin:0 0 .45rem;color:var(--status-error);font-size:.9rem}.cadet-registration .error-item{padding:.45rem 0;border-bottom:1px solid rgba(229,62,62,.14);font-size:.85rem;color:var(--text-secondary)}.cadet-registration .error-item:last-child{border-bottom:none}@media(max-width:1024px){.cadet-registration .form-grid{grid-template-columns:1fr}}@media(max-width:768px){.cadet-registration .registration-type-tabs,.cadet-registration .registration-tabs{flex-direction:column}.cadet-registration .tab-btn{width:100%;justify-content:flex-start}.cadet-registration .results-summary{flex-direction:column}.cadet-registration .form-section,.cadet-registration .bulk-registration{padding:1rem}}.resources.co-lms{padding:0;--co-surface: var(--bg-primary);--co-surface-muted: var(--bg-card);--co-border: color-mix(in srgb, var(--border-secondary) 72%, #d4af37 28%);--co-border-strong: var(--border-primary);--co-accent: #b8860b;--co-accent-hover: var(--accent-hover);--co-shadow-soft: var(--shadow-color-light);--co-shadow-strong: var(--shadow-color-dark);border:none;border-radius:0;background:transparent}.resources-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.resources-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.resources-header p{color:var(--text-secondary);font-size:.92rem;margin:0}.co-lms-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.co-lms-year-select-wrap{display:flex;flex-direction:column;gap:.35rem}.co-lms-year-select-wrap label{font-size:.82rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.co-lms-year-select{min-width:190px;padding:.6rem .75rem;border-radius:8px;border:1px solid var(--co-border);background:var(--co-surface);color:var(--text-primary);font-size:.92rem}.co-lms-year-select:focus{outline:none;border-color:var(--co-accent);box-shadow:0 0 0 2px #1a4ba81f}.co-lms-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.co-lms-course-page{display:flex;flex-direction:column;gap:.9rem}.co-lms-course-page-head{display:flex;align-items:center;gap:.9rem;border:1px solid var(--co-border);background:var(--co-surface);border-radius:12px;padding:.7rem .9rem;box-shadow:0 3px 10px var(--co-shadow-soft)}.co-lms-course-page-title-wrap h2{margin:0;color:var(--text-primary);font-size:1.08rem;font-weight:700}.co-lms-course-page-title-wrap p{margin:.15rem 0 0;color:var(--text-secondary);font-size:.82rem}.co-lms-back-btn{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--co-border);background:var(--co-surface);color:var(--text-secondary);border-radius:8px;padding:.46rem .7rem;font-size:.82rem;font-weight:700;cursor:pointer}.co-lms-back-btn:hover{border-color:var(--co-accent);color:var(--co-accent)}.co-lms-course-card{border:1px solid var(--co-border);border-radius:12px;background:var(--co-surface);overflow:hidden;box-shadow:0 4px 12px var(--co-shadow-soft)}.co-lms-course-card.active{border-color:#b8860ba6;box-shadow:0 8px 18px #b8860b33}.co-lms-course-card-head{width:100%;border:none;text-align:left;cursor:pointer;padding:1rem;color:#fff}.co-lms-course-card-head h3{margin:0;font-size:1rem;font-weight:700}.co-lms-course-card-head p{margin:.25rem 0 0;font-size:.78rem;opacity:.92}.co-lms-course-card-head.batch-b1{background:linear-gradient(135deg,#0a6f70,#2f9fa3)}.co-lms-course-card-head.batch-b2{background:linear-gradient(135deg,#b93b20,#df6144)}.co-lms-course-card-head.batch-c{background:linear-gradient(135deg,#2f4f90,#5575be)}.co-lms-course-card-body{padding:.8rem;background:color-mix(in srgb,var(--co-surface-muted) 92%,white 8%)}.co-lms-open-batch{width:100%;border:1px dashed var(--co-border);border-radius:8px;background:var(--co-surface);color:var(--text-secondary);font-size:.86rem;font-weight:600;padding:.75rem;cursor:pointer}.co-lms-open-batch:hover{border-color:var(--co-accent);color:var(--co-accent)}.co-lms-sections{display:flex;flex-direction:column;gap:.75rem}.co-lms-sections-head{display:flex;align-items:center;justify-content:space-between}.co-lms-sections-head h3{margin:0;color:var(--text-primary)}.co-lms-section-card{border:1px solid var(--co-border);border-radius:12px;background:var(--co-surface);overflow:hidden;border-left:3px solid rgba(212,175,55,.45)}.co-lms-section-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.65rem .75rem}.co-lms-section-toggle{flex:1;border:none;background:transparent;color:var(--text-primary);display:flex;align-items:center;gap:.55rem;text-align:left;cursor:pointer;font-size:.92rem;font-weight:600}.co-lms-section-toggle .co-lms-chevron{display:inline-flex;color:var(--text-secondary);transition:transform .2s ease}.co-lms-section-toggle.open .co-lms-chevron{transform:rotate(180deg)}.co-lms-count{margin-left:auto;font-size:.75rem;color:var(--text-tertiary);font-weight:500}.co-lms-section-actions{display:flex;gap:.45rem;flex-wrap:wrap}.co-lms-section-body{border-top:1px solid var(--co-border);padding:.8rem;background:color-mix(in srgb,var(--co-surface-muted) 90%,white 10%)}.co-lms-btn{border:1px solid var(--co-border);background:var(--co-surface);color:var(--text-secondary);border-radius:8px;padding:.42rem .68rem;font-size:.78rem;font-weight:600;cursor:pointer}.co-lms-btn:hover{border-color:var(--co-accent);color:var(--co-accent)}.co-lms-btn.primary{background:var(--bg-navy-light);border-color:#d4af37;color:#f8e7b0;box-shadow:0 4px 10px #b8860b40}.co-lms-btn.primary:hover{background:#d4af37;border-color:#d4af37;color:var(--bg-navy-light)}.co-lms-create-course-btn{min-width:144px;padding:.62rem 1rem;font-size:.86rem;font-weight:700;letter-spacing:.3px}.co-lms-topbar .co-lms-create-course-btn{margin-left:1rem}.empty-resources .co-lms-create-course-btn{margin-top:.65rem}.co-lms-btn.ghost{background:transparent;border-color:var(--co-border);color:var(--text-secondary)}.co-lms-btn.ghost:hover{background:var(--bg-button-hover);border-color:var(--co-accent);color:var(--co-accent)}.co-lms-resource-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--co-border);background:var(--co-surface);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.co-lms-resource-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.72rem;border-radius:10px;border:1px solid var(--co-border);background:var(--co-surface)}.co-lms-resource-btn.download:hover{color:#2563eb;border-color:#2563eb80}.co-lms-resource-btn.delete:hover{color:#ef4444;border-color:#ef444480}.resources-loading-spinner,.co-lms-resource-spinner{width:20px;height:20px;border:2px solid rgba(26,75,168,.2);border-top-color:var(--co-accent);border-radius:50%;animation:co-lms-spin .9s linear infinite}.empty-resources{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:3rem 1.2rem;background:var(--co-surface);border:1px solid var(--co-border);border-radius:12px;text-align:center;box-shadow:0 4px 12px var(--co-shadow-soft)}.co-lms-modal{width:100%;max-width:460px;background:var(--co-surface);border:1px solid var(--co-border);border-radius:14px;padding:1rem;box-shadow:0 10px 25px var(--co-shadow-strong)}.co-lms-form-grid input,.co-lms-form-grid select,.co-lms-form-grid textarea{border:1px solid var(--co-border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);padding:.65rem .75rem;font-size:.9rem}.co-lms-form-grid input:focus,.co-lms-form-grid select:focus,.co-lms-form-grid textarea:focus{outline:none;border-color:var(--co-accent);box-shadow:0 0 0 2px #1a4ba81f}.message button:hover{opacity:1}.co-lms-btn.danger{border-color:#ef444459;color:#ef4444}.co-lms-btn.danger:hover{background:#ef44441a;border-color:#ef4444b3}.co-lms-btn:disabled{opacity:.5;cursor:not-allowed}.co-lms-resource-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.co-lms-resource-main{min-width:0}.co-lms-resource-title{font-size:.9rem;color:var(--text-primary);font-weight:600;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-lms-resource-meta{display:flex;gap:.55rem;color:var(--text-tertiary);font-size:.76rem}.co-lms-resource-actions{display:flex;gap:.4rem}.co-lms-resource-empty{color:var(--text-secondary);font-size:.88rem;padding:.2rem}.resources-loading{display:flex;align-items:center;justify-content:center;gap:.6rem;color:var(--text-secondary);padding:1.8rem}.resources-loading.inline{justify-content:flex-start;padding:1rem 0}.co-lms-resource-state{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);padding:.5rem 0}@keyframes co-lms-spin{to{transform:rotate(360deg)}}.co-lms-inline-error{color:#dc2626;background:#ef444414;border:1px solid rgba(239,68,68,.18);border-radius:8px;padding:.65rem .8rem;font-size:.85rem}.message{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.message.success{background-color:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.message.error{background-color:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.message button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit;opacity:.7}.empty-resources.compact{padding:1.2rem .8rem}.empty-resources h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.empty-resources p{margin:0;color:var(--text-secondary);font-size:.9rem}.co-lms-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.co-lms-modal h3{margin:0 0 .25rem;color:var(--text-primary)}.co-lms-modal-subtitle{margin:0 0 .8rem;color:var(--text-secondary);font-size:.85rem}.co-lms-form-grid{display:flex;flex-direction:column;gap:.5rem}.co-lms-form-grid label{font-size:.82rem;color:var(--text-secondary);font-weight:600}.co-lms-file-name{color:var(--text-secondary);font-size:.82rem}.co-lms-modal-actions{margin-top:.8rem;display:flex;justify-content:flex-end;gap:.55rem}@media(max-width:900px){.co-lms-course-grid{grid-template-columns:1fr}.co-lms-course-page-head{flex-direction:column;align-items:flex-start}.co-lms-section-head{flex-direction:column;align-items:stretch}.co-lms-section-actions{justify-content:flex-end}.co-lms-resource-item{flex-direction:column;align-items:flex-start}.co-lms-resource-actions{width:100%;justify-content:flex-end}}.co-resource-coming-wrap{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:1rem}.co-resource-coming-card{width:min(680px,100%);background:linear-gradient(145deg,#fff,#f6f9ff);border:1px solid var(--border-secondary, #d7dbe2);border-left:6px solid var(--text-link, #1d4ed8);border-radius:14px;box-shadow:0 10px 24px #08184014;padding:1.5rem;text-align:left}.co-resource-coming-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:12px;background:#1d4ed81a;color:var(--text-link, #1d4ed8);margin-bottom:.75rem}.co-resource-coming-card h2{margin:0;font-size:1.4rem;color:var(--text-primary, #111827)}.co-resource-coming-card p{margin:.7rem 0 0;line-height:1.6;color:var(--text-secondary, #4b5563)}.co-resource-coming-badge{display:inline-block;margin-top:1rem;padding:.35rem .7rem;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.02em;background:#1d4ed81f;color:#1e3a8a}.co-activities-page{display:flex;flex-direction:column;gap:1.25rem}.co-activities-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.co-activities-header h1{margin:0;font-size:1.75rem;color:var(--text-primary)}.co-activities-header p{margin:.35rem 0 0;color:var(--text-secondary)}.co-activities-refresh{background:var(--bg-card, #fff);border:1px solid var(--border-secondary, #d7dbe2);border-radius:.5rem;padding:.55rem .9rem;cursor:pointer;color:var(--text-primary)}.co-training-filters-card{background:var(--bg-card, #fff);border:1px solid var(--border-secondary, #d7dbe2);border-radius:.85rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.co-training-filters-row{display:flex;gap:.55rem;flex-wrap:wrap}.co-training-filter-btn{border:1px solid var(--border-secondary, #d7dbe2);background:#fff;border-radius:999px;padding:.45rem .85rem;cursor:pointer;color:var(--text-primary);font-size:.85rem}.co-training-filter-btn.active{border-color:#1a73e8;background:#e9f0ff;color:#0d47a1;font-weight:600}.co-training-custom-range{display:flex;gap:.75rem;flex-wrap:wrap}.co-training-custom-range>div{display:flex;flex-direction:column;gap:.25rem}.co-training-custom-range label{font-size:.8rem;color:var(--text-secondary)}.co-training-custom-range input[type=date]{border:1px solid var(--border-secondary, #d7dbe2);border-radius:.45rem;padding:.4rem .55rem;background:#fff}.co-training-advanced-filters{margin-top:.75rem}.co-training-search-input,.co-training-select,.co-training-custom-range input[type=text]{min-height:2.5rem;border:1px solid var(--border-secondary, #d7dbe2);border-radius:.55rem;padding:.5rem .65rem;background:#fff;color:var(--text-primary);min-width:210px;font-size:.9rem}.co-training-search-input:focus,.co-training-select:focus,.co-training-custom-range input[type=text]:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e829}.co-training-layout-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem;align-items:start;min-width:0}.co-training-fallin-card{width:100%;text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.co-training-fallin-card:hover{border-color:#9cb9f3;box-shadow:0 6px 16px #1c448c1f;transform:translateY(-1px)}.co-training-fallin-card.selected{border:2px solid #205dcb;background:#eef5ff}.co-training-type-line{margin-bottom:.25rem}.co-training-list-head,.co-training-list-row{display:grid;grid-template-columns:1.6fr .9fr 1.2fr .7fr;gap:.55rem;align-items:center}.co-training-list-head{font-size:.78rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;padding:.15rem .55rem}.co-training-list-row{border:1px solid var(--border-secondary, #e7e9ef);border-radius:.55rem;background:#fff;color:var(--text-primary);padding:.55rem;text-align:left;cursor:pointer;font-size:.85rem}.co-training-list-row:hover{border-color:#9cb9f3;background:#f7fbff}.co-training-list-row.selected{border-color:#205dcb;background:#eef5ff}.co-training-pagination{margin-top:.5rem;display:flex;align-items:center;justify-content:flex-end;gap:.5rem;color:var(--text-secondary);font-size:.83rem}.co-activities-calendar-card{background:var(--bg-card, #fff);border:1px solid var(--border-secondary, #d7dbe2);border-radius:.85rem;padding:1rem}.co-activities-calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.co-activities-calendar-head h3{margin:0;font-size:1rem;color:var(--text-primary)}.co-activities-calendar-head button{border:1px solid var(--border-secondary, #d7dbe2);background:var(--bg-secondary, #f6f7fb);width:2rem;height:2rem;border-radius:.45rem;cursor:pointer}.co-activities-weekdays,.co-activities-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem}.co-activities-weekdays span{text-align:center;color:var(--text-secondary);font-size:.8rem;font-weight:600}.co-activities-day{border:1px solid var(--border-secondary, #d7dbe2);background:#fff;border-radius:.45rem;min-height:3.1rem;padding:.3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.co-activities-day small{margin-top:.2rem;font-size:.72rem;color:#0d47a1;font-weight:700}.co-activities-day.muted{opacity:.45}.co-activities-day.today{border-color:#e9b300}.co-activities-day.selected{background:#e9f0ff;border-color:#1a73e8}.co-activities-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.co-activities-column{background:var(--bg-card, #fff);border:1px solid var(--border-secondary, #d7dbe2);border-radius:.85rem;padding:1rem;display:flex;flex-direction:column;gap:.85rem;min-width:0}.co-activities-column-header{display:flex;align-items:center;gap:.45rem}.co-activities-column-header h3{margin:0;font-size:1.05rem}.co-activities-selected-day{border:1px dashed var(--border-secondary, #d7dbe2);border-radius:.6rem;padding:.7rem}.co-activities-selected-day-title{font-size:.86rem;color:var(--text-secondary);margin-bottom:.4rem}.co-activities-section{border-top:1px solid var(--border-secondary, #eceef2);padding-top:.7rem}.co-activities-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.co-activities-section-head h4{margin:0;font-size:.95rem}.co-activities-section-head span{font-size:.82rem;color:var(--text-secondary);background:#eef3ff;border-radius:999px;padding:.1rem .5rem}.co-activity-list{display:flex;flex-direction:column;gap:.55rem;min-width:0}@media(min-width:1025px){.co-activity-list{max-height:560px;overflow-y:auto;padding-right:.2rem}}.co-activity-card{border:1px solid var(--border-secondary, #e7e9ef);border-radius:.6rem;padding:.6rem;background:#fff}.co-activity-card.compact{background:#f9fbff}.co-activity-card h4{margin:0 0 .35rem;font-size:.94rem;color:var(--text-primary)}.co-activity-meta{display:flex;flex-wrap:wrap;gap:.6rem;font-size:.82rem;color:var(--text-secondary)}.co-activity-meta span{display:inline-flex;gap:.25rem;align-items:center}.co-activity-card p{margin:.35rem 0 0;color:var(--text-secondary);font-size:.85rem}.co-activity-college{margin:.35rem 0 0;font-size:.82rem;color:#0d47a1;font-weight:600}.co-activities-empty{margin:0;color:var(--text-secondary);font-size:.85rem}.co-activities-state{display:flex;min-height:320px;align-items:center;justify-content:center;flex-direction:column;gap:.75rem}.co-activities-state.error{color:#a32222}.loading-spinner{width:36px;height:36px;border:3px solid var(--border-secondary, #d7dbe2);border-top-color:#1a73e8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.co-activities-columns,.co-training-layout-grid{grid-template-columns:1fr}}@media(max-width:640px){.co-activities-header{flex-direction:column;align-items:stretch}.co-activities-weekdays,.co-activities-calendar-grid{gap:.25rem}.co-activities-day{min-height:2.65rem}}.co-logs-page{gap:1rem}.co-logs-page.camp-section{overflow:visible}.co-logs-toolbar label{font-size:.88rem;color:var(--text-secondary, #6b7280)}.co-logs-toolbar select{min-width:90px;border:1px solid var(--border-secondary, #d1d5db);border-radius:.45rem;padding:.45rem .55rem;background:var(--bg-card, #fff)}.co-logs-table td:nth-child(1),.co-logs-table th:nth-child(1){width:56px}.co-logs-table td:nth-child(2),.co-logs-table th:nth-child(2){min-width:190px}.co-logs-empty-cell{text-align:center!important;color:var(--text-secondary, #6b7280);padding:1rem .75rem}.co-log-status{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--border-secondary, #d1d5db);font-size:.76rem;font-weight:600;background:#f8fafc}.co-logs-pagination{display:flex;justify-content:flex-end;align-items:center;gap:.6rem;padding:.75rem .85rem;border-top:1px solid var(--border-secondary, #e2e8f0);background:#f8fbff}.co-logs-pagination span{font-size:.84rem;color:var(--text-secondary, #64748b)}html,body{margin:0;padding:0;height:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}#root{height:100vh;display:flex;flex-direction:column;overflow:hidden}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-card: #f3f6fa;--bg-button: #e8f0ff;--bg-button-hover: rgba(77, 127, 232, .1);--bg-selection: #d3e4ff;--bg-input: rgba(96, 147, 224, .06);--bg-input-hover: rgba(29, 65, 119, .06);--bg-header: rgba(10, 25, 47, .9);--bg-navy-light: #1a365d;--text-primary: #0a1a33;--text-secondary: #33405c;--text-tertiary: #7a869c;--text-link: #1a4ba8;--text-selection: #0a1a33;--text-inverted: #ffffff;--text-gold: #d4af37;--text-gold-light: #e5c15d;--border-primary: #1a4ba8;--border-secondary: #c7d3e8;--border-bright: #4d7fe8;--border-hover: #2a63c6;--border-gold: #d4af37;--border-gold-light: rgba(212, 175, 55, .4);--border-gold-faint: rgba(212, 175, 55, .1);--border-gold-subtle: rgba(212, 175, 55, .3);--divider: #d7deea;--scrollbar-thumb: #c7d4f3;--scrollbar-thumb-hover: #8eb3ff;--shadow-color-light: rgba(0, 0, 0, .08);--shadow-color-dark: rgba(0, 0, 0, .15);--shadow-gold: rgba(229, 193, 93, .3);--accent-hover: #2a63c6;--btn-hover-bg: #1a4ba8;--btn-hover-text: #ffffff;--ncc-red: #e31837;--ncc-blue: #000080;--ncc-lightblue: #4b9cd3;--status-error: #e53e3e;--status-error-bg: #fff5f5;--status-success: #38a169;--status-success-bg: #f0fff4}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}#root{display:flex;flex-direction:column;flex:1}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2rem}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background-color:var(--bg-selection);color:var(--text-selection)}.page-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;width:100%}.page-header-container .section-title{margin:0!important;font-size:2.2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;line-height:1.2}.academic-year-wrapper{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#fff,#f8fafc);padding:.5rem 1rem;border-radius:10px;border:1px solid var(--border-secondary);box-shadow:0 4px 12px #0a1a330f;transition:all .3s ease}.academic-year-wrapper:hover{border-color:var(--border-bright);box-shadow:0 6px 16px #4d7fe81f;transform:translateY(-1px)}.academic-year-label{font-size:.85rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:.4rem}.academic-year-select{border:none;background:transparent;font-size:.95rem;font-weight:700;color:var(--text-primary);cursor:pointer;outline:none;padding-right:.5rem;font-family:inherit}.academic-year-select:focus{color:var(--text-link)}@media(max-width:640px){.page-header-container{flex-direction:column;align-items:flex-start;gap:.75rem}.academic-year-wrapper{align-self:flex-end;width:auto}}