@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button:focus{outline:none}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--nav-gradient-start: hsl(207, 52%, 40%);--nav-gradient-end: hsl(201, 53%, 56%);--primary-foreground: hsl(0, 0%, 100%);--primary: hsl(207, 52%, 40%)}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;background:linear-gradient(135deg,var(--nav-gradient-start),var(--nav-gradient-end));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.navbar-container{max-width:1280px;margin:0 auto;padding:0 1rem}@media(min-width:1024px){.navbar-container{padding:0 2rem}}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:4rem}@media(min-width:1024px){.navbar-inner{height:5rem}}.navbar-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo-icon-wrapper{position:relative}.logo-icon{width:2rem;height:2rem;color:var(--primary-foreground)}.logo-ripple{position:absolute;inset:0;border-radius:9999px;background-color:#ffffff1a}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-title{font-size:1.125rem;font-weight:800;color:var(--primary-foreground);letter-spacing:-.025em;font-family:Plus Jakarta Sans,sans-serif}@media(min-width:1024px){.logo-title{font-size:1.25rem}}.logo-subtitle{font-size:.625rem;color:#ffffffb3;letter-spacing:.15em;text-transform:uppercase;font-family:Inter,sans-serif}.desktop-nav{display:none;align-items:center;gap:.25rem}@media(min-width:1024px){.desktop-nav{display:flex}}.nav-link{position:relative;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#ffffffe6;text-decoration:none;transition:color .2s;font-family:Inter,sans-serif}.nav-link:hover{color:var(--primary-foreground)}.nav-link-underline{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background-color:var(--primary-foreground);border-radius:9999px;transition:width .3s}.nav-link:hover .nav-link-underline{width:75%}.desktop-cta{display:none;align-items:center;gap:.75rem}@media(min-width:1024px){.desktop-cta{display:flex}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:background-color .2s,color .2s;font-family:Inter,sans-serif}.btn-icon{width:1rem;height:1rem}.btn-ghost{background-color:transparent;color:#ffffffe6}.btn-ghost:hover{background-color:#ffffff1a;color:var(--primary-foreground)}.btn-solid{background-color:var(--primary-foreground);color:var(--primary);box-shadow:0 4px 6px -1px #0000001a}.btn-solid:hover{background-color:#ffffffe6}.flex-1{flex:1}.mobile-toggle{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:none;cursor:pointer;color:var(--primary-foreground)}@media(min-width:1024px){.mobile-toggle{display:none}}.toggle-icon{width:1.5rem;height:1.5rem}.mobile-menu{overflow:hidden;border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,var(--nav-gradient-start),var(--nav-gradient-end))}@media(min-width:1024px){.mobile-menu{display:none}}.mobile-menu-inner{max-width:1280px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.mobile-nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;color:#ffffffe6;text-decoration:none;font-size:.875rem;font-family:Inter,sans-serif;transition:background-color .2s}.mobile-nav-link:hover{background-color:#ffffff1a}.mobile-nav-icon{width:1rem;height:1rem}.mobile-cta{display:flex;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}:root{--footer-bg: hsl(207, 72%, 24%);--footer-foreground: hsl(207, 30%, 90%);--ocean-glow: hsl(201, 53%, 65%)}.footer-bg{background-color:var(--footer-bg);color:var(--footer-foreground)}.footer-container{max-width:1440px;margin:0 auto;padding:4rem 1rem}@media(min-width:1024px){.footer-container{padding:4rem 2rem}}.footer-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.5rem}.footer-logo-icon{width:1.75rem;height:1.75rem;color:var(--ocean-glow)}.footer-logo-text{font-size:1.25rem;font-weight:800;color:var(--footer-foreground);font-family:Plus Jakarta Sans,sans-serif}.footer-tagline{font-size:.875rem;color:#cfdcebb3;line-height:1.625;font-family:Inter,sans-serif}.footer-socials{display:flex;gap:.75rem;padding-top:.5rem}.social-btn{width:2.25rem;height:2.25rem;border-radius:9999px;background-color:#cfdceb1a;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background-color .2s}.social-btn:hover{background-color:#64b4dc33}.social-icon{width:1rem;height:1rem;color:#cfdcebcc}.footer-col{display:flex;flex-direction:column}.footer-col-title{font-size:1rem;font-weight:700;color:var(--footer-foreground);margin-bottom:1rem;font-family:Plus Jakarta Sans,sans-serif}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.footer-link{font-size:.875rem;color:#cfdcebb3;text-decoration:none;transition:color .2s;font-family:Inter,sans-serif}.footer-link:hover{color:var(--ocean-glow)}.footer-contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-contact-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;color:#cfdcebb3;font-family:Inter,sans-serif;line-height:1.5}.contact-icon{width:1rem;height:1rem;margin-top:.125rem;flex-shrink:0;color:var(--ocean-glow)}.footer-bottom{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(207,220,235,.1);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem}@media(min-width:768px){.footer-bottom{flex-direction:row}}.footer-copy{font-size:.875rem;color:#cfdceb80;font-family:Inter,sans-serif}.footer-legal{display:flex;gap:1.5rem}.footer-legal-link{font-size:.875rem;color:#cfdceb80;text-decoration:none;transition:color .2s;font-family:Inter,sans-serif}.footer-legal-link:hover{color:var(--ocean-glow)}:root{--cc-primary: hsl(207, 52%, 40%);--cc-primary-fg: hsl(0, 0%, 100%);--cc-secondary: hsl(201, 53%, 56%);--cc-bg: hsl(210, 30%, 98%);--cc-card: hsl(0, 0%, 100%);--cc-foreground: hsl(207, 40%, 20%);--cc-muted: hsl(207, 30%, 94%);--cc-muted-fg: hsl(207, 15%, 50%);--cc-border: hsl(207, 25%, 88%);--cc-accent: hsl(201, 53%, 50%);--cc-accent-fg: hsl(0, 0%, 100%);--cc-nav-start: hsl(207, 52%, 40%);--cc-nav-end: hsl(201, 53%, 56%);--cc-radius: .75rem;--cc-font-head: "Plus Jakarta Sans", sans-serif;--cc-font-body: "Inter", sans-serif}.cc-nav-gradient{background:linear-gradient(135deg,var(--cc-nav-start),var(--cc-nav-end))}.cc-icon-xs{font-size:.875rem;display:inline-flex;align-items:center;line-height:1}.cc-icon-md{font-size:1.25rem;display:inline-flex;align-items:center;line-height:1}.cc-page{min-height:100vh;background-color:var(--cc-bg);font-family:var(--cc-font-body);color:var(--cc-foreground)}.cc-hero{padding:6rem 0 3rem}.cc-hero-inner{max-width:72rem;margin:0 auto;padding:0 1rem}.cc-hero-content{text-align:center}.cc-hero-title-row{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.cc-hero-shield{font-size:2rem;color:var(--cc-primary-fg);display:inline-flex;align-items:center}.cc-hero-title{font-family:var(--cc-font-head);font-size:1.875rem;font-weight:800;color:var(--cc-primary-fg);margin:0}@media(min-width:768px){.cc-hero-title{font-size:2.25rem}}.cc-hero-subtitle{color:#fffc;max-width:40rem;margin:0 auto;font-size:1.125rem;line-height:1.6}.cc-main{max-width:74rem;margin:0 auto;padding:3rem 1rem;display:flex;flex-direction:column;gap:4rem}.cc-dept-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.cc-dept-title-group{display:flex;align-items:center;gap:.75rem}.cc-dept-icon{font-size:1.875rem;line-height:1}.cc-dept-name{font-family:var(--cc-font-head);font-size:1.5rem;font-weight:700;color:var(--cc-foreground);margin:0}.cc-badge{display:inline-flex;align-items:center;font-size:.75rem;font-weight:600;background-color:#316b9b;color:#fff;padding:.25rem .75rem;border-radius:9999px;margin-left:.25rem}.cc-scroll-controls{display:flex;align-items:center;gap:.5rem}.cc-scroll-btn{width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid var(--cc-border);background-color:var(--cc-card);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 3px #0000000f;transition:background-color .15s,color .15s;color:var(--cc-foreground)}.cc-scroll-btn:hover{background-color:var(--cc-accent);color:var(--cc-accent-fg)}.cc-carousel{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.cc-carousel::-webkit-scrollbar{display:none}.cc-card-wrapper{min-width:260px;max-width:280px;scroll-snap-align:start;flex-shrink:0;display:flex;flex-direction:column}.cc-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.cc-card{height:100%;background-color:var(--cc-card);border:1px solid rgba(180,197,212,.6);border-radius:var(--cc-radius);box-shadow:0 1px 3px #0000000d;cursor:pointer;transition:box-shadow .3s,transform .3s;display:flex;flex-direction:column}.cc-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.cc-card:hover .cc-card-title{color:var(--cc-primary)}.cc-card-content{padding:1.25rem;display:flex;flex-direction:column;flex:1;box-sizing:border-box}.cc-level-badge{align-self:flex-start;font-size:.6875rem;font-weight:600;padding:.2rem .625rem;border-radius:9999px;border:1px solid;margin-bottom:.75rem;white-space:nowrap}.cc-level-beginner{background-color:#dcfce7;color:#15803d;border-color:#bbf7d0}.cc-level-intermediate{background-color:#fef3c7;color:#b45309;border-color:#fde68a}.cc-level-advanced{background-color:#fee2e2;color:#b91c1c;border-color:#fecaca}.cc-card-title{font-family:var(--cc-font-head);font-size:.9375rem;font-weight:700;color:var(--cc-foreground);margin:0 0 .5rem;line-height:1.4;transition:color .15s}.cc-card-desc{font-size:.8125rem;color:var(--cc-muted-fg);margin:0 0 1rem;flex:1;line-height:1.6}.cc-card-footer{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--cc-muted-fg);border-top:1px solid rgba(180,197,212,.5);padding-top:.75rem;margin-top:auto}.cc-card-meta{display:flex;align-items:center;gap:.35rem}.cert-root{min-height:100vh;background:#f4f7fa;display:flex;color:#1a2e3d}.cert-sidebar-desktop{display:none;flex-direction:column;border-right:1px solid #dce6ed;background:#fff;transition:width .3s ease}@media(min-width:1024px){.cert-sidebar-desktop{display:flex}}.cert-sidebar-desktop--open{width:240px}.cert-sidebar-desktop--collapsed{width:72px}.cert-sidebar-content{display:flex;flex-direction:column;height:100%}.cert-sidebar-logo-area{padding:16px;border-bottom:1px solid #dce6ed}.cert-sidebar-logo-link{display:flex;align-items:center;gap:8px;text-decoration:none}.cert-sidebar-anchor-icon{width:28px;height:28px;color:#3a7ca5;flex-shrink:0}.cert-sidebar-logo-text{display:flex;flex-direction:column;line-height:1}.cert-sidebar-brand{font-size:15px;font-weight:800;color:#1a2e3d;letter-spacing:-.02em}.cert-sidebar-sub{font-size:9px;color:#6b8a9a;letter-spacing:.12em;text-transform:uppercase}.cert-sidebar-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:4px}.cert-sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:500;color:#6b8a9a;text-decoration:none;transition:all .2s}.cert-sidebar-nav-item:hover{color:#1a2e3d;background:#edf2f7}.cert-sidebar-nav-item--active{background:#3a7ca5;color:#fff;box-shadow:0 2px 8px #3a7ca54d}.cert-sidebar-nav-icon{width:20px;height:20px;flex-shrink:0}.cert-sidebar-user-area{padding:12px;border-top:1px solid #dce6ed}.cert-sidebar-user{display:flex;align-items:center;gap:12px;padding:8px 12px}.cert-sidebar-avatar{width:36px;height:36px;border-radius:50%;background:#3a7ca526;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cert-sidebar-avatar-icon{width:20px;height:20px;color:#3a7ca5}.cert-sidebar-user-info{flex:1;min-width:0}.cert-sidebar-user-name{font-size:14px;font-weight:600;color:#1a2e3d;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cert-sidebar-user-role{font-size:12px;color:#6b8a9a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cert-sidebar-logout-btn{background:none;border:none;cursor:pointer;color:#6b8a9a;transition:color .2s;padding:4px}.cert-sidebar-logout-btn:hover{color:#ef4444}.cert-sidebar-logout-icon{width:16px;height:16px}.cert-sidebar-mobile-overlay{position:fixed;inset:0;z-index:50}.cert-sidebar-mobile-backdrop{position:absolute;inset:0;background:#1a2e3d4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cert-sidebar-mobile-panel{position:relative;width:240px;height:100%;background:#fff;box-shadow:4px 0 24px #00000026}.cert-main{flex:1;min-width:0;display:flex;flex-direction:column}.cert-topbar{position:sticky;top:0;z-index:30;height:64px;display:flex;align-items:center;gap:16px;padding:0 16px;box-shadow:0 2px 8px #00000026}@media(min-width:1024px){.cert-topbar{padding:0 24px}}.cert-topbar-menu-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#fff;transition:background .2s}.cert-topbar-menu-btn:hover{background:#ffffff1a}.cert-topbar-menu-icon{width:20px;height:20px}.cert-topbar-search-wrap{flex:1;max-width:448px}.cert-topbar-search{position:relative;display:flex;align-items:center}.cert-topbar-search-icon{position:absolute;left:12px;width:16px;height:16px;color:#ffffff80;pointer-events:none}.cert-topbar-search-input{width:100%;padding:8px 16px 8px 40px;border-radius:8px;background:#ffffff1a;color:#fff;font-size:14px;border:none;outline:none}.cert-topbar-search-input::placeholder{color:#fff6}.cert-topbar-search-input:focus{box-shadow:0 0 0 2px #ffffff4d}.cert-topbar-bell-btn{position:relative;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#fff;transition:background .2s}.cert-topbar-bell-btn:hover{background:#ffffff1a}.cert-topbar-bell-icon{width:20px;height:20px}.cert-topbar-bell-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#f87171;border-radius:50%}.cert-content{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:24px;background:#f4f7fa}@media(min-width:1024px){.cert-content{padding:24px}}.cert-page-header{display:flex;flex-direction:column;gap:16px}@media(min-width:640px){.cert-page-header{flex-direction:row;align-items:center;justify-content:space-between}}.cert-page-title-wrap{display:flex;align-items:center;gap:12px}.cert-page-icon-wrap{width:48px;height:48px;border-radius:12px;background:#3a7ca51a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cert-page-icon{width:24px;height:24px;color:#3a7ca5}.cert-page-title{font-size:24px;font-weight:800;color:#1a2e3d;margin:0}@media(min-width:1024px){.cert-page-title{font-size:30px}}.cert-page-subtitle{font-size:14px;color:#6b8a9a;margin:4px 0 0}.cert-count-earned{font-weight:700;color:#10b981}.cert-count-pending{font-weight:700;color:#f59e0b}.cert-count-rate{font-weight:700;color:#3a7ca5}.cert-page-actions{display:flex;gap:8px}.cert-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cert-btn-icon{width:16px;height:16px}.cert-btn--outline{background:transparent;border:1px solid #dce6ed;color:#1a2e3d}.cert-btn--outline:hover{background:#edf2f7}.cert-btn--solid{background:#3a7ca5;color:#fff;border:none}.cert-btn--solid:hover{opacity:.9}.cert-btn--amber{border:1px solid #d97706;color:#b45309;background:transparent;flex-shrink:0}.cert-btn--amber:hover{background:#fef3c7}.cert-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:1024px){.cert-stats-grid{grid-template-columns:repeat(4,1fr)}}.cert-stat-card{background:#fff;border:1px solid #dce6ed;border-radius:12px;padding:16px;display:flex;align-items:flex-start;justify-content:space-between;transition:box-shadow .2s}.cert-stat-card:hover{box-shadow:0 4px 16px #00000014}.cert-stat-label{font-size:12px;color:#6b8a9a;font-weight:500;margin:0}.cert-stat-value{font-size:28px;font-weight:800;color:#1a2e3d;margin:4px 0 0}.cert-stat-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}.cert-stat-icon{width:20px;height:20px;color:#fff}.cert-gradient-0{background:linear-gradient(135deg,#10b981,#059669)}.cert-gradient-1{background:linear-gradient(135deg,#f59e0b,#d97706)}.cert-gradient-2{background:linear-gradient(135deg,#3a7ca5,#6bb8d4)}.cert-gradient-3{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.cert-main-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1280px){.cert-main-grid{grid-template-columns:1fr 1fr 1fr}.cert-left-col{grid-column:span 2}}.cert-left-col{display:flex;flex-direction:column;gap:24px}.cert-right-col,.cert-section{display:flex;flex-direction:column;gap:16px}.cert-section-header{display:flex;align-items:center;justify-content:space-between}.cert-section-title-wrap{display:flex;align-items:center;gap:8px}.cert-section-title{font-size:18px;font-weight:700;color:#1a2e3d;margin:0}.cert-section-title-icon{width:20px;height:20px}.cert-section-title-icon--green{color:#10b981}.cert-section-title-icon--amber{color:#f59e0b}.cert-filter-wrap{display:flex;gap:4px}.cert-filter-btn{padding:4px 12px;border-radius:999px;font-size:12px;font-weight:500;border:none;cursor:pointer;background:#edf2f7;color:#6b8a9a;transition:all .2s}.cert-filter-btn:hover{background:#dce6ed}.cert-filter-btn--active{background:#3a7ca5;color:#fff;box-shadow:0 1px 4px #3a7ca54d}.cert-cards-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.cert-cards-grid{grid-template-columns:repeat(2,1fr)}}.cert-card{background:#fff;border:1px solid rgba(220,230,237,.6);border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:12px;cursor:pointer;transition:all .3s}.cert-card:hover{box-shadow:0 4px 16px #00000014;border-color:#3a7ca54d}.cert-card--selected{outline:2px solid #3a7ca5;border-color:#3a7ca566}.cert-card-icon-wrap{width:44px;height:44px;border-radius:10px;background:#10b9811a;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.cert-card:hover .cert-card-icon-wrap{background:#10b98133}.cert-card-icon{width:20px;height:20px;color:#059669}.cert-card-body{flex:1;min-width:0}.cert-card-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.cert-card-title{font-size:14px;font-weight:600;color:#1a2e3d;margin:0;line-height:1.3}.cert-status-badge{flex-shrink:0;font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px}.cert-status-badge--valid{background:#d1fae5;color:#065f46}.cert-status-badge--expiring{background:#fef3c7;color:#92400e}.cert-card-dept{font-size:12px;color:#6b8a9a;margin:4px 0 0}.cert-card-meta{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:12px;color:#6b8a9a}.cert-card-meta-item{display:flex;align-items:center;gap:4px}.cert-card-meta-icon{width:12px;height:12px}.cert-card-score{font-weight:600;color:#1a2e3d}.cert-card-id{font-size:10px;color:#6b8a9a;font-family:monospace;margin:4px 0 0}.cert-card-expanded{margin-top:12px;padding-top:12px;border-top:1px solid #dce6ed;display:flex;flex-direction:column;gap:8px;overflow:hidden}.cert-card-expanded-row{display:flex;align-items:center;justify-content:space-between;font-size:12px}.cert-card-expanded-label{color:#6b8a9a}.cert-card-expanded-value{color:#1a2e3d;font-weight:500}.cert-card-verified{display:flex;align-items:center;gap:4px;color:#059669;font-weight:500;font-size:12px}.cert-card-verified-icon{width:12px;height:12px}.cert-card-action-row{display:flex;gap:8px;margin-top:4px}.cert-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:28px;font-size:12px;border:1px solid #dce6ed;background:transparent;border-radius:6px;cursor:pointer;color:#1a2e3d;transition:background .2s}.cert-action-btn:hover{background:#edf2f7}.cert-action-btn-icon{width:12px;height:12px}.cert-pending-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.cert-pending-grid{grid-template-columns:repeat(2,1fr)}}.cert-pending-card{background:#fff;border:1px solid #fde68a;border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:12px;transition:all .3s}.cert-pending-card:hover{box-shadow:0 4px 16px #00000014;border-color:#fbbf24}.cert-pending-icon-wrap{width:44px;height:44px;border-radius:10px;background:#fef3c7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cert-pending-icon{width:20px;height:20px;color:#d97706}.cert-pending-body{flex:1;min-width:0}.cert-pending-title{font-size:14px;font-weight:600;color:#1a2e3d;margin:0}.cert-pending-dept{font-size:12px;color:#6b8a9a;margin:2px 0 0}.cert-pending-progress-area{margin-top:12px}.cert-pending-progress-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:6px}.cert-pending-lessons{color:#6b8a9a}.cert-pending-percent{font-weight:600;color:#1a2e3d}.cert-progress-track{width:100%;height:8px;background:#edf2f7;border-radius:999px;overflow:hidden}.cert-progress-fill{height:100%;background:#3a7ca5;border-radius:999px;transition:width .4s ease}.cert-continue-btn{display:inline-flex;align-items:center;gap:4px;margin-top:8px;background:none;border:none;cursor:pointer;font-size:12px;color:#3a7ca5;padding:4px 0;transition:color .2s}.cert-continue-btn:hover{opacity:.8}.cert-continue-icon{width:12px;height:12px}.cert-expiring-banner{background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px}.cert-expiring-icon-wrap{width:40px;height:40px;border-radius:50%;background:#fef3c7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cert-expiring-icon{width:20px;height:20px;color:#d97706}.cert-expiring-text{flex:1}.cert-expiring-title{font-size:14px;font-weight:600;color:#1a2e3d;margin:0}.cert-expiring-desc{font-size:12px;color:#6b8a9a;margin:4px 0 0}.cert-widget-card{background:#fff;border:1px solid #dce6ed;border-radius:12px;overflow:hidden}.cert-widget-header{padding:16px 16px 8px;border-bottom:1px solid #dce6ed}.cert-widget-title{font-size:15px;font-weight:700;color:#1a2e3d;margin:0}.cert-widget-desc{font-size:12px;color:#6b8a9a;margin:2px 0 0}.cert-timeline{padding:16px;display:flex;flex-direction:column}.cert-timeline-item{display:flex;align-items:flex-start;gap:12px;position:relative;padding-bottom:16px}.cert-timeline-item:last-child{padding-bottom:0}.cert-timeline-line{position:absolute;left:13px;top:28px;width:1px;height:calc(100% - 14px);background:#dce6ed}.cert-timeline-icon-wrap{width:28px;height:28px;border-radius:50%;background:#3a7ca51a;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.cert-timeline-icon{width:14px;height:14px;color:#3a7ca5}.cert-timeline-text-wrap{min-width:0}.cert-timeline-text{font-size:14px;color:#1a2e3d;margin:0;line-height:1.3}.cert-timeline-date{font-size:12px;color:#6b8a9a;margin:2px 0 0}.cert-skills-list{padding:16px;display:flex;flex-direction:column;gap:12px}.cert-skill-item{display:flex;flex-direction:column;gap:4px}.cert-skill-header{display:flex;align-items:center;justify-content:space-between;font-size:12px}.cert-skill-dept{font-weight:500;color:#1a2e3d}.cert-skill-count{color:#6b8a9a}.cert-skill-track{width:100%;height:8px;border-radius:999px;background:#edf2f7;overflow:hidden}.cert-skill-fill{height:100%;border-radius:999px}.bg-emerald-500{background-color:#10b981}.bg-amber-500{background-color:#f59e0b}.bg-violet-500{background-color:#8b5cf6}.bg-cyan-500{background-color:#06b6d4}.bg-primary{background-color:#3a7ca5}.cert-quick-actions{padding:8px;display:flex;flex-direction:column;gap:4px}.cert-quick-action-btn{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;font-size:14px;color:#6b8a9a;background:none;border:none;cursor:pointer;transition:all .2s;text-align:left}.cert-quick-action-btn:hover{color:#1a2e3d;background:#edf2f7}.cert-quick-action-icon{width:16px;height:16px}@media(min-width:1600px){.cert-content{max-width:1600px;margin:0 auto;width:100%;padding:40px}.cert-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px}.cert-main-grid{grid-template-columns:2.2fr 1fr}.cert-left-col{grid-column:unset}.cert-cards-grid{grid-template-columns:repeat(3,1fr)}.cert-page-title{font-size:32px}}@media(min-width:1024px)and (max-width:1279px){.cert-main-grid{grid-template-columns:1fr}.cert-left-col{grid-column:unset}.cert-right-col{flex-direction:row;flex-wrap:wrap}.cert-right-col .cert-widget-card{flex:1 1 300px;min-width:280px}}@media(min-width:900px)and (max-width:1023px){.cert-content{padding:20px}.cert-stats-grid,.cert-cards-grid{grid-template-columns:repeat(2,1fr)}.cert-page-title{font-size:22px}}@media(min-width:768px)and (max-width:899px){.cert-content{padding:18px;gap:18px}.cert-page-header{gap:12px}.cert-page-icon-wrap{width:42px;height:42px}.cert-page-title{font-size:20px}.cert-page-actions{width:100%;justify-content:flex-start}.cert-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cert-stat-value{font-size:22px}.cert-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:481px)and (max-width:767px){.cert-content{padding:14px;gap:16px}.cert-page-header{gap:12px}.cert-page-title-wrap{gap:10px}.cert-page-icon-wrap{width:40px;height:40px}.cert-page-icon{width:20px;height:20px}.cert-page-title{font-size:19px}.cert-page-subtitle{font-size:12.5px}.cert-page-actions{width:100%;flex-wrap:wrap}.cert-btn{flex:1 1 auto;justify-content:center;font-size:13px}.cert-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.cert-stat-card{padding:12px}.cert-stat-value{font-size:20px}.cert-stat-icon-wrap{width:34px;height:34px}.cert-stat-icon{width:16px;height:16px}.cert-cards-grid{grid-template-columns:1fr;gap:12px}.cert-card{padding:12px;gap:10px}.cert-card-icon-wrap{width:38px;height:38px}.cert-card-title{font-size:13px}.cert-widget-header{padding:12px 12px 6px}.cert-timeline,.cert-quick-actions{padding:12px}}@media(max-width:480px){.cert-content{padding:10px;gap:14px}.cert-page-header{gap:10px}.cert-page-title-wrap{gap:8px}.cert-page-icon-wrap{width:36px;height:36px;border-radius:10px}.cert-page-icon{width:18px;height:18px}.cert-page-title{font-size:17px}.cert-page-subtitle{font-size:12px}.cert-page-actions{width:100%;flex-direction:column}.cert-btn{width:100%;justify-content:center;padding:9px 12px;font-size:13px}.cert-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.cert-stat-card{padding:10px;flex-direction:column-reverse;align-items:flex-start;gap:8px}.cert-stat-label{font-size:11px}.cert-stat-value{font-size:18px;margin-top:2px}.cert-stat-icon-wrap{width:30px;height:30px;border-radius:8px}.cert-stat-icon{width:14px;height:14px}.cert-section-title{font-size:15px}.cert-section-title-icon{width:16px;height:16px}.cert-cards-grid{gap:10px}.cert-card{padding:10px;gap:8px;border-radius:10px}.cert-card-icon-wrap{width:34px;height:34px;border-radius:8px}.cert-card-icon{width:16px;height:16px}.cert-card-title{font-size:12.5px}.cert-status-badge{font-size:9px;padding:2px 6px}.cert-card-meta{font-size:11px;gap:8px}.cert-card-id{font-size:9px}.cert-card-expanded-row{font-size:11px}.cert-action-btn{height:30px;font-size:11px}.cert-widget-header{padding:10px 10px 6px}.cert-widget-title{font-size:14px}.cert-widget-desc{font-size:11px}.cert-timeline{padding:10px}.cert-timeline-icon-wrap{width:24px;height:24px}.cert-timeline-icon{width:12px;height:12px}.cert-timeline-text{font-size:13px}.cert-timeline-date{font-size:11px}.cert-quick-actions{padding:6px}.cert-quick-action-btn{padding:9px 10px;font-size:13px;gap:10px}.cert-quick-action-icon{width:14px;height:14px}.cert-btn--solid,.cert-btn--outline{min-height:38px}}@media(max-width:340px){.cert-page-title{font-size:15px}.cert-stats-grid{grid-template-columns:1fr}.cert-stat-value{font-size:17px}}@media(max-height:480px)and (orientation:landscape){.cert-content{padding:10px 16px;gap:12px}.cert-timeline,.cert-quick-actions{max-height:40vh;overflow-y:auto}}@media(max-width:640px){.cert-btn{font-size:13px}}@media(hover:none)and (pointer:coarse){.cert-topbar-menu-btn,.cert-topbar-bell-btn,.cert-btn,.cert-action-btn,.cert-continue-btn,.cert-quick-action-btn{min-height:38px}}@media(prefers-reduced-motion:reduce){.cert-card,.cert-stat-card,.cert-pending-card,.cert-progress-fill,.cert-skill-fill{transition:none!important}}@supports (padding: max(0px)){.cert-content{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom))}.cert-topbar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}@media(max-width:480px){.cert-content,.cert-topbar{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}}}.sidebar-desktop{display:none;flex-direction:column;border-right:1px solid hsl(207,25%,88%);background-color:#fff;transition:width .3s ease;overflow:hidden;flex-shrink:0}.dashboard-root{min-height:100vh;background-color:#f8fafb;display:flex}.sidebar-desktop{display:none;flex-direction:column;border-right:1px solid hsl(207,25%,88%);background-color:#fff;transition:width .3s ease;overflow:hidden;flex-shrink:0;width:260px;position:fixed;top:0;left:0;height:100vh;z-index:100}.sidebar-desktop--open{width:240px}.sidebar-desktop--collapsed{width:72px}@media(min-width:1024px){.sidebar-desktop{display:flex}}.sidebar-content{display:flex;flex-direction:column}.sidebar-logo-area{padding:16px;border-bottom:1px solid hsl(207,25%,88% / .5)}.sidebar-logo-link{display:flex;align-items:center;gap:8px;text-decoration:none}.sidebar-logo-icon-wrap{position:relative;flex-shrink:0}.sidebar-anchor-icon{width:28px;height:28px;color:#316b9b}.sidebar-brand{font-size:16px;font-weight:800;color:#1f3547;letter-spacing:-.02em;font-family:Plus Jakarta Sans,sans-serif}.sidebar-sub{font-size:9px;color:#6c8193;letter-spacing:.15em;text-transform:uppercase;font-family:Inter,sans-serif}.sidebar-nav{padding:22px;display:flex;flex-direction:column;gap:4px;margin-top:10px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;font-size:14px;font-weight:500;color:#6c8193;text-decoration:none;transition:all .2s ease;white-space:nowrap;overflow:hidden}.sidebar-nav-item:hover{color:#1f3547;background-color:#ebf0f4}.sidebar-nav-item--active{background-color:#316b9b;color:#fff;box-shadow:0 2px 8px #00000026}.sidebar-nav-item--active:hover{background-color:#316b9b;color:#fff}.sidebar-nav-icon{width:20px;height:20px;flex-shrink:0}.sidebar-user-area{padding:12px;border-top:1px solid hsl(207,25%,88% / .5)}.sidebar-user{display:flex;align-items:center;gap:12px;padding:8px 12px}.sidebar-avatar{width:36px;height:36px;border-radius:50%;background-color:hsl(207,52%,40% / .2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-avatar-icon{width:20px;height:20px;color:#316b9b}.sidebar-user-name{font-size:14px;font-weight:600;color:#1f3547;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.sidebar-user-role{font-size:12px;color:#6c8193;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.sidebar-logout-btn{background:none;border:none;cursor:pointer;color:#6c8193;display:flex;align-items:center;padding:4px;border-radius:4px;transition:color .2s}.sidebar-logout-btn:hover{color:#ef4444}.sidebar-logout-icon{width:16px;height:16px}.sidebar-mobile-overlay{position:fixed;inset:0;z-index:50}.sidebar-mobile-backdrop{position:absolute;inset:0;background-color:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-mobile-panel{position:relative;width:240px;height:100%;background-color:#fff;box-shadow:4px 0 24px #00000026}.dashboard-main{flex:1;min-width:0;display:flex;flex-direction:column;transition:margin-left .3s ease}@media(min-width:1024px){.sidebar-open .dashboard-main{margin-left:240px}.sidebar-collapsed .dashboard-main{margin-left:72px}}.dashboard-topbar{position:fixed;top:0;right:0;left:0;z-index:50;height:64px;display:flex;align-items:center;padding:0 16px;gap:16px;box-shadow:0 2px 8px #00000026}@media(min-width:1024px){.dashboard-topbar{padding:0 24px}.sidebar-open .dashboard-topbar{left:240px}.sidebar-collapsed .dashboard-topbar{left:72px}}.topbar-menu-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#fff;display:flex;align-items:center;transition:background .2s}.topbar-menu-btn:hover{background-color:#ffffff1a}.topbar-menu-icon{width:20px;height:20px}.topbar-search-wrap{flex:1;max-width:448px;position:relative}.topbar-search{position:relative;display:flex;align-items:center}.topbar-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#ffffff80}.topbar-search-input{width:100%;padding:8px 16px 8px 40px;border-radius:8px;background-color:#ffffff1a;color:#fff;font-size:14px;border:none;outline:none;box-sizing:border-box}.topbar-search-input::placeholder{color:#fff6}.topbar-search-input:focus{box-shadow:0 0 0 2px #ffffff4d}.topbar-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#fff9;display:flex;align-items:center;padding:2px;border-radius:4px;transition:color .15s}.topbar-search-clear:hover{color:#fffffff2}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:12px;border:1px solid hsl(207,25%,88%);box-shadow:0 16px 40px #0000002e,0 4px 12px #00000014;z-index:200;overflow:hidden;max-height:440px;overflow-y:auto}.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px;color:#7b8e9d;font-size:13px;text-align:center}.search-empty p{margin:0}.search-group{padding:8px 0 4px}.search-group+.search-group{border-top:1px solid hsl(207,25%,93%)}.search-group-label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7b8e9d;padding:4px 14px 6px;margin:0}.search-result-item{display:flex;align-items:center;gap:10px;padding:9px 14px;text-decoration:none;color:inherit;transition:background .15s;cursor:pointer}.search-result-item:hover{background-color:#f2f5f8}.search-result-icon{width:30px;height:30px;border-radius:8px;background-color:#316b9b14;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.search-result-icon--module{color:#316b9b;font-size:inherit}.search-result-info{flex:1;min-width:0}.search-result-title{font-size:13px;font-weight:600;color:#1c3040;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.search-result-meta{font-size:11px;color:#7b8e9d;margin:1px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-footer{border-top:1px solid hsl(207,25%,93%);padding:8px 14px;display:flex;justify-content:flex-end}.search-browse-all{display:flex;align-items:center;gap:2px;font-size:12px;font-weight:500;color:#316b9b;text-decoration:none;transition:color .15s}.search-browse-all:hover{color:#255074}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-bell-btn{position:relative;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#fff;display:flex;align-items:center;transition:background .2s}.topbar-bell-btn:hover{background-color:#ffffff1a}.topbar-bell-icon{width:20px;height:20px}.topbar-bell-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background-color:#f87171;border-radius:50%}.dashboard-content{flex:1;padding:80px 16px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}@media(min-width:1024px){.dashboard-content{padding:88px 24px 24px}}.welcome-heading{font-size:24px;font-weight:700;color:#1f3547;font-family:Plus Jakarta Sans,sans-serif;margin:0}@media(min-width:1024px){.welcome-heading{font-size:30px}}.welcome-name{color:#316b9b}.welcome-sub{color:#6c8193;margin-top:4px;font-size:14px}.stats-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:#fff;border-radius:12px;border:1px solid hsl(207,25%,88%);padding:20px;overflow:hidden;transition:box-shadow .2s;position:relative}.stat-card:hover{box-shadow:0 4px 20px #0000001a}.stat-card-inner{display:flex;align-items:flex-start;justify-content:space-between}.stat-label{font-size:14px;color:#6c8193;font-weight:500;margin:0}.stat-value{font-size:30px;font-weight:700;color:#1f3547;font-family:Plus Jakarta Sans,sans-serif;margin:4px 0}.stat-change{font-size:12px;color:#6c8193;margin:0}.stat-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #00000026}.stat-icon{width:20px;height:20px;color:#fff}.stat-icon-blue{background:linear-gradient(135deg,#316b9b,#53a1ca)}.stat-icon-green{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon-violet{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.main-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1280px){.main-grid{grid-template-columns:2fr 1fr}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-size:18px;font-weight:700;color:#1f3547;font-family:Plus Jakarta Sans,sans-serif;margin:0}.view-all-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:14px;color:#316b9b;font-weight:500;padding:4px 8px;border-radius:6px;transition:color .2s}.view-all-btn:hover{color:#27567c}.view-all-icon{width:16px;height:16px}.courses-section{display:flex;flex-direction:column}.courses-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.courses-grid{grid-template-columns:repeat(2,1fr)}}.course-card{background:#fff;border-radius:12px;border:1px solid hsl(207,25%,88%);transition:all .3s ease;cursor:pointer}.course-card:hover{box-shadow:0 8px 24px #0000001a;border-color:hsl(207,52%,40% / .3)}.course-card-body{padding:16px;display:flex;align-items:flex-start;gap:12px}.course-icon-wrap{width:40px;height:40px;border-radius:8px;background-color:hsl(207,52%,40% / .1);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.course-card:hover .course-icon-wrap{background-color:hsl(207,52%,40% / .2)}.course-icon{width:20px;height:20px;color:#316b9b}.course-title{font-size:14px;font-weight:600;color:#1f3547;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.course-dept{font-size:12px;color:#6c8193;margin:2px 0 0}.course-progress-area{margin-top:12px}.course-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.course-lessons{font-size:12px;color:#6c8193}.course-percent{font-size:12px;font-weight:600;color:#1f3547}.progress-bar-track{width:100%;height:8px;background-color:#ebf0f4;border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#316b9b,#53a1ca);border-radius:999px;transition:width .5s ease}.course-footer{margin-top:12px;display:flex;align-items:center;justify-content:space-between}.status-badge{font-size:12px;font-weight:500;padding:2px 8px;border-radius:999px}.status-badge--completed{background-color:#d1fae5;color:#065f46}.status-badge--in-progress{background-color:hsl(207,52%,40% / .1);color:#316b9b}.status-badge--not-started{background-color:#ebf0f4;color:#6c8193}.continue-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:12px;color:#316b9b;font-weight:500;padding:4px 8px;border-radius:6px;height:28px;transition:color .2s}.continue-btn:hover{color:#27567c}.continue-icon{width:12px;height:12px}.card{background:#fff;border-radius:12px;border:1px solid hsl(207,25%,88%);overflow:hidden}.card-header{padding:16px 16px 12px;border-bottom:1px solid hsl(207,25%,88% / .5)}.card-title{font-size:15px;font-weight:600;color:#1f3547;font-family:Plus Jakarta Sans,sans-serif;margin:0}.card-desc{font-size:12px;color:#6c8193;margin:4px 0 0}.card-body{padding:16px}.right-column{display:flex;flex-direction:column;gap:16px}.activity-list{display:flex;flex-direction:column;gap:12px;max-height:320px;overflow-y:auto;padding-right:4px}.activity-list::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-track{background:transparent}.activity-list::-webkit-scrollbar-thumb{background:#c6d2dd;border-radius:999px}.activity-list::-webkit-scrollbar-thumb:hover{background:#a6b9c9}.activity-item{display:flex;align-items:flex-start;gap:12px}.activity-icon-wrap{width:28px;height:28px;border-radius:50%;background-color:hsl(207,52%,40% / .1);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.activity-icon{width:14px;height:14px;color:#316b9b}.activity-text-wrap{min-width:0}.activity-text{font-size:14px;color:#1f3547;line-height:1.4;margin:0}.activity-time{font-size:12px;color:#6c8193;margin:2px 0 0}.activity-icon-wrap--topic{background:#34d3991f}.activity-icon-wrap--topic .activity-icon{color:#34d399}.activity-icon-wrap--quiz{background:#63b3ed1f}.activity-icon-wrap--quiz .activity-icon{color:#63b3ed}.activity-icon-wrap--certificate{background:#fbbf241f}.activity-icon-wrap--certificate .activity-icon{color:#fbbf24}.activity-empty{font-size:13px;color:#7b8e9d;text-align:center;padding:12px 0}.deadline-list{display:flex;flex-direction:column;gap:12px}.deadline-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;transition:background .2s}.deadline-item:hover{background-color:hsl(207,30%,94% / .5)}.deadline-icon-wrap{width:40px;height:40px;border-radius:8px;background-color:hsl(0,84.2%,60.2% / .1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.deadline-icon{width:16px;height:16px;color:#ef4444}.deadline-info{min-width:0}.deadline-title{font-size:14px;font-weight:500;color:#1f3547;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.deadline-meta{font-size:12px;color:#6c8193;margin:2px 0 0}.deadline-item--soon .deadline-icon-wrap{background:#fbbf241f}.deadline-item--soon .deadline-icon{color:#fbbf24}.deadline-item--soon .deadline-meta{color:#fbbf24;font-weight:600}.deadline-item--overdue .deadline-icon-wrap{background:#f871711f}.deadline-item--overdue .deadline-icon{color:#f87171}.deadline-item--overdue .deadline-meta{color:#f87171;font-weight:600}.deadline-empty{font-size:13px;color:#7b8e9d;text-align:center;padding:12px 0}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;transition:background .2s}.leaderboard-item:hover{background-color:hsl(207,30%,94% / .5)}.leaderboard-item--you{background-color:hsl(207,52%,40% / .1);border:1px solid hsl(207,52%,40% / .2)}.leaderboard-rank{width:24px;text-align:center;font-size:14px;font-weight:700;flex-shrink:0}.rank-star{width:16px;height:16px;display:inline}.rank-1{color:#f59e0b}.rank-2{color:#9ca3af}.rank-3{color:#92400e}.rank-4,.rank-5{color:#6c8193}.leaderboard-avatar{width:28px;height:28px;border-radius:50%;background-color:#ebf0f4;display:flex;align-items:center;justify-content:center;flex-shrink:0}.leaderboard-avatar-icon{width:14px;height:14px;color:#6c8193}.leaderboard-name-wrap{flex:1;min-width:0}.leaderboard-name{font-size:14px;font-weight:500;color:#1f3547;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.leaderboard-name--you{color:#316b9b}.leaderboard-points{font-size:12px;font-weight:600;color:#6c8193;flex-shrink:0}@keyframes wave-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(1deg)}75%{transform:translateY(4px) rotate(-1deg)}}@keyframes ripple{0%{transform:scale(1);opacity:.4}to{transform:scale(2.5);opacity:0}}.animate-wave-float{animation:wave-float 4s ease-in-out infinite}.animate-ripple{animation:ripple 2s ease-out infinite}.cl-list{display:flex;flex-direction:column;gap:12px}.cl-card{background:#fff;border-radius:12px;border:1px solid hsl(207,25%,88%);transition:all .3s ease;cursor:pointer}.cl-card:hover{box-shadow:0 8px 24px #0000001a;border-color:#316b9b4d}.cl-card-body{padding:16px;display:flex;align-items:center;gap:16px}.cl-thumb{width:80px;height:80px;border-radius:12px;object-fit:cover;flex-shrink:0}.cl-info{flex:1;min-width:0}.cl-tag{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:999px;display:inline-block}.cl-tag--safety{background:#fee2e2;color:#b91c1c}.cl-tag--engine{background:#ffedd5;color:#c2410c}.cl-tag--deck{background:#dbeafe;color:#1d4ed8}.cl-tag--electrical{background:#fef9c3;color:#a16207}.cl-tag--catering{background:#dcfce7;color:#15803d}.cl-tag--navigation{background:#e0e7ff;color:#4338ca}.cl-title{font-size:14px;font-weight:600;color:#1f3547;margin:4px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-next{font-size:12px;color:#6c8193;margin:0 0 8px}.cl-next-name{font-weight:500;color:#1f3547}.cl-progress-track{width:100%;max-width:220px;height:6px;background-color:#ebf0f4;border-radius:999px;overflow:hidden}.cl-progress-fill{height:100%;background:linear-gradient(90deg,#316b9b,#53a1ca);border-radius:999px;transition:width .5s ease}.cl-deadline{margin-top:6px;font-size:.72rem;color:#ffffff73;display:flex;align-items:center;gap:5px}.cl-deadline-soon{color:#fbbf24}.cl-deadline-overdue{color:#f87171}.cl-deadline-tag{font-size:.65rem;font-weight:600;padding:1px 5px;border-radius:4px;background:#ffffff14;letter-spacing:.03em}.cl-deadline-soon .cl-deadline-tag{background:#fbbf242e;color:#fbbf24}.cl-deadline-overdue .cl-deadline-tag{background:#f871712e;color:#f87171}.cl-resume-btn{flex-shrink:0;background:linear-gradient(135deg,#316b9b,#53a1ca);color:#fff;border:none;border-radius:999px;padding:8px 18px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s;white-space:nowrap}.cl-resume-btn:hover{opacity:.9;transform:translateY(-1px)}.fy-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.fy-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.fy-grid{grid-template-columns:repeat(3,1fr)}}.fy-card{background:#fff;border-radius:12px;border:1px solid hsl(207,25%,88%);overflow:hidden;transition:all .3s ease;cursor:pointer}.fy-card:hover{box-shadow:0 8px 24px #0000001a;border-color:#316b9b4d}.fy-img-wrap{height:140px;overflow:hidden;border-radius:12px 12px 0 0}.fy-img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;display:block}.fy-card:hover .fy-img{transform:scale(1.06)}.fy-card-body{padding:14px}.fy-title{font-size:14px;font-weight:600;color:#1f3547;margin:8px 0 4px;line-height:1.35}.fy-lessons{font-size:12px;color:#6c8193;margin:0 0 12px}.fy-instructor{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid hsl(207,25%,88%)}.fy-avatar{width:26px;height:26px;border-radius:50%;background-color:#316b9b26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fy-avatar-icon{width:13px;height:13px;color:#316b9b}.fy-instructor-name{font-size:12px;font-weight:500;color:#1f3547;margin:0}.fy-instructor-label{font-size:10px;color:#6c8193;margin:0}.notif-wrap{position:relative}.topbar-bell-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:#f87171;color:#fff;border-radius:999px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none}.notif-panel{position:absolute;top:calc(100% + 10px);right:0;width:340px;background:#fff;border-radius:14px;box-shadow:0 8px 32px #00000024,0 2px 8px #00000014;overflow:hidden;z-index:9999;border:1px solid rgba(0,0,0,.06)}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid rgba(0,0,0,.06)}.notif-panel-title{font-weight:700;font-size:14px;color:#1e293b}.notif-clear-btn{background:none;border:none;cursor:pointer;font-size:12px;color:#3b82f6;padding:2px 6px;border-radius:6px;transition:background .15s}.notif-clear-btn:hover{background:#eff6ff}.notif-list{max-height:380px;overflow-y:auto}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 16px;color:#94a3b8;font-size:13px;text-align:center}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.04);transition:background .15s;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#f8fafc}.notif-item--unread{background:#eff6ff}.notif-item--unread:hover{background:#dbeafe}.notif-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.notif-dot--course_assigned{background:#22c55e}.notif-dot--pending_reminder{background:#f59e0b}.notif-dot--info{background:#3b82f6}.notif-body{flex:1;min-width:0}.notif-title{font-size:13px;font-weight:600;color:#1e293b;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-msg{font-size:12px;color:#475569;margin:0 0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-time{font-size:11px;color:#94a3b8;margin:0}.notif-delete-btn{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s;flex-shrink:0}.notif-item:hover .notif-delete-btn{opacity:1}.notif-delete-btn:hover{background:#fee2e2;color:#ef4444}@media(min-width:1600px){.dashboard-content{max-width:1600px;margin:0 auto;width:100%}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px}.main-grid{grid-template-columns:2.2fr 1fr;gap:28px}.fy-grid{grid-template-columns:repeat(3,1fr);gap:20px}.welcome-heading{font-size:32px}}@media(min-width:1024px)and (max-width:1279px){.main-grid{grid-template-columns:1fr}.right-column{flex-direction:row;flex-wrap:wrap;gap:16px}.right-column .card{flex:1 1 300px;min-width:280px}.fy-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px)and (max-width:1023px){.sidebar-desktop{display:none!important}.dashboard-main{margin-left:0!important}.dashboard-topbar{left:0!important}.stats-grid,.fy-grid{grid-template-columns:repeat(2,1fr)}.cl-card-body{gap:12px}.notif-panel{width:320px}}@media(min-width:768px)and (max-width:899px){.dashboard-content{padding:82px 18px 18px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:14px}.fy-grid{grid-template-columns:repeat(2,1fr)}.cl-thumb{width:64px;height:64px}.cl-title{font-size:13px}.cl-resume-btn{padding:7px 14px;font-size:11px}.notif-panel{width:300px}.welcome-heading{font-size:22px}}@media(min-width:481px)and (max-width:767px){.dashboard-content{padding:74px 14px 14px;gap:18px}.dashboard-topbar{height:60px;padding:0 12px;gap:10px}.topbar-search-wrap{max-width:none}.topbar-search-input{font-size:13px;padding:7px 14px 7px 36px}.welcome-heading{font-size:20px}.welcome-sub{font-size:13px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:14px}.stat-value{font-size:22px}.stat-icon-wrap{width:36px;height:36px}.stat-icon{width:16px;height:16px}.main-grid{gap:18px}.section-title{font-size:16px}.cl-card-body{flex-wrap:wrap;gap:10px;padding:12px}.cl-thumb{width:56px;height:56px}.cl-info{flex:1 1 auto;min-width:140px}.cl-resume-btn{flex:1 1 100%;text-align:center;order:3;margin-top:6px}.fy-grid{grid-template-columns:repeat(2,1fr);gap:12px}.fy-img-wrap{height:110px}.notif-panel{width:min(92vw,320px);right:-8px}.search-dropdown{max-height:60vh}}@media(max-width:480px){.dashboard-content{padding:70px 12px 12px;gap:16px}.dashboard-topbar{height:58px;padding:0 10px;gap:8px}.topbar-menu-btn{padding:6px}.topbar-search-wrap{max-width:none;flex:1}.topbar-search-icon{left:10px;width:14px;height:14px}.topbar-search-input{font-size:12.5px;padding:6px 30px 6px 32px}.topbar-search-clear{right:6px}.topbar-actions{gap:4px}.topbar-bell-btn{padding:6px}.topbar-bell-icon{width:18px;height:18px}.welcome-heading{font-size:18px}.welcome-sub{font-size:12px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:12px;border-radius:10px}.stat-card-inner{flex-direction:column-reverse;align-items:flex-start;gap:8px}.stat-label{font-size:12px}.stat-value{font-size:20px;margin:2px 0}.stat-change{font-size:10.5px}.stat-icon-wrap{width:32px;height:32px;border-radius:9px}.stat-icon{width:14px;height:14px}.section-header{margin-bottom:12px}.section-title{font-size:15px}.view-all-btn{font-size:12px;padding:3px 6px}.cl-card-body{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.cl-thumb{width:100%;height:120px;border-radius:10px}.cl-info{width:100%}.cl-title{font-size:13.5px;white-space:normal}.cl-next{font-size:11.5px}.cl-progress-track{max-width:100%}.cl-resume-btn{width:100%;text-align:center;padding:9px 16px}.fy-grid{grid-template-columns:1fr;gap:12px}.fy-img-wrap{height:150px}.fy-title{font-size:13.5px}.card-header{padding:12px 12px 10px}.card-body{padding:12px}.card-title{font-size:14px}.activity-list{max-height:260px}.activity-icon-wrap{width:24px;height:24px}.activity-icon{width:12px;height:12px}.activity-text{font-size:13px}.deadline-icon-wrap{width:34px;height:34px}.deadline-title{font-size:13px}.notif-panel{position:fixed;top:58px;left:8px;right:8px;width:auto;max-height:75vh}.notif-list{max-height:calc(75vh - 50px)}.search-dropdown{position:fixed;top:58px;left:8px;right:8px;max-height:70vh}.search-result-icon{width:26px;height:26px}.sidebar-mobile-panel{width:84vw;max-width:260px}}@media(max-width:340px){.stats-grid{grid-template-columns:1fr}.topbar-search-input{font-size:12px;padding:6px 26px 6px 28px}.welcome-heading{font-size:16px}.cl-thumb{height:100px}}@media(max-height:480px)and (orientation:landscape){.dashboard-topbar{height:52px}.dashboard-content{padding-top:62px}.notif-panel,.search-dropdown{max-height:60vh;overflow-y:auto}.sidebar-mobile-panel{overflow-y:auto}}@media(hover:none)and (pointer:coarse){.topbar-menu-btn,.topbar-bell-btn,.topbar-search-clear,.view-all-btn,.notif-delete-btn,.notif-clear-btn{min-width:36px;min-height:36px}.cl-resume-btn{min-height:40px}}@media(prefers-reduced-motion:reduce){.animate-wave-float,.animate-ripple{animation:none!important}.fy-card:hover .fy-img{transform:none}}@supports (padding: max(0px)){.dashboard-topbar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.dashboard-content{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom))}@media(max-width:480px){.dashboard-topbar{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.dashboard-content{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}:root{--lp-bg: hsl(210, 30%, 98%);--lp-fg: hsl(207, 40%, 20%);--lp-card: hsl(0, 0%, 100%);--lp-primary: hsl(207, 52%, 40%);--lp-primary-fg: hsl(0, 0%, 100%);--lp-secondary: hsl(201, 53%, 56%);--lp-muted: hsl(207, 30%, 94%);--lp-muted-fg: hsl(207, 15%, 50%);--lp-border: hsl(207, 25%, 88%);--lp-destructive: hsl(0, 84.2%, 60.2%);--lp-emerald: #10b981;--lp-emerald-6: #059669;--lp-emerald-7: #047857;--lp-amber: #f59e0b;--lp-amber-6: #d97706;--lp-nav-start: hsl(207, 52%, 40%);--lp-nav-end: hsl(201, 53%, 56%);--lp-radius: .75rem;--lp-font-head: "Plus Jakarta Sans", sans-serif;--lp-font-body: "Inter", sans-serif}.lp-nav-gradient{background:linear-gradient(135deg,var(--lp-nav-start),var(--lp-nav-end))}.lp-primary{color:var(--lp-primary)}.lp-emerald{color:var(--lp-emerald)}.lp-amber{color:var(--lp-amber)}.lp-muted{color:var(--lp-muted-fg)}.lp-destructive{color:var(--lp-destructive)}.lp-fg{color:var(--lp-fg)}.lp-fw-bold{font-weight:700}.lp-fw-semibold{font-weight:600}.lp-fw-medium{font-weight:500}.lp-ml-auto{margin-left:auto}.lp-ml1{margin-left:.25rem}.lp-mt3{margin-top:.75rem}.lp-mt05{margin-top:.125rem}.lp-mt6{margin-top:1.5rem}.lp-shrink0{flex-shrink:0}.lp-icon--sm{display:inline-flex;align-items:center;line-height:1}.lp-progress{width:100%;background-color:var(--lp-muted);border-radius:9999px;overflow:hidden;flex-shrink:0}.lp-progress__fill{height:100%;background-color:var(--lp-primary);border-radius:9999px;transition:width .3s ease}.lp-progress--xs{height:.375rem}.lp-progress--sm{height:.5rem}.lp-progress--mobile{width:6rem;height:.375rem}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;font-family:var(--lp-font-body);font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:var(--lp-radius);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background-color .15s,opacity .15s,border-color .15s;line-height:1.25}.lp-btn--default{background-color:var(--lp-primary);color:var(--lp-primary-fg)}.lp-btn--default:hover{background-color:#27567c}.lp-btn--secondary{background-color:var(--lp-muted);color:var(--lp-fg);border-color:var(--lp-border)}.lp-btn--secondary:hover{background-color:var(--lp-border)}.lp-btn--outline{background-color:transparent;color:var(--lp-fg);border-color:var(--lp-border)}.lp-btn--outline:hover{background-color:var(--lp-muted)}.lp-btn--pill{border-radius:9999px}.lp-btn--gap{gap:.5rem}.lp-btn--h7{height:1.75rem;padding-top:0;padding-bottom:0;font-size:.75rem}.lp-btn--px8{padding-left:2rem;padding-right:2rem}.lp-btn--emerald{background-color:var(--lp-emerald-6);color:#fff;border:none}.lp-btn--emerald:hover{background-color:var(--lp-emerald-7)}.lp-btn--sm{padding:.25rem .75rem;font-size:.75rem}.lp-btn--lg{padding:.75rem 1.5rem;font-size:1rem}.lp-btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.lp-root{min-height:100vh;background-color:var(--lp-bg);display:flex;flex-direction:column;font-family:var(--lp-font-body);color:var(--lp-fg)}.lp-layout{flex:1;display:flex;overflow:hidden;padding-top:5rem}@media(min-width:1024px){.lp-layout{padding-top:5rem}}.lp-sidebar{width:18rem;min-width:18rem;border-right:1px solid var(--lp-border);background-color:var(--lp-card);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}@media(min-width:1024px){.lp-sidebar{width:20rem;min-width:20rem}}@media(max-width:767px){.lp-sidebar{display:none}}.lp-sidebar__header{padding:1rem;border-bottom:1px solid var(--lp-border);flex-shrink:0}.lp-sidebar__titlerow{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.25rem}.lp-sidebar__icon{font-size:1.25rem;line-height:1.4;flex-shrink:0}.lp-sidebar__title{font-family:var(--lp-font-head);font-size:.875rem;font-weight:700;color:var(--lp-fg);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lp-sidebar__meta{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.lp-sidebar__metaitem{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--lp-muted-fg)}.lp-sidebar__scroll{flex:1;overflow-y:auto}.lp-sidebar__list{padding:.5rem}.lp-chapter{margin-bottom:.25rem}.lp-chapter__btn{width:100%;display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;border-radius:var(--lp-radius);text-align:left;font-size:.875rem;background:none;border:none;cursor:pointer;transition:background-color .15s}.lp-chapter__btn:hover{background-color:#ebf0f480}.lp-chapter__btn--locked{opacity:.5;cursor:not-allowed}.lp-chapter__label{font-family:var(--lp-font-head);font-weight:600;font-size:.75rem;flex:1;color:var(--lp-fg)}.lp-badge--done{font-size:.625rem;font-weight:700;color:var(--lp-emerald);background-color:#10b9811a;padding:.125rem .375rem;border-radius:.25rem;flex-shrink:0}.lp-badge--unlocked{font-size:.625rem;font-weight:700;color:var(--lp-amber);background-color:#f59e0b1a;padding:.125rem .375rem;border-radius:.25rem;flex-shrink:0}.lp-lessons{margin-left:.75rem;border-left:2px solid var(--lp-border);padding-left:.5rem;display:flex;flex-direction:column;gap:.125rem;margin-bottom:.5rem}.lp-lesson__btn{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:calc(var(--lp-radius) * .75);text-align:left;font-size:.75rem;color:var(--lp-fg);background:none;border:1px solid transparent;cursor:pointer;transition:background-color .15s}.lp-lesson__btn:hover{background-color:#ebf0f480}.lp-lesson__btn--active{background-color:#29628b1a!important;border-color:#29628b33!important;color:var(--lp-primary);font-weight:600}.lp-lesson__btn--done{color:var(--lp-emerald-6)}.lp-lesson__btn--done:hover{background-color:#10b9810d}.lp-lesson__info{flex:1;min-width:0}.lp-lesson__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.lp-lesson__dur{font-size:.625rem;color:var(--lp-muted-fg);margin:0}.lp-lesson__pct{font-size:.625rem;font-weight:700;color:var(--lp-primary);flex-shrink:0}.lp-playing{width:1rem;height:1rem;border-radius:50%;border:2px solid var(--lp-primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.lp-playing__dot{width:.375rem;height:.375rem;background-color:var(--lp-primary);border-radius:50%;animation:lp-pulse 1.5s ease-in-out infinite}@keyframes lp-pulse{0%,to{opacity:1}50%{opacity:.3}}.lp-sidebar__sep{margin-top:.5rem;border-top:1px solid var(--lp-border);padding-top:.5rem}.lp-sidebar__sep--mt1{margin-top:.25rem}.lp-action__btn{width:100%;display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;border-radius:var(--lp-radius);text-align:left;font-size:.875rem;background:none;border:none;transition:background-color .15s}.lp-action__btn--quiz{color:var(--lp-primary);font-weight:600;cursor:pointer}.lp-action__btn--quiz:hover{background-color:#29628b1a}.lp-action__btn--cert{color:var(--lp-amber-6);font-weight:600;cursor:pointer}.lp-action__btn--cert:hover{background-color:#f59e0b1a}.lp-action__btn--locked{opacity:.5;cursor:not-allowed;color:var(--lp-muted-fg)}.lp-action__label{font-size:.75rem;font-weight:600}.lp-main{flex:1;min-width:0;overflow-y:auto}.lp-notfound{min-height:100vh;background-color:var(--lp-bg);display:flex;align-items:center;justify-content:center}.lp-notfound__card{background-color:var(--lp-card);border:1px solid var(--lp-border);border-radius:var(--lp-radius);padding:2rem;text-align:center;box-shadow:0 2px 8px #00000014}.lp-notfound__title{font-family:var(--lp-font-head);font-size:1.25rem;font-weight:700;color:var(--lp-fg);margin-bottom:.5rem}.lp-notfound__desc{color:var(--lp-muted-fg);margin-bottom:1rem}.lp-learning{height:100%;display:flex;flex-direction:column}.lp-video{position:relative;aspect-ratio:16 / 9;max-height:55vh;background-color:#000;flex-shrink:0;padding-top:1rem}.lp-video__iframe{width:100%;height:100%;border:none;display:block}.lp-video__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.lp-video__ph-inner{text-align:center;padding:0 1rem}.lp-video__icon{font-size:3rem;margin-bottom:.75rem;line-height:1}.lp-video__title{font-family:var(--lp-font-head);font-size:1.25rem;font-weight:700;color:var(--lp-primary-fg)}@media(min-width:1024px){.lp-video__title{font-size:1.5rem}}.lp-controls{padding:.75rem 1rem;border-bottom:1px solid var(--lp-border);background-color:var(--lp-card);flex-shrink:0}@media(min-width:1024px){.lp-controls{padding:.75rem 1.5rem}}.lp-controls__row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.lp-controls__label{font-size:.75rem;font-weight:500;color:var(--lp-muted-fg)}.lp-controls__right{display:flex;align-items:center;gap:.75rem}.lp-controls__complete{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:var(--lp-emerald-6)}.lp-controls__pct{font-size:.75rem;font-weight:700;color:var(--lp-fg)}.lp-controls__hint{font-size:.625rem;color:var(--lp-muted-fg);margin-top:.25rem}.lp-topics{padding:1rem;flex:1}@media(min-width:1024px){.lp-topics{padding:1.5rem}}.lp-topics__heading{font-family:var(--lp-font-head);font-size:.875rem;font-weight:700;color:var(--lp-fg);margin-bottom:.75rem}.lp-topics__list{display:flex;flex-direction:column;gap:.5rem}.lp-topics__item{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem}.lp-welcome{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.lp-welcome__inner{text-align:center;max-width:32rem}.lp-welcome__icon{font-size:3.75rem;margin-bottom:1rem;line-height:1}.lp-welcome__title{font-family:var(--lp-font-head);font-size:1.5rem;font-weight:700;color:var(--lp-fg);margin-bottom:.5rem}.lp-welcome__desc{color:var(--lp-muted-fg);margin-bottom:1.5rem;line-height:1.6}.lp-welcome__meta{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;font-size:.875rem;color:var(--lp-muted-fg);margin-bottom:1.5rem}.lp-mobilebar{display:none}@media(max-width:767px){.lp-mobilebar{display:block;position:fixed;bottom:1rem;left:1rem;right:1rem;z-index:20}}.lp-mobilebar__card{background-color:var(--lp-card);border:1px solid rgba(41,98,139,.2);border-radius:var(--lp-radius);padding:.75rem;box-shadow:0 4px 12px #0000001f}.lp-mobilebar__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.lp-mobilebar__text{font-size:.75rem;white-space:nowrap}.lp-quiz{max-width:48rem;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:1024px){.lp-quiz{padding:2rem}}.lp-quiz__top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.lp-quiz__heading{font-family:var(--lp-font-head);font-size:1.25rem;font-weight:700;color:var(--lp-fg);display:flex;align-items:center;gap:.5rem;margin:0}.lp-quiz__count{font-size:.875rem;color:var(--lp-muted-fg);font-weight:500}.lp-qcard{background-color:var(--lp-card);border:1px solid rgba(41,98,139,.2);border-radius:var(--lp-radius);box-shadow:0 1px 4px #0000000f}.lp-qcard__body{padding:1.5rem}.lp-qcard__header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.lp-qcard__num{width:2rem;height:2rem;border-radius:50%;background-color:var(--lp-primary);color:var(--lp-primary-fg);display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0}.lp-qcard__of{font-size:.75rem;color:var(--lp-muted-fg);font-weight:500}.lp-qcard__question{font-size:1rem;font-weight:600;color:var(--lp-fg);margin-bottom:1.25rem;line-height:1.5}.lp-options{display:flex;flex-direction:column;gap:.5rem}.lp-option{width:100%;text-align:left;padding:.75rem 1rem;border-radius:var(--lp-radius);border:1px solid var(--lp-border);font-size:.875rem;font-weight:500;color:var(--lp-fg);background-color:var(--lp-card);cursor:pointer;display:flex;align-items:flex-start;gap:.5rem;transition:background-color .2s,border-color .2s;line-height:1.4}.lp-option:hover{background-color:#ebf0f480}.lp-option--selected{background-color:#29628b1a;border-color:var(--lp-primary);outline:2px solid rgba(41,98,139,.3);outline-offset:-2px}.lp-option__letter{font-weight:700;color:var(--lp-muted-fg);flex-shrink:0}.lp-quiz__nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.lp-quiz__dots{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:center}.lp-quiz__dot{width:2rem;height:2rem;border-radius:50%;font-size:.75rem;font-weight:700;background-color:var(--lp-muted);color:var(--lp-muted-fg);cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s,transform .15s}.lp-quiz__dot--active{background-color:var(--lp-primary);color:var(--lp-primary-fg);transform:scale(1.1)}.lp-quiz__dot--answered{background-color:var(--lp-emerald);color:#fff}.lp-result{max-width:40rem;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:1024px){.lp-result{padding:2rem}}.lp-result__card{background-color:var(--lp-card);border-radius:var(--lp-radius);overflow:hidden;border:1px solid;box-shadow:0 1px 4px #0000000f}.lp-result__card--pass{border-color:#10b9814d}.lp-result__card--fail{border-color:#ef44444d}.lp-result__hero{padding:2rem;text-align:center}.lp-result__hero--pass{background:linear-gradient(135deg,#10b9811a,#0596690d)}.lp-result__hero--fail{background:linear-gradient(135deg,#ef44441a,#dc26260d)}.lp-result__emoji{font-size:3.75rem;margin-bottom:1rem;line-height:1}.lp-result__heading{font-family:var(--lp-font-head);font-size:1.5rem;font-weight:700;color:var(--lp-fg);margin:0}.lp-result__sub{color:var(--lp-muted-fg);margin-top:.5rem;line-height:1.5}.lp-result__body{padding:1.5rem}.lp-result__stats{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.lp-result__stat{text-align:center}.lp-result__statval{font-family:var(--lp-font-head);font-size:1.875rem;font-weight:700;color:var(--lp-fg);margin:0}.lp-result__statlbl{font-size:.75rem;color:var(--lp-muted-fg);margin:0}.lp-result__divider{width:1px;height:3rem;background-color:var(--lp-border);flex-shrink:0}.lp-cert{display:flex;flex-direction:column;gap:1rem}.lp-cert__card{border:2px dashed rgba(41,98,139,.3);background-color:#29628b0d;border-radius:var(--lp-radius)}.lp-cert__body{padding:1.5rem;text-align:center}.lp-cert__trophy{display:block;margin:0 auto .75rem}.lp-cert__title{font-family:var(--lp-font-head);font-size:1.125rem;font-weight:700;color:var(--lp-fg);margin:0 0 .25rem}.lp-cert__course{font-size:.875rem;color:var(--lp-muted-fg);margin:0 0 .25rem}.lp-cert__awardee{font-size:.75rem;color:var(--lp-muted-fg);margin:0 0 .125rem}.lp-cert__date{font-size:.75rem;color:var(--lp-muted-fg);margin:0}.lp-cert__id{font-family:monospace;font-size:.625rem;color:var(--lp-muted-fg);margin-top:.5rem}.lp-cert__actions,.lp-result__failactions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.lp-review{background-color:var(--lp-card);border:1px solid var(--lp-border);border-radius:var(--lp-radius);overflow:hidden;box-shadow:0 1px 4px #0000000f}.lp-review__header{padding:1.5rem 1.5rem 0}.lp-review__title{font-family:var(--lp-font-head);font-size:.9375rem;font-weight:700;color:var(--lp-fg);margin:0}.lp-review__list{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem 1.5rem}.lp-review__item{padding:.75rem;border-radius:var(--lp-radius);border:1px solid;font-size:.875rem}.lp-review__item--pass{background-color:#10b9810d;border-color:#10b98133}.lp-review__item--fail{background-color:#ef44440d;border-color:#ef444433}.lp-review__row{display:flex;align-items:flex-start;gap:.5rem}.lp-review__q{font-weight:500;color:var(--lp-fg);margin:0 0 .25rem;line-height:1.4}.lp-review__ans{font-size:.75rem;color:var(--lp-muted-fg);margin:0;line-height:1.5}:root{--background: hsl(210, 30%, 98%);--foreground: hsl(207, 40%, 20%);--card: hsl(0, 0%, 100%);--card-foreground: hsl(207, 40%, 20%);--primary: hsl(207, 52%, 40%);--primary-foreground: hsl(0, 0%, 100%);--secondary: hsl(201, 53%, 56%);--secondary-foreground: hsl(0, 0%, 100%);--muted: hsl(207, 30%, 94%);--muted-foreground: hsl(207, 15%, 50%);--accent: hsl(201, 53%, 50%);--border: hsl(207, 25%, 88%);--destructive: hsl(0, 84.2%, 60.2%);--destructive-foreground: hsl(210, 40%, 98%);--radius: .75rem;--nav-gradient-start: hsl(207, 52%, 40%);--nav-gradient-end: hsl(201, 53%, 56%);--footer-bg: hsl(207, 72%, 24%);--emerald: hsl(152, 69%, 43%);--emerald-light: hsl(152, 60%, 92%);--emerald-border: hsl(152, 50%, 80%)}.nav-gradient{background:linear-gradient(135deg,var(--nav-gradient-start),var(--nav-gradient-end))}.page-wrapper{min-height:100vh;background-color:var(--background);display:flex}.sidebar{display:none;flex-direction:column;border-right:1px solid var(--border);background-color:var(--card);transition:width .3s ease;overflow:hidden}@media(min-width:1024px){.sidebar{display:flex}}.sidebar--open{width:240px}.sidebar--collapsed{width:72px}.sidebar-inner{display:flex;flex-direction:column;height:100%}.sidebar-logo{padding:1rem;border-bottom:1px solid hsl(207 25% 88% / .5)}.sidebar-logo-link{display:flex;align-items:center;gap:.5rem;text-decoration:none}.sidebar-logo-icon{width:1.75rem;height:1.75rem;color:var(--primary);flex-shrink:0}.sidebar-logo-text{display:flex;flex-direction:column;line-height:1}.sidebar-brand{font-size:1rem;font-weight:800;color:var(--foreground);letter-spacing:-.025em}.sidebar-sub{font-size:.5625rem;color:var(--muted-foreground);letter-spacing:.15em;text-transform:uppercase}.sidebar-nav{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;color:var(--muted-foreground);transition:background .2s,color .2s;white-space:nowrap}.sidebar-nav-item:hover{color:var(--foreground);background-color:var(--muted)}.sidebar-nav-item--active{background-color:var(--primary);color:var(--primary-foreground);box-shadow:0 4px 6px -1px #316b9b4d}.sidebar-nav-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.sidebar-footer{padding:.75rem;border-top:1px solid hsl(207 25% 88% / .5)}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem}.sidebar-avatar{width:2.25rem;height:2.25rem;border-radius:50%;background-color:#316b9b33;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-avatar-icon{width:1.25rem;height:1.25rem;color:var(--primary)}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:.875rem;font-weight:600;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.75rem;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout{background:none;border:none;cursor:pointer;color:var(--muted-foreground);transition:color .2s;padding:0}.sidebar-logout:hover{color:var(--destructive)}.sidebar-logout-icon{width:1rem;height:1rem}.mobile-overlay{position:fixed;inset:0;z-index:50}@media(min-width:1024px){.mobile-overlay{display:none}}.mobile-overlay-backdrop{position:absolute;inset:0;background-color:#1f35474d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-sidebar{position:relative;width:240px;height:100%;background-color:var(--card);box-shadow:0 20px 60px #1f35474d}.main-content{flex:1;min-width:0;display:flex;flex-direction:column}.top-header{position:sticky;top:0;z-index:30;height:4rem;display:flex;align-items:center;gap:1rem;padding:0 1rem;box-shadow:0 4px 6px -1px #316b9b33}@media(min-width:1024px){.top-header{padding:0 1.5rem}}.header-menu-btn{padding:.5rem;border-radius:.5rem;background:none;border:none;cursor:pointer;color:var(--primary-foreground);transition:background .2s}.header-menu-btn:hover{background-color:#ffffff1a}.header-icon{width:1.25rem;height:1.25rem}.header-search-wrap{flex:1;max-width:28rem}.header-search{position:relative}.header-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#ffffff80}.header-search-input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border-radius:.5rem;background-color:#ffffff1a;color:var(--primary-foreground);font-size:.875rem;border:none;outline:none;box-sizing:border-box}.header-search-input::placeholder{color:#fff6}.header-search-input:focus{box-shadow:0 0 0 2px #ffffff4d}.header-bell-btn{position:relative;padding:.5rem;border-radius:.5rem;background:none;border:none;cursor:pointer;color:var(--primary-foreground);transition:background .2s}.header-bell-btn:hover{background-color:#ffffff1a}.header-bell-dot{position:absolute;top:.375rem;right:.375rem;width:.5rem;height:.5rem;background-color:#e46767;border-radius:50%}.content-area{flex:1;padding:1rem;overflow-y:auto}@media(min-width:1024px){.content-area{padding:1.5rem}}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--muted-foreground);margin-bottom:1.5rem;flex-wrap:wrap}.breadcrumb-link{color:var(--muted-foreground);text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:var(--primary)}.breadcrumb-chevron{width:.75rem;height:.75rem}.breadcrumb-current{color:var(--foreground);font-weight:500}.breadcrumb-active{color:var(--primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.not-found-wrapper{min-height:100vh;background-color:var(--background);display:flex;align-items:center;justify-content:center}.not-found-card{padding:2rem;text-align:center}.not-found-title{font-size:1.25rem;font-weight:700;color:var(--foreground);margin:0 0 .5rem}.not-found-text{color:var(--muted-foreground);margin:0 0 1rem}.card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px 3px #1f35470f}.card-content{padding:1.25rem}.card-header{padding:1.25rem 1.25rem 0}.card-title{font-size:1rem;font-weight:700;color:var(--foreground);margin:0}.card-title-flex{display:flex;align-items:center;gap:.5rem;font-size:1.125rem}.card-title-icon{width:1.25rem;height:1.25rem;color:var(--primary)}.progress-track{width:100%;background-color:var(--muted);border-radius:9999px;overflow:hidden;height:.5rem}.progress-fill{height:100%;background-color:var(--primary);border-radius:9999px;transition:width .3s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;cursor:pointer;border:none;transition:background .2s,opacity .2s,box-shadow .2s;border-radius:9999px;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--primary);color:var(--primary-foreground)}.btn--primary:hover:not(:disabled){background-color:#2a5b84}.btn--outline{background-color:transparent;border:1px solid var(--border);color:var(--foreground)}.btn--outline:hover:not(:disabled){background-color:var(--muted)}.btn--ghost{background-color:transparent;color:var(--foreground)}.btn--ghost:hover:not(:disabled){background-color:var(--muted)}.btn--sm{font-size:.8125rem;padding:.375rem .875rem}.btn--md{font-size:.875rem;padding:.5rem 1.25rem}.btn--lg{font-size:1rem;padding:.75rem 2rem}.section-gap{display:flex;flex-direction:column;gap:1.5rem}.overflow-hidden{overflow:hidden}.course-hero{padding:1.5rem}@media(min-width:1024px){.course-hero{padding:2rem}}.course-hero-inner{display:flex;align-items:flex-start;gap:1rem}.course-icon{font-size:2.5rem}.course-hero-body{flex:1}.course-hero-title{font-size:1.5rem;font-weight:700;color:var(--primary-foreground);margin:0}@media(min-width:1024px){.course-hero-title{font-size:1.875rem}}.course-hero-desc{color:#fffc;margin:.5rem 0 0;max-width:42rem}.course-meta{display:flex;align-items:center;gap:1rem;margin-top:1rem;color:#ffffffb3;font-size:.875rem;flex-wrap:wrap}.course-meta-item{display:flex;align-items:center;gap:.25rem}.meta-icon{width:1rem;height:1rem}.flow-list{display:flex;flex-direction:column;gap:.75rem}.flow-step{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;border:1px solid transparent}.flow-step--done{background-color:#22b9731a;border-color:#22b97333}.flow-step--pending{background-color:#ebf0f44d;border-color:#d9e1e880}.flow-step--quiz-unlocked{background-color:#316b9b1a;border-color:#316b9b33}.flow-step--locked{background-color:#ebf0f433;border-color:#d9e1e84d;opacity:.6}.flow-step-num{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0}.flow-step-num--done{background-color:var(--emerald);color:#fff}.flow-step-num--pending{background-color:var(--muted);color:var(--muted-foreground)}.flow-step-num--primary{background-color:var(--primary);color:var(--primary-foreground)}.flow-step-body{flex:1;min-width:0}.flow-step-title{font-size:.875rem;font-weight:600;color:var(--foreground);margin:0}.flow-step-sub{font-size:.75rem;color:var(--muted-foreground);margin:0}.flow-progress{height:.25rem;margin-top:.25rem;max-width:200px}.flow-step-check{width:1.25rem;height:1.25rem;flex-shrink:0;margin-left:auto}.flow-step-check--done{color:var(--emerald)}.flow-step-check--pending{color:var(--muted-foreground)}.section-heading{font-size:1.125rem;font-weight:700;color:var(--foreground);margin:0 0 1rem}.lesson-list{display:flex;flex-direction:column;gap:.75rem}.lesson-card{transition:box-shadow .3s,border-color .3s}.lesson-card--active{cursor:pointer}.lesson-card--active:hover{box-shadow:0 10px 30px #316b9b26;border-color:#316b9b4d}.lesson-card--locked{opacity:.5}.lesson-card--done{border-color:#22b9734d;background-color:#22b9730d}.lesson-card-body{padding:1.25rem}.lesson-card-inner{display:flex;align-items:flex-start;gap:1rem}.lesson-icon-box{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lesson-icon-box--done{background-color:#22b97333}.lesson-icon-box--active{background-color:#316b9b1a}.lesson-icon-box--locked{background-color:var(--muted)}.lesson-icon{width:1.5rem;height:1.5rem}.lesson-icon--done{color:var(--emerald)}.lesson-icon--active{color:var(--primary)}.lesson-icon--locked{color:var(--muted-foreground)}.lesson-body{flex:1;min-width:0}.lesson-meta-row{display:flex;align-items:center;gap:.5rem}.lesson-label{font-size:.75rem;font-weight:700;color:var(--muted-foreground);letter-spacing:.05em}.lesson-duration{font-size:.75rem;color:var(--muted-foreground);display:flex;align-items:center;gap:.25rem}.lesson-duration-icon{width:.75rem;height:.75rem}.lesson-title{font-size:1rem;font-weight:600;color:var(--foreground);margin:.25rem 0 0}.lesson-topics{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.25rem}.lesson-topic{font-size:.75rem;color:var(--muted-foreground);display:flex;align-items:flex-start;gap:.375rem}.lesson-bullet{color:var(--primary);margin-top:.125rem}.lesson-progress{height:.375rem;margin-top:.75rem}.lesson-start-btn{flex-shrink:0}.quiz-unlock-card{transition:border-color .3s,box-shadow .3s}.quiz-unlock-card--ready{border-color:#316b9b4d;box-shadow:0 4px 20px #316b9b1a}.quiz-unlock-card--locked{opacity:.6}.quiz-unlock-body{padding:1.5rem;text-align:center}.quiz-unlock-emoji{font-size:1.875rem;margin-bottom:.5rem}.quiz-unlock-title{font-size:1.125rem;font-weight:700;color:var(--foreground);margin:0}.quiz-unlock-sub{font-size:.875rem;color:var(--muted-foreground);margin:.25rem 0 1rem}.quiz-unlock-btn{margin-top:0}.back-btn{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;padding:.5rem .75rem;border-radius:.5rem;background:none;border:none;cursor:pointer;color:var(--foreground);font-weight:500;transition:background .2s}.back-btn:hover{background-color:var(--muted)}.back-icon{width:1rem;height:1rem}.video-player{position:relative;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.video-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.4))}.video-center{position:relative;z-index:10;text-align:center;padding:1rem}.video-icon{font-size:3rem;margin-bottom:1rem}.video-title{font-size:1.25rem;font-weight:700;color:var(--primary-foreground);margin:0}.video-sub{color:#ffffffb3;font-size:.875rem;margin:.25rem 0 0}.video-play-btn{margin-top:1.5rem;background-color:#fff3;color:var(--primary-foreground);border:1px solid hsl(0 0% 100% / .2);padding:.75rem 2rem;display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.video-play-btn:hover{background-color:#ffffff4d}.video-play-icon{width:1.25rem;height:1.25rem}.video-playing-row{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.75rem}.video-live-dot{width:.75rem;height:.75rem;border-radius:50%;background-color:#e46767;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.video-playing-text{color:#fffc;font-size:.875rem;font-weight:500}.video-pause-btn{background:none;border:none;cursor:pointer;color:#fff9;font-size:.8125rem;font-weight:500;padding:.25rem .5rem;border-radius:.375rem;transition:color .2s}.video-pause-btn:hover{color:var(--primary-foreground)}.video-complete-row{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.5rem;color:#93ecc2}.video-complete-icon{width:1.25rem;height:1.25rem}.video-complete-text{font-weight:600}.video-footer{padding:1rem}.video-progress-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.video-progress-label{font-size:.75rem;font-weight:500;color:var(--muted-foreground)}.video-progress-pct{font-size:.75rem;font-weight:700;color:var(--foreground)}.video-progress-bar{height:.5rem}.video-progress-note{font-size:.75rem;color:var(--muted-foreground);margin:.5rem 0 0}.topics-list{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.topic-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem}.topic-bullet{color:var(--primary);font-weight:700;margin-top:.125rem}.lesson-nav-row{display:flex;justify-content:flex-end;gap:.75rem}.btn-icon-right{width:1rem;height:1rem}.quiz-wrapper{max-width:48rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.quiz-top-row{display:flex;align-items:center;justify-content:space-between}.quiz-heading{font-size:1.25rem;font-weight:700;color:var(--foreground);display:flex;align-items:center;gap:.5rem;margin:0}.quiz-heading-icon{width:1.25rem;height:1.25rem;color:var(--primary)}.quiz-answered-count{font-size:.875rem;color:var(--muted-foreground);font-weight:500}.quiz-progress-bar{height:.5rem}.quiz-question-card{border-color:#316b9b33}.quiz-question-body{padding:1.5rem}.quiz-q-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.quiz-q-num{width:2rem;height:2rem;border-radius:50%;background-color:var(--primary);color:var(--primary-foreground);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700}.quiz-q-label{font-size:.75rem;color:var(--muted-foreground);font-weight:500}.quiz-q-text{font-size:1rem;font-weight:600;color:var(--foreground);margin:0 0 1.25rem}.quiz-options{display:flex;flex-direction:column;gap:.5rem}.quiz-option{width:100%;text-align:left;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border);background-color:var(--card);font-size:.875rem;font-weight:500;color:var(--foreground);cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}.quiz-option:hover{background-color:#ebf0f480}.quiz-option--selected{background-color:#316b9b1a;border-color:var(--primary);box-shadow:0 0 0 2px #316b9b4d}.quiz-option-letter{font-weight:700;color:var(--muted-foreground);margin-right:.5rem}.quiz-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.quiz-nav-prev{display:inline-flex;align-items:center;gap:.5rem}.quiz-nav-next{display:inline-flex;align-items:center;gap:.25rem}.quiz-nav-icon,.quiz-nav-icon-r{width:1rem;height:1rem}.quiz-dots{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:center}.quiz-dot{width:2rem;height:2rem;border-radius:50%;font-size:.75rem;font-weight:700;border:none;cursor:pointer;transition:background .2s,transform .15s}.quiz-dot--current{background-color:var(--primary);color:var(--primary-foreground);transform:scale(1.1)}.quiz-dot--answered{background-color:var(--emerald);color:#fff}.quiz-dot--empty{background-color:var(--muted);color:var(--muted-foreground)}.quiz-submit-btn{background-color:#248f5d;color:#fff;border-radius:9999px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:background .2s}.quiz-submit-btn:hover:not(:disabled){background-color:#1d724a}.quiz-submit-btn:disabled{opacity:.5;cursor:not-allowed}.result-wrapper{max-width:40rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.result-card{overflow:hidden}.result-card--pass{border-color:#22b9734d}.result-card--fail{border-color:#ef43434d}.result-hero{padding:2rem;text-align:center}.result-hero--pass{background:linear-gradient(135deg,#22b9731a,#22b9730d)}.result-hero--fail{background:linear-gradient(135deg,#ef43431a,#ef43430d)}.result-emoji{font-size:3.75rem;margin-bottom:1rem}.result-title{font-size:1.5rem;font-weight:700;color:var(--foreground);margin:0}.result-sub{color:var(--muted-foreground);margin:.5rem 0 0}.result-body{padding:1.5rem}.result-stats{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:1.5rem}.result-stat{text-align:center}.result-stat-val{font-size:1.875rem;font-weight:700;color:var(--foreground);margin:0}.result-stat-val--pass{color:#248f5d}.result-stat-val--fail{color:var(--destructive)}.result-stat-label{font-size:.75rem;color:var(--muted-foreground);margin:0}.result-divider{width:1px;height:3rem;background-color:var(--border)}.cert-section{display:flex;flex-direction:column;gap:1rem}.cert-preview-card{border:2px dashed hsl(207 52% 40% / .3);background-color:#316b9b0d}.cert-preview-body{padding:1.5rem;text-align:center}.cert-trophy-icon{width:2.5rem;height:2.5rem;color:var(--primary);margin:0 auto .75rem;display:block}.cert-title{font-size:1.125rem;font-weight:700;color:var(--foreground);margin:0}.cert-course{font-size:.875rem;color:var(--muted-foreground);margin:.25rem 0 0}.cert-awarded{font-size:.75rem;color:var(--muted-foreground);margin:.25rem 0 0}.cert-name{font-weight:600;color:var(--foreground)}.cert-date{font-size:.75rem;color:var(--muted-foreground);margin:0}.cert-id{font-size:.625rem;font-family:monospace;color:var(--muted-foreground);margin:.5rem 0 0}.cert-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.cert-btn-download{background-color:var(--primary);color:var(--primary-foreground);border-radius:9999px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:background .2s}.cert-btn-download:hover{background-color:#2a5b84}.cert-btn-view{background:transparent;border:1px solid var(--border);color:var(--foreground);border-radius:9999px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:background .2s}.cert-btn-view:hover{background-color:var(--muted)}.cert-btn-icon{width:1rem;height:1rem}.result-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.result-btn-retry{background-color:var(--primary);color:var(--primary-foreground);border-radius:9999px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:background .2s}.result-btn-retry:hover{background-color:#2a5b84}.result-btn-review{background:transparent;border:1px solid var(--border);color:var(--foreground);border-radius:9999px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.result-btn-review:hover{background-color:var(--muted)}.result-btn-icon{width:1rem;height:1rem}.review-list{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.review-item{padding:.75rem;border-radius:.5rem;border:1px solid transparent;font-size:.875rem}.review-item--correct{background-color:#22b9730d;border-color:#22b97333}.review-item--wrong{background-color:#ef43430d;border-color:#ef434333}.review-item-inner{display:flex;align-items:flex-start;gap:.5rem}.review-icon{width:1rem;height:1rem;margin-top:.125rem;flex-shrink:0}.review-icon--correct{color:var(--emerald)}.review-icon--wrong{color:var(--destructive)}.review-question{font-weight:500;color:var(--foreground);margin:0}.review-answer{font-size:.75rem;color:var(--muted-foreground);margin:.25rem 0 0}.review-answer--correct{color:#248f5d;font-weight:500}.review-answer--wrong{color:var(--destructive);font-weight:500}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.login-page{min-height:100vh;width:100%;background-color:var(--background);display:flex;align-items:center;justify-content:center;padding:0 1rem;font-family:Plus Jakarta Sans,sans-serif}.login-container{width:100%;max-width:28rem}.login-header{margin-bottom:2rem}.login-title{font-size:1.875rem;font-weight:700;color:var(--foreground);font-family:Plus Jakarta Sans,sans-serif;line-height:1.2}.login-subtitle{color:var(--muted-foreground);margin-top:.25rem;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-input{width:100%;height:3rem;padding-left:2.5rem;padding-right:.875rem;background-color:#ebf0f4;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;color:#1a2e42;font-family:Plus Jakarta Sans,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.submit-btn{display:flex;align-items:center;justify-content:center;width:100%;height:3rem;background-color:var(--primary);color:var(--primary-foreground);border:none;border-radius:9999px;font-weight:600;font-size:1rem;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;transition:background-color .2s,opacity .2s;gap:.5rem;outline:none}.submit-btn:focus{outline:none}.login-footer{margin-top:1.5rem;text-align:center;display:flex;flex-direction:column;gap:.75rem}.back-icon input[type=email],.back-icon input[type=password]{background-image:none!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px hsl(207,30%,94%) inset!important;box-shadow:0 0 0 1000px #ebf0f4 inset!important;-webkit-text-fill-color:#1a2e42!important;caret-color:#1a2e42!important;transition:background-color 9999s ease-in-out 0s}.form-input{padding-left:2.5rem!important;background-image:none!important;-webkit-appearance:none!important;appearance:none!important}:root{--background: hsl(210, 30%, 98%);--foreground: hsl(207, 40%, 20%);--card: hsl(0, 0%, 100%);--muted: hsl(207, 30%, 94%);--muted-foreground: hsl(207, 15%, 50%);--border: hsl(207, 25%, 88%);--primary: hsl(207, 52%, 40%);--primary-foreground: hsl(0, 0%, 100%);--radius: .75rem}.signup-page{min-height:100vh;background-color:var(--background);display:flex;align-items:center;justify-content:center;padding:0 1rem;font-family:Plus Jakarta Sans,sans-serif}.signup-container{width:100%;max-width:28rem}.signup-header{margin-bottom:2rem}.signup-title{font-size:1.875rem;font-weight:700;color:var(--foreground);font-family:Plus Jakarta Sans,sans-serif;line-height:1.2}.signup-subtitle{color:var(--muted-foreground);margin-top:.25rem;font-size:.95rem}.signup-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;color:var(--foreground);font-size:.875rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--muted-foreground);pointer-events:none}.form-input{width:100%;height:3rem;padding-left:2.5rem;padding-right:.875rem;background-color:#ebf0f480;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;color:var(--foreground);font-family:Plus Jakarta Sans,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-input::placeholder{color:var(--muted-foreground)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #316b9b26}.submit-btn{display:flex;align-items:center;justify-content:center;width:100%;height:3rem;background-color:var(--primary);color:var(--primary-foreground);border:none;border-radius:9999px;font-weight:600;font-size:1rem;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;transition:background-color .2s,opacity .2s;gap:.5rem;margin-top:.5rem}.submit-btn:hover{background-color:#2a5b84}.btn-icon{width:1rem;height:1rem;margin-left:.5rem}.signup-footer{margin-top:1.5rem;text-align:center;display:flex;flex-direction:column;gap:.75rem}.link-primary{font-size:.875rem;color:var(--primary);text-decoration:none;font-weight:500}.link-primary:hover{text-decoration:underline}.link-muted{font-size:.875rem;color:var(--muted-foreground);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;transition:color .2s}.link-muted:hover{color:var(--foreground)}.back-icon{width:.75rem;height:.75rem}.cal-root{min-height:100vh;background-color:hsl(var(--background));display:flex}.cal-main{flex:1;min-width:0;display:flex;flex-direction:column}.cal-topbar{position:sticky;top:0;z-index:30;height:64px;display:flex;align-items:center;padding:0 24px;gap:16px;box-shadow:0 4px 12px #00000026}.cal-topbar-search{flex:1;max-width:448px;position:relative}.cal-topbar-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#ffffff80}.cal-topbar-input{width:100%;padding:8px 16px 8px 40px;border-radius:8px;background:#ffffff1f;color:#fff;font-size:14px;border:none;outline:none}.cal-topbar-input::placeholder{color:#fff6}.cal-topbar-input:focus{box-shadow:0 0 0 2px #ffffff4d}.cal-topbar-actions{display:flex;align-items:center;gap:8px}.cal-topbar-bell{position:relative;padding:8px;border-radius:8px;color:#fff;background:transparent;border:none;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.cal-topbar-bell:hover{background:#ffffff1a}.cal-bell-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#ef4444;border-radius:50%}.cal-content{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}@media(min-width:1024px){.cal-content{padding:32px}}.cal-page-title{margin-bottom:4px}.cal-heading{font-size:1.75rem;font-family:var(--font-heading, "Plus Jakarta Sans", sans-serif);font-weight:700;color:#1e3a5f;margin:0}@media(min-width:1024px){.cal-heading{font-size:2rem}}.cal-heading-accent{color:#1a6fa8}.cal-subheading{color:#64748b;margin-top:4px;font-size:14px}.cal-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1280px){.cal-grid{grid-template-columns:2fr 1fr}}.cal-left,.cal-right{display:flex;flex-direction:column;gap:16px}.cal-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.cal-card-overflow{overflow:visible}.cal-card-border-accent{border-color:#1a6fa833;box-shadow:0 4px 16px #0000001a}.cal-card-body{padding:16px}@media(min-width:1024px){.cal-card-body{padding:20px}}.cal-card-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #e2e8f0}.cal-card-header-icon{color:#1a6fa8}.cal-card-header-title{font-size:15px;font-family:var(--font-heading, "Plus Jakarta Sans", sans-serif);font-weight:600;color:#1e3a5f}.cal-month-nav{padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.cal-month-btn{display:flex;align-items:center;gap:4px;color:#fffc;font-size:13px;font-weight:500;background:transparent;border:none;cursor:pointer;transition:color .2s}.cal-month-btn:hover{color:#fff}.cal-month-title{font-size:18px;font-family:var(--font-heading, "Plus Jakarta Sans", sans-serif);font-weight:700;color:#fff;margin:0}.cal-day-headers{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.cal-day-label{text-align:center;font-size:12px;font-weight:600;color:#64748b;padding:8px 0}.cal-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-day-empty{aspect-ratio:1}.cal-day-cell{aspect-ratio:1;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:14px;font-weight:500;background:transparent;border:none;cursor:pointer;transition:background .2s;position:relative;color:#1e3a5f}.cal-day-cell:hover{background:#f1f5f9}.cal-day-cell--selected{box-shadow:0 0 0 2px #1a6fa8;background:#1a6fa81a}.cal-day-cell--today{background:#1a6fa80d;box-shadow:0 0 0 1px #1a6fa84d}.cal-day-num{line-height:1;color:#1e3a5f}.cal-day-num--today,.cal-day-num--selected{color:#1a6fa8;font-weight:700}.cal-day-dot{width:8px;height:8px;border-radius:50%}.cal-day-dot--active{background:#10b981;box-shadow:0 0 6px #10b98180}.cal-day-dot--inactive{background:#ef4444b3}.cal-day-trophy{position:absolute;top:-2px;right:-2px;font-size:10px;line-height:1}.cal-legend-row{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.cal-legend{display:flex;align-items:center;gap:16px}.cal-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.cal-legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.cal-legend-dot--green{background:#10b981}.cal-legend-dot--red{background:#ef4444b3}.cal-today-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e3a5f;cursor:pointer;transition:background .2s,border-color .2s}.cal-today-btn:hover{background:#f1f5f9;border-color:#1a6fa866}.cal-detail-wrap{margin-top:4px;overflow:hidden}.cal-detail-header{padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.cal-detail-title{font-size:14px;font-family:var(--font-heading, "Plus Jakarta Sans", sans-serif);font-weight:700;color:#fff;margin:0}.cal-detail-close{color:#fff9;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s}.cal-detail-close:hover{color:#fff}.cal-detail-content{display:flex;flex-direction:column;gap:16px}.cal-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:640px){.cal-summary-grid{grid-template-columns:repeat(4,1fr)}}.cal-stat-box{border-radius:12px;padding:12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.cal-stat-box--green{background:#ecfdf5}.cal-stat-box--blue{background:#1a6fa80d}.cal-stat-box--amber{background:#fffbeb}.cal-stat-box--violet{background:#f5f3ff}.cal-stat-icon{margin:0 auto}.cal-stat-icon--green{color:#059669}.cal-stat-icon--blue{color:#1a6fa8}.cal-stat-icon--amber{color:#d97706}.cal-stat-icon--violet{color:#7c3aed}.cal-stat-value{font-size:18px;font-weight:700;margin:0}.cal-stat-value--green{color:#065f46}.cal-stat-value--blue{color:#1a6fa8}.cal-stat-value--amber{color:#92400e}.cal-stat-value--violet{color:#5b21b6}.cal-stat-label{font-size:10px;font-weight:500;margin:0}.cal-stat-label--green{color:#059669cc}.cal-stat-label--blue{color:#1a6fa8cc}.cal-stat-label--amber{color:#d97706cc}.cal-stat-label--violet{color:#7c3aedcc}.cal-detail-list{display:flex;flex-direction:column;gap:10px}.cal-detail-row{display:flex;align-items:center;gap:8px;font-size:14px}.cal-detail-row-icon{flex-shrink:0}.cal-detail-row-icon--green{color:#10b981}.cal-detail-row-icon--muted{color:#1a6fa899}.cal-detail-row-icon--amber{color:#f59e0b}.cal-detail-row-text{color:#1e3a5f}.cal-detail-row-text--muted{color:#64748b}.cal-no-activity{text-align:center;padding:32px 16px}.cal-no-activity-icon-wrap{width:56px;height:56px;border-radius:50%;background:#ef44441a;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.cal-no-activity-icon{color:#ef444499}.cal-no-activity-title{font-weight:600;color:#1e3a5f;margin:0}.cal-no-activity-sub{font-size:14px;color:#64748b;margin-top:4px}.cal-start-btn{display:inline-block;margin-top:16px;padding:8px 20px;font-size:14px;font-weight:600;background:#1a6fa8;color:#fff;border-radius:8px;text-decoration:none;transition:opacity .2s}.cal-start-btn:hover{opacity:.88}.cal-stats-body{display:flex;flex-direction:column;gap:20px}.cal-progress-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cal-progress-label{font-size:14px;font-weight:500;color:#64748b}.cal-progress-value{font-size:14px;font-weight:700;color:#1e3a5f}.cal-progress-track{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.cal-progress-fill{height:100%;background:#1a6fa8;border-radius:999px;transition:width .4s ease}.cal-progress-hint{font-size:12px;color:#64748b;margin-top:4px}.cal-badge{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:12px}.cal-badge--green{background:#ecfdf5}.cal-badge--blue{background:#1a6fa80d}.cal-badge--amber{background:#fffbeb}.cal-badge-left{display:flex;align-items:center;gap:8px}.cal-badge-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.cal-badge-dot--green{background:#10b981}.cal-badge-icon--blue{color:#1a6fa8}.cal-badge-icon--amber{color:#f59e0b}.cal-badge-label{font-size:14px;font-weight:500;color:#1e3a5f}.cal-badge-value{font-size:18px;font-weight:700}.cal-badge-value--green{color:#059669}.cal-badge-value--blue{color:#1a6fa8}.cal-badge-value--amber{color:#d97706}.cal-goals-body{display:flex;flex-direction:column;gap:12px}.cal-goal-row{display:flex;align-items:center;gap:10px;font-size:14px}.cal-goal-icon--done{color:#10b981;flex-shrink:0}.cal-goal-circle{width:16px;height:16px;border-radius:50%;border:2px solid #cbd5e1;flex-shrink:0}.cal-goal-label{color:#1e3a5f}.cal-goal-label--done{text-decoration:line-through;opacity:.6}.cal-legend-body{display:flex;flex-direction:column;gap:12px}.cal-legend-entry{display:flex;align-items:flex-start;gap:10px}.cal-legend-entry-dot{width:12px;height:12px;border-radius:50%;margin-top:2px;flex-shrink:0;display:inline-block}.cal-legend-entry-dot--green{background:#10b981}.cal-legend-entry-dot--red{background:#ef4444b3}.cal-legend-entry-emoji{font-size:12px;margin-top:2px;flex-shrink:0}.cal-legend-entry-title{font-size:14px;font-weight:500;color:#1e3a5f;margin:0}.cal-legend-entry-sub{font-size:12px;color:#64748b;margin-top:2px}@media(min-width:1600px){.cal-content{max-width:1600px;margin:0 auto;width:100%;padding:40px}.cal-grid{grid-template-columns:2.3fr 1fr;gap:28px}.cal-heading{font-size:2.2rem}.cal-day-cell{font-size:15px}}@media(min-width:1024px)and (max-width:1279px){.cal-grid{grid-template-columns:1fr}.cal-right{flex-direction:row;flex-wrap:wrap}.cal-right .cal-card{flex:1 1 280px;min-width:260px}}@media(min-width:900px)and (max-width:1023px){.cal-content{padding:20px}.cal-summary-grid{grid-template-columns:repeat(2,1fr)}.cal-month-title{font-size:16px}.cal-day-cell{font-size:13px}}@media(min-width:768px)and (max-width:899px){.cal-content{padding:18px;gap:18px}.cal-heading{font-size:1.5rem}.cal-month-nav{padding:14px 16px}.cal-month-title{font-size:15px}.cal-month-btn{font-size:11px}.cal-day-label{font-size:11px;padding:6px 0}.cal-day-cell{font-size:13px;border-radius:8px}.cal-summary-grid{grid-template-columns:repeat(2,1fr)}.cal-legend-row{flex-wrap:wrap;gap:12px}}@media(min-width:481px)and (max-width:767px){.cal-content{padding:14px;gap:16px}.cal-heading{font-size:1.3rem}.cal-subheading{font-size:12.5px}.cal-grid{gap:16px}.cal-card-body{padding:12px}.cal-card-header{padding:10px 12px}.cal-card-header-title{font-size:14px}.cal-month-nav{padding:12px 14px;flex-wrap:nowrap}.cal-month-title{font-size:14px}.cal-month-btn{font-size:10px;gap:2px}.cal-day-headers{gap:3px;margin-bottom:6px}.cal-day-label{font-size:10.5px;padding:5px 0}.cal-days-grid{gap:3px}.cal-day-cell{border-radius:8px;font-size:12px;gap:1px}.cal-day-dot{width:6px;height:6px}.cal-day-trophy{font-size:8px}.cal-legend-row{flex-direction:column;align-items:flex-start;gap:10px;margin-top:16px;padding-top:12px}.cal-legend{gap:12px;flex-wrap:wrap}.cal-today-btn{align-self:flex-end}.cal-summary-grid{grid-template-columns:repeat(2,1fr);gap:8px}.cal-stat-box{padding:10px}.cal-stat-value{font-size:16px}.cal-stat-label{font-size:9px}.cal-detail-header{padding:10px 14px}.cal-detail-title{font-size:13px}.cal-no-activity{padding:24px 12px}}@media(max-width:480px){.cal-content{padding:10px;gap:14px}.cal-heading{font-size:1.15rem}.cal-subheading{font-size:12px}.cal-grid{gap:14px}.cal-card{border-radius:10px}.cal-card-body,.cal-card-header{padding:10px}.cal-card-header-title{font-size:13px}.cal-month-nav{padding:10px}.cal-month-title{font-size:13px}.cal-month-btn{font-size:0;gap:0;padding:4px}.cal-month-btn svg{width:16px;height:16px}.cal-day-headers{gap:2px;margin-bottom:5px}.cal-day-label{font-size:9.5px;padding:4px 0}.cal-days-grid{gap:2px}.cal-day-cell{border-radius:6px;font-size:11px}.cal-day-num{font-size:11px}.cal-day-dot{width:5px;height:5px}.cal-day-trophy{font-size:7px;top:-1px;right:-1px}.cal-legend-row{flex-direction:column;align-items:stretch;gap:10px;margin-top:14px;padding-top:10px}.cal-legend{flex-wrap:wrap;gap:10px}.cal-legend-item{font-size:11px}.cal-today-btn{width:100%;justify-content:center;padding:8px 12px}.cal-detail-header{padding:10px 12px}.cal-detail-title{font-size:12.5px}.cal-summary-grid{grid-template-columns:repeat(2,1fr);gap:8px}.cal-stat-box{padding:8px;border-radius:10px}.cal-stat-value{font-size:14px}.cal-stat-label{font-size:8.5px}.cal-detail-row{font-size:12.5px;gap:6px}.cal-no-activity{padding:20px 10px}.cal-no-activity-icon-wrap{width:44px;height:44px}.cal-no-activity-title{font-size:13.5px}.cal-no-activity-sub{font-size:12px}.cal-start-btn{width:100%;text-align:center;box-sizing:border-box;padding:10px 16px}.cal-progress-label,.cal-progress-value{font-size:12.5px}.cal-badge{padding:10px}.cal-badge-label{font-size:12.5px}.cal-badge-value{font-size:15px}.cal-goal-row,.cal-legend-entry-title{font-size:12.5px}.cal-legend-entry-sub{font-size:11px}}@media(max-width:340px){.cal-heading{font-size:1rem}.cal-day-cell{font-size:10px}.cal-summary-grid{grid-template-columns:1fr 1fr}.cal-stat-value{font-size:13px}}@media(max-height:480px)and (orientation:landscape){.cal-content{padding:10px 16px;gap:12px}.cal-days-grid{gap:3px}.cal-day-cell{font-size:11px}.cal-detail-wrap{max-height:60vh;overflow-y:auto}}@media(hover:none)and (pointer:coarse){.cal-month-btn,.cal-today-btn,.cal-detail-close,.cal-start-btn{min-height:36px}.cal-day-cell{min-height:34px}}@media(prefers-reduced-motion:reduce){.cal-day-cell,.cal-progress-fill,.cal-start-btn{transition:none!important}}@supports (padding: max(0px)){.cal-content{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom))}@media(max-width:480px){.cal-content{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}}}.settings-page{min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif}.settings-container{max-width:100%;margin:0;padding:0 0 60px}.settings-header{margin-bottom:24px}.settings-header h1{font-size:24px;font-weight:700;color:#1a2e4a;margin:0 0 4px}.settings-header p{color:#6b7280;margin:0;font-size:14px}.settings-layout{display:flex;gap:20px;align-items:flex-start}.settings-sidebar{width:200px;flex-shrink:0}.settings-sidebar-card{background:#fff;border-radius:10px;padding:6px;box-shadow:0 1px 8px #0000000f;width:100%;box-sizing:border-box}.settings-tab-btn{width:100%;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:7px;border:none;outline:none;background:transparent;font-size:13px;font-weight:500;color:#374151;cursor:pointer;text-align:left;transition:background .2s;font-family:inherit;-webkit-tap-highlight-color:transparent;box-shadow:none}.settings-tab-btn:hover{background:#f0f4f8}.settings-tab-btn:focus,.settings-tab-btn:focus-visible,.settings-tab-btn:active{outline:none!important;box-shadow:none!important;border:none!important}.settings-tab-btn.active{background:linear-gradient(135deg,#1e5a8e,#3a9fd6);color:#fff}.settings-tab-btn.active:hover{background:linear-gradient(135deg,#1e5a8e,#3a9fd6)}.tab-icon{display:flex;align-items:center;justify-content:center;width:16px;flex-shrink:0}.tab-arrow{margin-left:auto;opacity:.4;font-size:16px}.signout-btn{color:#dc2626!important}.signout-btn:hover{background:#fef2f2!important}.settings-divider{border:none;border-top:1px solid #e5e7eb;margin:6px 0}.settings-content{flex:1}.settings-card{background:#fff;border-radius:10px;box-shadow:0 1px 8px #0000000f;overflow:hidden;overflow:visible}.settings-card-header{padding:16px 20px 14px;border-bottom:1px solid #e5e7eb}.settings-card-header h2{font-size:16px;font-weight:700;color:#1a2e4a;margin:0 0 3px}.settings-card-header p{color:#6b7280;font-size:13px;margin:0}.settings-card-body{padding:20px 20px 250px;display:flex;flex-direction:column;gap:14px}.profile-avatar-row{display:flex;align-items:center;gap:16px;padding-bottom:4px}.avatar-wrapper{position:relative;width:60px;height:60px}.avatar-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#1e5a8e,#3a9fd6);color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center}.avatar-camera-btn{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:50%;background:#1e5a8e;color:#fff;border:2px solid white;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;outline:none}.avatar-camera-btn:focus{outline:none}.profile-name{font-weight:600;color:#1a2e4a;margin:0 0 3px;font-size:14px}.profile-role{color:#6b7280;font-size:12px;margin:0}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:12px;font-weight:600;color:#374151}.form-group input,.form-group select{padding:8px 10px;border:1px solid #d1d5db;border-radius:7px;font-size:13px;color:#1a2e4a;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;box-sizing:border-box;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3a9fd6;box-shadow:0 0 0 2px #3a9fd626}.settings-form-actions{display:flex;justify-content:flex-end;margin-top:4px}.btn-primary{padding:9px 20px;background:linear-gradient(135deg,#1e5a8e,#3a9fd6);color:#fff;border:none;outline:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s;font-family:inherit;display:flex;align-items:center;gap:6px}.btn-primary:hover{opacity:.9}.btn-primary:focus{outline:none}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:2px 0}.toggle-title{font-weight:500;color:#1a2e4a;font-size:13px;margin:0 0 2px}.toggle-desc{color:#6b7280;font-size:12px;margin:0}.toggle-switch{width:40px;height:22px;border-radius:999px;background:#d1d5db;position:relative;cursor:pointer;transition:background .25s;flex-shrink:0}.toggle-switch.on{background:linear-gradient(135deg,#1e5a8e,#3a9fd6)}.toggle-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .25s}.toggle-switch.on .toggle-knob{transform:translate(18px)}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}.theme-btn{padding:12px;border-radius:8px;border:2px solid #e5e7eb;background:#fff;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;font-family:inherit;outline:none}.theme-btn:hover{border-color:#3a9fd6}.theme-btn:focus{outline:none}.theme-btn.active{border-color:#1e5a8e;background:#eff6ff;color:#1e5a8e}@media(max-width:768px){.settings-layout{flex-direction:column;align-items:stretch}.settings-sidebar,.settings-content{width:100%}.settings-form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}}.input-readonly{background:#f3f4f6!important;color:#9ca3af!important;cursor:not-allowed!important;border-color:#e5e7eb!important}.vessel-dropdown-wrapper{position:relative;width:100%}.vessel-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid #d1d5db;border-radius:7px;font-size:13px;font-family:inherit;background:#fff;cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;text-align:left;gap:8px}.vessel-trigger:hover{border-color:#3a9fd6}.vessel-trigger:focus{border-color:#3a9fd6;box-shadow:0 0 0 2px #3a9fd626}.vessel-trigger-value{color:#1a2e4a;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vessel-trigger-placeholder{color:#9ca3af;flex:1}.vessel-chevron{flex-shrink:0;color:#9ca3af;transition:transform .2s}.vessel-chevron.open{transform:rotate(180deg)}.vessel-dropdown-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:200;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.vessel-search-wrap{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid #e5e7eb}.vessel-search-icon{color:#9ca3af;flex-shrink:0}.vessel-search-input{flex:1;border:none;outline:none;font-size:13px;font-family:inherit;color:#1a2e4a;background:transparent;padding:0;width:100%}.vessel-search-input::placeholder{color:#9ca3af}.vessel-list{list-style:none;margin:0;padding:4px;max-height:200px;overflow-y:auto}.vessel-list::-webkit-scrollbar{width:4px}.vessel-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.vessel-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;font-size:13px;color:#374151;cursor:pointer;transition:background .15s;font-family:inherit}.vessel-option:hover{background:#f0f4f8;color:#1a2e4a}.vessel-option.selected{background:linear-gradient(135deg,#1e5a8e14,#3a9fd614);color:#1e5a8e;font-weight:600}.vessel-check{margin-left:auto;color:#1e5a8e;flex-shrink:0}.vessel-no-result{padding:12px 10px;text-align:center;font-size:12px;color:#9ca3af}.settings-container,.settings-layout,.settings-sidebar,.settings-content,.settings-card,.settings-form-grid,.form-group{box-sizing:border-box;max-width:100%}@media(min-width:1440px){.settings-container{max-width:1040px;padding:32px 24px 72px}.settings-header h1{font-size:26px}.settings-sidebar{width:220px}}@media(min-width:1025px)and (max-width:1439px){.settings-container{max-width:900px}}@media(max-width:1024px){.settings-container{max-width:100%;padding:22px 20px 56px}.settings-sidebar{width:180px}}@media(max-width:768px){.settings-container{padding:18px 16px 48px}.settings-header h1{font-size:21px}.settings-header p{font-size:13px}.settings-sidebar-card{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:4px;padding:6px;scrollbar-width:thin}.settings-sidebar-card::-webkit-scrollbar{height:4px}.settings-sidebar-card::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.settings-tab-btn{flex:0 0 auto;white-space:nowrap;padding:8px 12px}.tab-arrow,.settings-divider{display:none}.signout-btn{margin-left:auto}.settings-card-body{padding:16px 16px 40px;gap:12px}.profile-avatar-row{gap:12px}.settings-form-actions{justify-content:stretch}.settings-form-actions .btn-primary{width:100%;justify-content:center}}@media(max-width:600px){.settings-container{padding:16px 12px 40px}.settings-header h1{font-size:19px}.settings-card-header{padding:14px 16px 12px}.settings-card-header h2{font-size:15px}.settings-card-header p{font-size:12px}.avatar-wrapper{width:52px;height:52px}.avatar-circle{width:52px;height:52px;font-size:16px}.avatar-camera-btn{width:20px;height:20px}.form-group input,.form-group select,.vessel-trigger{font-size:16px;padding:10px}.toggle-row{align-items:flex-start;gap:10px}.theme-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.settings-container{padding:14px 10px 36px}.settings-header h1{font-size:18px}.settings-header p{font-size:12px}.settings-tab-btn{font-size:12px;padding:7px 10px}.settings-card-body{padding:14px 12px 32px}.profile-avatar-row{flex-wrap:wrap}.profile-name{font-size:13px}.profile-role{font-size:11px}.settings-form-grid{gap:10px}.form-group label{font-size:11px}.vessel-list{max-height:160px}.theme-grid{grid-template-columns:1fr 1fr;gap:6px}.theme-btn{padding:10px;font-size:12px}}@media(max-width:360px){.settings-container{padding:12px 8px 32px}.settings-header h1{font-size:17px}.settings-tab-btn span:not(.tab-icon){font-size:11px}.avatar-wrapper{width:46px;height:46px}.avatar-circle{width:46px;height:46px;font-size:14px}.btn-primary{font-size:12px;padding:8px 14px}.vessel-search-input,.vessel-option{font-size:12.5px}.theme-grid{grid-template-columns:1fr}}@media(max-height:480px)and (orientation:landscape){.settings-card-body{padding-bottom:24px}.vessel-list{max-height:120px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.avatar-circle,.toggle-switch,.btn-primary{-webkit-font-smoothing:antialiased}}@media(max-width:600px){.vessel-dropdown-panel{left:0;right:0;max-width:100%}}.hp-page{--hp-background: hsl(210, 30%, 98%);--hp-foreground: hsl(207, 40%, 20%);--hp-card: hsl(0, 0%, 100%);--hp-primary: hsl(207, 52%, 40%);--hp-primary-fg: hsl(0, 0%, 100%);--hp-secondary: hsl(201, 53%, 56%);--hp-accent: hsl(201, 53%, 50%);--hp-muted: hsl(207, 30%, 94%);--hp-muted-fg: hsl(207, 15%, 50%);--hp-border: hsl(207, 25%, 88%);--hp-ring: hsl(207, 52%, 40%);--hp-nav-start: hsl(207, 52%, 40%);--hp-nav-end: hsl(201, 53%, 56%);--hp-radius: .75rem;--hp-font-heading: "Plus Jakarta Sans", sans-serif;--hp-font-body: "Inter", sans-serif}.hp-page{min-height:100vh;background-color:var(--hp-background);font-family:var(--hp-font-body);color:var(--hp-foreground);-webkit-font-smoothing:antialiased}.hp-page h1,.hp-page h2,.hp-page h3,.hp-page h4,.hp-page h5,.hp-page h6{font-family:var(--hp-font-heading)}.hp-nav-gradient{background:linear-gradient(135deg,var(--hp-nav-start),var(--hp-nav-end))}.hp-hero{padding-top:6rem;padding-bottom:3rem;position:relative;overflow:hidden;text-align:center}.hp-deco-circle{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.25);opacity:.1;pointer-events:none}.hp-deco-circle-1{width:10rem;height:10rem;top:2.5rem;left:2.5rem}.hp-deco-circle-2{width:15rem;height:15rem;bottom:2.5rem;right:5rem}.hp-hero-content{position:relative;z-index:10;max-width:640px;margin:0 auto;padding:0 1rem}.hp-hero-icon{width:3rem;height:3rem;color:var(--hp-primary-fg);margin:0 auto 1rem;display:block}.hp-hero-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--hp-primary-fg);margin-bottom:.75rem;line-height:1.2}.hp-hero-subtitle{color:#fffc;margin-bottom:1.5rem;max-width:28rem;margin-left:auto;margin-right:auto}.hp-search-wrapper{position:relative;max-width:36rem;margin:0 auto}.hp-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--hp-muted-fg);pointer-events:none}.hp-search-input{width:100%;height:3rem;padding:0 1rem 0 3rem;box-sizing:border-box;font-size:1rem;font-family:var(--hp-font-body);background-color:var(--hp-background);color:var(--hp-foreground);border:none;border-radius:var(--hp-radius);box-shadow:0 4px 24px #00000026;outline:none;transition:box-shadow .2s ease}.hp-search-input:focus{box-shadow:0 4px 28px #00000038,0 0 0 2px var(--hp-ring)}.hp-container{max-width:64rem;margin:0 auto;padding:3rem 1rem}@media(min-width:1024px){.hp-container{padding:3rem 2rem}}.hp-categories-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:3rem}@media(min-width:640px){.hp-categories-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.hp-categories-grid{grid-template-columns:repeat(4,1fr)}}.hp-category-card{background-color:var(--hp-card);border:1px solid var(--hp-border);border-radius:var(--hp-radius);padding:1.5rem;text-align:center;cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.hp-category-card:hover{box-shadow:0 8px 30px #0000001a;border-color:#8bb6da;transform:translateY(-2px)}.hp-category-icon-wrap{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.hp-category-icon{width:1.5rem;height:1.5rem;color:var(--hp-primary-fg)}.hp-category-title{font-size:.9rem;font-weight:600;color:var(--hp-foreground);margin-bottom:.25rem;font-family:var(--hp-font-heading)}.hp-category-desc{font-size:.75rem;color:var(--hp-muted-fg);line-height:1.5}.hp-faq-section{margin-bottom:3rem}.hp-faq-heading{font-size:1.5rem;font-weight:700;color:var(--hp-foreground);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-family:var(--hp-font-heading)}.hp-faq-heading-icon{width:1.5rem;height:1.5rem;color:var(--hp-primary);flex-shrink:0}.hp-faq-card{background-color:var(--hp-card);border:1px solid var(--hp-border);border-radius:var(--hp-radius);padding:1rem;box-shadow:0 1px 4px #0000000d}@media(min-width:1024px){.hp-faq-card{padding:1.5rem}}.hp-accordion{display:flex;flex-direction:column;gap:.5rem}.hp-accordion-item{border:1px solid var(--hp-border);border-radius:var(--hp-radius);overflow:hidden;transition:border-color .2s ease}.hp-accordion-item.hp-accordion-open{border-color:var(--hp-primary)}.hp-accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--hp-font-body);font-size:.9rem;font-weight:500;color:var(--hp-foreground);transition:background-color .15s ease}.hp-accordion-trigger:hover{background-color:var(--hp-muted)}.hp-accordion-chevron{font-size:1.4rem;line-height:1;color:var(--hp-muted-fg);flex-shrink:0;display:inline-block;transform:rotate(90deg);transition:transform .25s ease}.hp-accordion-chevron.hp-rotated{transform:rotate(270deg)}.hp-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.hp-accordion-item.hp-accordion-open .hp-accordion-content{max-height:20rem}.hp-accordion-body{padding:0 1rem 1rem;font-size:.875rem;color:var(--hp-muted-fg);line-height:1.7}.hp-no-results{text-align:center;color:var(--hp-muted-fg);padding:2rem 0;font-size:.9rem}.hp-support-section{margin-top:3rem}.hp-support-card{border-radius:var(--hp-radius);overflow:hidden;padding:2rem;text-align:center}@media(min-width:1024px){.hp-support-card{padding:3rem}}.hp-support-icon{width:2.5rem;height:2.5rem;color:var(--hp-primary-fg);margin:0 auto 1rem;display:block}.hp-support-title{font-size:1.5rem;font-weight:700;color:var(--hp-primary-fg);margin-bottom:.5rem;font-family:var(--hp-font-heading)}.hp-support-desc{color:#fffc;margin-bottom:1.5rem;max-width:28rem;margin-left:auto;margin-right:auto;font-size:.9rem;line-height:1.6}.hp-support-actions{display:flex;flex-direction:column;gap:.75rem;justify-content:center;align-items:center}@media(min-width:640px){.hp-support-actions{flex-direction:row}}.hp-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--hp-radius);font-family:var(--hp-font-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;border:1px solid transparent;text-decoration:none}.hp-btn-icon{width:1rem;height:1rem;flex-shrink:0}.hp-btn-primary{background-color:var(--hp-primary-fg);color:var(--hp-primary);border-color:transparent}.hp-btn-primary:hover{opacity:.9}.hp-btn-outline{background-color:transparent;color:var(--hp-primary-fg);border-color:#ffffff59}.hp-btn-outline:hover{background-color:#ffffff1a}@keyframes hp-wave-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(1deg)}75%{transform:translateY(4px) rotate(-1deg)}}.hp-animate-wave-float{animation:hp-wave-float 4s ease-in-out infinite}@keyframes hp-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hp-fade-in-up{animation:hp-fade-in-up .5s ease both}.hp-delay-1{animation-delay:.1s}.hp-delay-2{animation-delay:.2s}.hp-delay-3{animation-delay:.3s}@keyframes hp-ripple{0%{transform:scale(1);opacity:.4}to{transform:scale(2.5);opacity:0}}@keyframes hp-compass-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hp-anchor-drop{0%{transform:translateY(-30px);opacity:0}60%{transform:translateY(5px);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes hp-sail-sway{0%,to{transform:skew(0)}50%{transform:skew(3deg)}}.hp-animate-ripple{animation:hp-ripple 2s ease-out infinite}.hp-animate-compass-spin{animation:hp-compass-spin 8s linear infinite}.hp-animate-anchor-drop{animation:hp-anchor-drop .8s ease-out forwards}.hp-animate-sail-sway{animation:hp-sail-sway 3s ease-in-out infinite}@media(min-width:1600px){.hp-container{max-width:84rem}.hp-hero{padding-top:7rem;padding-bottom:4rem}.hp-categories-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}.hp-support-card{padding:4rem}}@media(min-width:1024px)and (max-width:1279px){.hp-categories-grid{grid-template-columns:repeat(4,1fr);gap:.85rem}.hp-category-card{padding:1.25rem}}@media(min-width:900px)and (max-width:1023px){.hp-hero{padding-top:5rem;padding-bottom:2.5rem}.hp-categories-grid{grid-template-columns:repeat(2,1fr)}.hp-container{padding:2.5rem 1.5rem}}@media(min-width:768px)and (max-width:899px){.hp-hero{padding-top:4.5rem;padding-bottom:2rem}.hp-hero-icon{width:2.5rem;height:2.5rem}.hp-container{padding:2rem 1.25rem}.hp-categories-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}.hp-faq-heading{font-size:1.3rem}.hp-support-card{padding:2rem 1.5rem}}@media(min-width:481px)and (max-width:767px){.hp-hero{padding-top:4rem;padding-bottom:2rem}.hp-hero-icon{width:2.25rem;height:2.25rem}.hp-hero-title{font-size:1.5rem;margin-bottom:.5rem}.hp-hero-subtitle{font-size:.85rem;margin-bottom:1.25rem}.hp-search-input{height:2.75rem;font-size:.9rem;padding-left:2.75rem}.hp-search-icon{left:.875rem;width:1.1rem;height:1.1rem}.hp-container{padding:2rem 1rem}.hp-categories-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:2rem}.hp-category-card{padding:1.1rem}.hp-category-icon-wrap{width:2.5rem;height:2.5rem}.hp-category-icon{width:1.25rem;height:1.25rem}.hp-category-title{font-size:.85rem}.hp-category-desc{font-size:.7rem}.hp-faq-section{margin-bottom:2rem}.hp-faq-heading{font-size:1.2rem;margin-bottom:1rem}.hp-faq-heading-icon{width:1.25rem;height:1.25rem}.hp-faq-card{padding:.75rem}.hp-accordion-trigger{padding:.85rem;font-size:.85rem}.hp-accordion-body{font-size:.82rem;padding:0 .85rem .85rem}.hp-support-section{margin-top:2rem}.hp-support-card{padding:1.75rem 1.25rem}.hp-support-icon{width:2rem;height:2rem}.hp-support-title{font-size:1.25rem}.hp-support-desc{font-size:.85rem}.hp-btn{width:100%;justify-content:center}}@media(max-width:480px){.hp-hero{padding-top:3.5rem;padding-bottom:1.75rem}.hp-deco-circle-1{width:6rem;height:6rem;top:1.25rem;left:1rem}.hp-deco-circle-2{width:8rem;height:8rem;bottom:1rem;right:1.5rem}.hp-hero-content{padding:0 .75rem}.hp-hero-icon{width:2rem;height:2rem;margin-bottom:.75rem}.hp-hero-title{font-size:1.3rem;margin-bottom:.5rem}.hp-hero-subtitle{font-size:.8rem;margin-bottom:1rem}.hp-search-input{height:2.5rem;font-size:.85rem;padding-left:2.5rem;padding-right:.75rem}.hp-search-icon{left:.75rem;width:1rem;height:1rem}.hp-container{padding:1.5rem .75rem}.hp-categories-grid{grid-template-columns:1fr;gap:.65rem;margin-bottom:1.75rem}.hp-category-card{padding:1rem;display:flex;align-items:center;gap:.85rem;text-align:left}.hp-category-icon-wrap{width:2.25rem;height:2.25rem;margin:0;flex-shrink:0;border-radius:.6rem}.hp-category-icon{width:1.1rem;height:1.1rem}.hp-category-title{font-size:.82rem;margin-bottom:.15rem}.hp-category-desc{font-size:.68rem;line-height:1.4}.hp-faq-section{margin-bottom:1.75rem}.hp-faq-heading{font-size:1.05rem;margin-bottom:.85rem;gap:.4rem}.hp-faq-heading-icon{width:1.1rem;height:1.1rem}.hp-faq-card{padding:.6rem}.hp-accordion-trigger{padding:.75rem;font-size:.8rem;gap:.6rem}.hp-accordion-chevron{font-size:1.2rem}.hp-accordion-body{font-size:.78rem;line-height:1.6;padding:0 .75rem .75rem}.hp-no-results{padding:1.5rem 0;font-size:.82rem}.hp-support-section{margin-top:1.75rem}.hp-support-card{padding:1.5rem 1rem;border-radius:calc(var(--hp-radius) - .1rem)}.hp-support-icon{width:1.85rem;height:1.85rem;margin-bottom:.75rem}.hp-support-title{font-size:1.1rem}.hp-support-desc{font-size:.8rem;margin-bottom:1.1rem}.hp-support-actions{width:100%;gap:.6rem}.hp-btn{width:100%;justify-content:center;padding:.6rem 1rem;font-size:.82rem}}@media(max-width:340px){.hp-hero-title{font-size:1.15rem}.hp-search-input{font-size:.8rem}.hp-category-card{padding:.85rem}.hp-support-title{font-size:1rem}}@media(max-height:480px)and (orientation:landscape){.hp-hero{padding-top:2.5rem;padding-bottom:1.25rem}.hp-hero-icon{width:1.75rem;height:1.75rem;margin-bottom:.5rem}.hp-container{padding:1.25rem 1rem}.hp-accordion-item.hp-accordion-open .hp-accordion-content{max-height:14rem;overflow-y:auto}}@media(hover:none)and (pointer:coarse){.hp-btn,.hp-accordion-trigger,.hp-category-card{min-height:40px}}@media(prefers-reduced-motion:reduce){.hp-animate-wave-float,.hp-animate-ripple,.hp-animate-compass-spin,.hp-animate-anchor-drop,.hp-animate-sail-sway,.hp-fade-in-up{animation:none!important}.hp-category-card:hover{transform:none}}@supports (padding: max(0px)){.hp-container{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom))}@media(max-width:480px){.hp-container{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}}}.hp-modal-overlay{position:fixed;inset:0;background-color:#0f1e2d8c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;animation:hp-fade-in-up .2s ease both}.hp-modal-content{position:relative;width:100%;max-width:30rem;max-height:90vh;overflow-y:auto;background-color:var(--hp-card);border-radius:var(--hp-radius);padding:2rem;box-shadow:0 20px 60px #00000040}.hp-modal-close{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--hp-muted);border:none;border-radius:50%;cursor:pointer;transition:background-color .15s ease}.hp-modal-close:hover{background-color:var(--hp-border)}.hp-modal-close-icon{width:1rem;height:1rem;color:var(--hp-foreground)}.hp-modal-title{font-size:1.25rem;font-weight:700;color:var(--hp-foreground);margin-bottom:.35rem;padding-right:2rem}.hp-modal-subtitle{font-size:.85rem;color:var(--hp-muted-fg);margin-bottom:1.5rem;line-height:1.5}.hp-support-form{display:flex;flex-direction:column}.hp-form-group{margin-bottom:1.25rem}.hp-form-label{display:block;font-size:.85rem;font-weight:600;color:var(--hp-foreground);margin-bottom:.4rem}.hp-form-select,.hp-form-textarea{width:100%;box-sizing:border-box;font-family:var(--hp-font-body);font-size:.9rem;color:var(--hp-foreground);background-color:var(--hp-background);border:1px solid var(--hp-border);border-radius:calc(var(--hp-radius) - .25rem);padding:.65rem .85rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.hp-form-select{height:2.75rem;cursor:pointer}.hp-form-textarea{resize:vertical;min-height:8rem;line-height:1.5}.hp-form-select:focus,.hp-form-textarea:focus{border-color:var(--hp-primary);box-shadow:0 0 0 2px #316b9b26}.hp-form-error{font-size:.8rem;color:#d22d2d;margin:-.5rem 0 1rem}.hp-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.hp-btn-ghost{background-color:transparent;color:var(--hp-muted-fg);border-color:var(--hp-border)}.hp-btn-ghost:hover{background-color:var(--hp-muted)}.hp-btn:disabled{opacity:.6;cursor:not-allowed}.hp-modal-success{text-align:center;padding:1rem 0 .5rem}.hp-modal-success-icon{width:2.5rem;height:2.5rem;color:var(--hp-primary);margin:0 auto 1rem;display:block}.hp-modal-success-desc{font-size:.9rem;color:var(--hp-muted-fg);line-height:1.6;margin-bottom:1.5rem}@media(max-width:480px){.hp-modal-content{padding:1.5rem;max-height:85vh}.hp-modal-title{font-size:1.1rem}.hp-form-actions{flex-direction:column-reverse}.hp-form-actions .hp-btn{width:100%;justify-content:center}}:root{--admin-bg: #0f172a;--admin-surface: #1e293b;--admin-sidebar-bg: #0f172a;--admin-sidebar-hover: #1e293b;--admin-sidebar-text: #94a3b8;--admin-sidebar-active: #ffffff;--admin-primary: hsl(207, 52%, 40%);--admin-primary-hover: hsl(207, 52%, 35%);--admin-border: #334155;--admin-text-main: #f8fafc;--admin-text-muted: #94a3b8;--sidebar-width: 260px;--sidebar-collapsed: 80px}.admin-layout-root{display:flex;min-height:100vh;background-color:var(--admin-bg);color:var(--admin-text-main);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.admin-sidebar{position:fixed;top:0;left:0;height:100vh;background-color:var(--admin-sidebar-bg);color:var(--admin-sidebar-text);z-index:1000;display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 15px #0000001a}.admin-sidebar.open{width:var(--sidebar-width)}.admin-sidebar.closed{width:var(--sidebar-collapsed)}.admin-sidebar-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 1.2rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1rem}.admin-logo{display:flex;align-items:center;gap:.8rem;color:#fff}.admin-logo-icon{color:#38bdf8;min-width:28px}.admin-logo-text{font-size:1.2rem;font-weight:700;letter-spacing:.5px;white-space:nowrap}.admin-sidebar-toggle{background:transparent;border:none;color:var(--admin-sidebar-text);cursor:pointer;padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.admin-sidebar-toggle:hover{background:var(--admin-sidebar-hover);color:#fff}.admin-sidebar-nav{flex:1;padding:0;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;overflow-x:hidden}.admin-sidebar-nav::-webkit-scrollbar{width:4px}.admin-sidebar-nav::-webkit-scrollbar-track{background:transparent}.admin-sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.admin-nav-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;margin:0 .8rem;border-radius:8px;color:var(--admin-sidebar-text);text-decoration:none;transition:all .2s;cursor:pointer;background:transparent;border:none;text-align:left;font-size:.95rem;white-space:nowrap}.admin-nav-icon{min-width:24px;transition:color .2s}.admin-sidebar.closed .admin-nav-item{padding:.8rem;align-items:center;justify-content:center;margin:0 .5rem}.admin-sidebar.closed .admin-nav-icon{margin:0}.admin-nav-item:hover,.admin-nav-item.active{background:var(--admin-primary);color:#fff}.admin-sidebar-footer{padding:1rem 0;border-top:1px solid rgba(255,255,255,.1)}.logout-btn:hover{background:#ef444426;color:#ef4444}.admin-main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.admin-main-wrapper.sidebar-open{margin-left:var(--sidebar-width)}.admin-main-wrapper.sidebar-closed{margin-left:var(--sidebar-collapsed)}.admin-topbar{height:70px;background-color:var(--admin-surface);border-bottom:1px solid var(--admin-border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000d}.admin-topbar-left{display:flex;align-items:center;gap:1.5rem;flex:1}.admin-mobile-toggle{display:none;background:transparent;border:none;color:var(--admin-text-main);cursor:pointer}.admin-search{display:flex;align-items:center;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:8px;padding:.5rem 1rem;width:100%;max-width:400px;transition:all .2s}.admin-search:focus-within{border-color:var(--admin-primary);box-shadow:0 0 0 3px #31729c1a}.admin-search-icon{color:var(--admin-text-muted);margin-right:.8rem}.admin-search input{background:transparent;border:none;outline:none;width:100%;color:var(--admin-text-main);font-size:.9rem}.admin-topbar-right{display:flex;align-items:center;gap:1.5rem}.admin-icon-btn{background:transparent;border:none;color:var(--admin-text-muted);cursor:pointer;position:relative;padding:.5rem;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.admin-icon-btn:hover{background:var(--admin-bg);color:var(--admin-primary)}.admin-badge{position:absolute;top:2px;right:2px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;height:16px;width:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--admin-surface)}.admin-profile-menu{display:flex;align-items:center;gap:.8rem;padding:.4rem;border-radius:8px;cursor:pointer;transition:background .2s}.admin-profile-menu:hover{background:var(--admin-bg)}.admin-avatar{background:linear-gradient(135deg,var(--admin-primary),hsl(207,52%,50%));color:#fff;height:36px;width:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.admin-profile-text{display:flex;flex-direction:column}.admin-profile-name{font-weight:600;font-size:.9rem;color:var(--admin-text-main)}.admin-profile-role{font-size:.75rem;color:var(--admin-text-muted)}.admin-main-content{padding:2.5rem;height:calc(100vh - 70px);overflow-y:auto}.admin-container{max-width:1300px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-title{font-size:1.8rem;font-weight:700;color:var(--admin-text-main);margin-bottom:.5rem}.admin-breadcrumb{color:var(--admin-text-muted);font-size:.9rem}.admin-breadcrumb span{color:var(--admin-primary);font-weight:500}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.admin-stat-card{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column}.stat-card-title{color:var(--admin-text-muted);font-weight:500;font-size:.95rem;margin-bottom:.5rem}.stat-card-value{color:var(--admin-text-main);font-size:2.2rem;font-weight:700}.admin-table-container{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.admin-users-table{width:100%;border-collapse:collapse}.admin-users-table th,.admin-users-table td{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.07);vertical-align:middle;text-align:left}.admin-users-table th,.admin-users-table td{padding-left:1.25rem}.admin-users-table th{background:#80808008;color:var(--admin-text-muted);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.admin-users-table tr:hover{background:#80808005}.admin-users-table td{color:var(--admin-text-main)}.role-select{padding:.5rem;border-radius:6px;border:1px solid var(--admin-border);background:var(--admin-bg);color:var(--admin-text-main);outline:none;cursor:pointer}.role-select:focus{border-color:var(--admin-primary)}.admin-btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none;text-decoration:none}.admin-btn-primary{background:var(--admin-primary);color:#fff}.admin-btn-primary:hover{background:var(--admin-primary-hover);transform:translateY(-1px)}.view-details-link{color:var(--admin-primary);font-weight:500;text-decoration:none;padding:.4rem .8rem;border-radius:4px;background:#31729c1a}.view-details-link:hover{background:#31729c26}.user-profile-header{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:12px;padding:2rem;display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.profile-avatar{width:90px;height:90px;background:linear-gradient(135deg,var(--admin-primary),#00C49F);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;font-weight:700}.profile-info h2{margin:0 0 .5rem;color:var(--admin-text-main)}.profile-info p{margin:0;color:var(--admin-text-muted)}.details-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:900px){.details-grid{grid-template-columns:1fr 1fr}}.details-section{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:12px;padding:2rem}.details-section h3{color:var(--admin-text-main);margin-top:0;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--admin-border)}.progress-item,.achievement-item{padding:1rem 0;border-bottom:1px solid var(--admin-border)}.progress-item:last-child,.achievement-item:last-child{border-bottom:none}.progress-header{display:flex;justify-content:space-between;margin-bottom:.8rem;font-weight:500;color:var(--admin-text-main)}.progress-bar-container{height:8px;background:var(--admin-bg);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--admin-primary);transition:width .5s}.achievement-title{font-weight:600;color:var(--admin-text-main);margin-bottom:.3rem}.achievement-desc{color:var(--admin-text-muted);font-size:.9rem}.achievement-date{font-size:.8rem;color:#94a3b8;margin-top:.5rem}@media(max-width:1024px){.admin-sidebar{left:-100%}.admin-sidebar.mobile-open{left:0;width:var(--sidebar-width)}.admin-main-wrapper.sidebar-open,.admin-main-wrapper.sidebar-closed{margin-left:0}.admin-mobile-toggle{display:block}.admin-mobile-backdrop{position:fixed;inset:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.admin-sidebar-toggle{display:none}.admin-sidebar-header .admin-sidebar-toggle{display:flex}}@media(max-width:640px){.admin-topbar{padding:0 1rem}.admin-search,.admin-profile-text{display:none}.admin-main-content{padding:1.5rem}.admin-stats-grid{grid-template-columns:1fr}}.admin-container,.admin-stats-grid,.admin-stat-card,.admin-table-container,.admin-users-table,.details-grid,.details-section,.user-profile-header,.admin-topbar,.admin-search{box-sizing:border-box;max-width:100%}@media(min-width:1600px){.admin-container{max-width:1500px}.admin-main-content{padding:3rem}.admin-stats-grid{gap:1.5rem}.admin-title{font-size:2rem}}@media(min-width:1025px)and (max-width:1279px){.admin-main-content{padding:2rem}.admin-stats-grid{gap:.85rem}.admin-stat-card{padding:1.25rem}}@media(min-width:901px)and (max-width:1024px){.admin-main-content{padding:1.75rem}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-stats-grid[style]{grid-template-columns:repeat(2,1fr)!important}.admin-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-users-table{min-width:640px}.admin-users-table th:last-child,.admin-users-table td:last-child{position:sticky;right:0;background:var(--admin-surface);box-shadow:-6px 0 8px -6px #00000059}}@media(min-width:641px)and (max-width:900px){.admin-main-content{padding:1.5rem}.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}.admin-stats-grid[style]{grid-template-columns:repeat(2,1fr)!important;gap:1.25rem!important}.admin-stat-card{padding:1.25rem}.stat-card-value{font-size:1.9rem}.admin-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-users-table{min-width:600px}.user-profile-header{padding:1.5rem;gap:1.5rem}.profile-avatar{width:76px;height:76px;font-size:2.1rem}.details-section{padding:1.5rem}}@media(max-width:640px){.admin-topbar{height:62px;gap:.75rem}.admin-topbar-left,.admin-topbar-right{gap:.75rem}.admin-avatar{height:32px;width:32px}.admin-title{font-size:1.4rem}.admin-header{flex-wrap:wrap;gap:.75rem}.admin-stats-grid[style]{grid-template-columns:1fr!important;gap:1rem!important}.admin-stat-card{padding:1.25rem}.stat-card-value{font-size:1.8rem}.admin-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}.admin-users-table{min-width:560px}.admin-users-table th,.admin-users-table td{padding:.75rem .85rem;font-size:.85rem}.user-profile-header{flex-direction:column;text-align:center;padding:1.5rem 1rem;gap:1rem}.profile-avatar{width:70px;height:70px;font-size:2rem}.details-section{padding:1.25rem}.admin-btn{padding:.55rem 1rem;font-size:.9rem}}@media(max-width:480px){.admin-main-content{padding:1rem}.admin-topbar{padding:0 .75rem}.admin-title{font-size:1.2rem}.admin-breadcrumb{font-size:.8rem}.admin-stat-card{padding:1rem}.stat-card-title{font-size:.85rem}.stat-card-value{font-size:1.6rem}.admin-users-table{min-width:500px}.admin-users-table th,.admin-users-table td{padding:.6rem .7rem;font-size:.8rem}.role-select{padding:.35rem;font-size:.85rem}.profile-avatar{width:60px;height:60px;font-size:1.7rem}.profile-info h2{font-size:1.1rem}.details-section{padding:1rem}.details-section h3{font-size:1.05rem;margin-bottom:1rem;padding-bottom:.75rem}.admin-btn{padding:.5rem .9rem;font-size:.85rem;width:100%}}@media(max-width:360px){.admin-title{font-size:1.05rem}.admin-avatar{height:28px;width:28px;font-size:.8rem}.admin-badge{height:14px;width:14px;font-size:.55rem}.admin-users-table{min-width:460px}.stat-card-value{font-size:1.4rem}.profile-avatar{width:52px;height:52px;font-size:1.4rem}}@media(max-height:480px)and (orientation:landscape){.admin-topbar{height:56px}.admin-main-content{padding:1rem 1.5rem;height:calc(100vh - 56px)}.admin-sidebar-header{height:56px}}@media(hover:none)and (pointer:coarse){.admin-icon-btn,.admin-sidebar-toggle,.admin-mobile-toggle,.admin-btn,.view-details-link{min-width:40px;min-height:40px}}@media(prefers-reduced-motion:reduce){.admin-sidebar,.admin-main-wrapper,.admin-nav-item,.admin-icon-btn,.admin-profile-menu,.admin-btn-primary,.progress-bar-fill{transition:none!important}}@supports (padding: max(0px)){.admin-topbar{padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right))}.admin-main-content{padding-left:max(2.5rem,env(safe-area-inset-left));padding-right:max(2.5rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom))}@media(max-width:640px){.admin-topbar{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.admin-main-content{padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}}@media(max-width:480px){.admin-main-content{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}}.vm-page{display:flex;flex-direction:column;gap:1.5rem}.vm-header{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.vm-header{flex-direction:row;align-items:center;justify-content:space-between}}.vm-title{display:flex;align-items:center;gap:.75rem;font-size:1.875rem;font-weight:700;color:#fff;margin:0}.vm-title-icon{width:1.75rem;height:1.75rem;color:hsl(var(--secondary, 201 53% 56%))}.vm-breadcrumb{margin-top:.25rem;font-size:.875rem;color:#ffffff80}.vm-breadcrumb-link{color:hsl(var(--secondary, 201 53% 56%));cursor:pointer}.vm-breadcrumb-link:hover{text-decoration:underline}.vm-add-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:.5rem;border:none;cursor:pointer;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(to right,hsl(var(--nav-gradient-start, 207 52% 40%)),hsl(var(--secondary, 201 53% 56%)));box-shadow:0 4px 15px #0003;transition:opacity .2s}.vm-add-btn:hover{opacity:.9}.vm-btn-icon{width:1rem;height:1rem}.vm-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:1024px){.vm-stats-grid{grid-template-columns:repeat(4,1fr)}}.vm-stat-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem}.vm-stat-icon-wrap{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vm-stat-icon{width:1.25rem;height:1.25rem;color:#fff}.vm-stat-blue{background:linear-gradient(135deg,#3b82f6,#22d3ee)}.vm-stat-green{background:linear-gradient(135deg,#10b981,#2dd4bf)}.vm-stat-amber{background:linear-gradient(135deg,#f59e0b,#f97316)}.vm-stat-violet{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.vm-stat-label{font-size:.75rem;color:#ffffff80;margin:0}.vm-stat-value{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.vm-search-card{padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem}.vm-search-wrap{position:relative;max-width:28rem}.vm-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#fff6;pointer-events:none}.vm-search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;font-size:.875rem;outline:none;box-sizing:border-box;transition:border-color .2s}.vm-search-input::placeholder{color:#fff6}.vm-search-input:focus{border-color:#ffffff4d}.vm-table-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;overflow:hidden}.vm-table-scroll{overflow-x:auto}.vm-table{width:100%;border-collapse:collapse}.vm-thead-row{border-bottom:1px solid rgba(255,255,255,.1)}.vm-th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#fff9;white-space:nowrap}.vm-th-right{text-align:right}.vm-tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s}.vm-tr:hover{background:#ffffff0d}.vm-tr:last-child{border-bottom:none}.vm-td{padding:.875rem 1rem;vertical-align:middle;font-size:.875rem}.vm-td-muted{color:#ffffffb3}.vm-td-actions{text-align:right}.vm-vessel-cell{display:flex;align-items:center;gap:.75rem}.vm-vessel-icon-wrap{width:2.25rem;height:2.25rem;border-radius:.5rem;background:linear-gradient(135deg,hsl(var(--nav-gradient-start, 207 52% 40%)),hsl(var(--secondary, 201 53% 56%)));display:flex;align-items:center;justify-content:center;flex-shrink:0}.vm-vessel-icon{width:1rem;height:1rem;color:#fff}.vm-vessel-name{color:#fff;font-weight:500}.vm-crew-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.vm-role-badge{font-size:.625rem;font-weight:700;padding:.125rem .5rem;border-radius:9999px;border:1px solid;text-transform:capitalize;display:inline-block}.vm-role-master{background:#8b5cf626;color:#c4b5fd;border-color:#8b5cf64d}.vm-role-officer{background:#0ea5e926;color:#7dd3fc;border-color:#0ea5e94d}.vm-role-crew{background:#10b98126;color:#6ee7b7;border-color:#10b9814d}.vm-status{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:9999px;border:1px solid}.vm-status-icon{width:.75rem;height:.75rem}.vm-status-active{background:#10b98126;color:#6ee7b7;border-color:#10b9814d}.vm-status-inactive{background:#ffffff1a;color:#ffffff80;border-color:#ffffff26}.vm-actions{display:inline-flex;align-items:center;gap:.25rem}.vm-assign-btn{display:inline-flex;align-items:center;gap:.375rem;height:2rem;padding:0 .625rem;font-size:.75rem;font-weight:500;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;background:#ffffff0d;color:#fff;cursor:pointer;transition:background .2s}.vm-assign-btn:hover{background:#ffffff1a}.vm-btn-icon-sm{width:.875rem;height:.875rem}.vm-icon-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.2);background:#ffffff14;cursor:pointer;transition:background .2s,border-color .2s}.vm-edit-btn svg{width:1rem;height:1rem;color:#fff!important;stroke:#fff!important;display:block}.vm-edit-btn:hover{background:#7dd3fc26;border-color:#7dd3fc66}.vm-edit-btn:hover svg{color:#7dd3fc!important;stroke:#7dd3fc!important}.vm-delete-btn svg{width:1rem;height:1rem;color:#fff!important;stroke:#fff!important;display:block}.vm-delete-btn:hover{background:#f8717126;border-color:#f8717166}.vm-delete-btn:hover svg{color:#f87171!important;stroke:#f87171!important}.vm-empty-row{text-align:center;color:#fff6;font-size:.875rem;padding:2.5rem 1rem}.vm-table-footer{padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.vm-table-count{font-size:.75rem;color:#fff6;margin:0}.vm-overlay{position:fixed;inset:0;z-index:999;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem}.vm-dialog{width:100%;max-width:28rem;background:hsl(var(--ocean-dark, 207 72% 18%));border:1px solid rgba(255,255,255,.1);border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px #00000080}.vm-dialog-wide{max-width:30rem}.vm-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.vm-dialog-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#fff}.vm-dialog-title-icon{width:1rem;height:1rem;color:hsl(var(--secondary, 201 53% 56%));flex-shrink:0}.vm-dialog-vessel-name{color:hsl(var(--secondary, 201 53% 56%))}.vm-dialog-close{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.375rem;border:none;background:#ffffff0d;color:#ffffff80;cursor:pointer;transition:background .2s,color .2s}.vm-dialog-close:hover{background:#ffffff1a;color:#fff}.vm-dialog-close svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;stroke:#ffffffb3!important;color:#ffffffb3!important;fill:none!important;stroke-width:2!important;display:block;flex-shrink:0}.vm-dialog-close:hover svg{stroke:#fff!important;color:#fff!important}.vm-dialog-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.vm-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.08)}.vm-field{display:flex;flex-direction:column;gap:.375rem}.vm-label{font-size:.75rem;color:#fffc;font-weight:500}.vm-input{width:100%;padding:.5rem .75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;font-size:.875rem;outline:none;box-sizing:border-box;transition:border-color .2s}.vm-input::placeholder{color:#fff6}.vm-input:focus{border-color:#ffffff4d}.vm-select{width:100%;padding:.5rem .75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;font-size:.875rem;outline:none;cursor:pointer;appearance:none;box-sizing:border-box}.vm-select option{background:#0d314f;color:#fff}.vm-status-toggle{display:flex;gap:.5rem}.vm-status-btn{flex:1;padding:.5rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;border:1px solid;cursor:pointer;transition:all .2s;text-transform:capitalize}.vm-status-btn-active{background:#10b98133;border-color:#10b98166;color:#6ee7b7}.vm-status-btn-inactive-sel{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.vm-status-btn-idle{background:#ffffff0d;border-color:#ffffff1a;color:#ffffff80}.vm-status-btn-idle:hover{background:#ffffff1a}.vm-btn-ghost{padding:.5rem 1rem;border-radius:.5rem;border:none;background:transparent;color:#ffffffb3;font-size:.875rem;cursor:pointer;transition:background .2s,color .2s}.vm-btn-ghost:hover{background:#ffffff1a;color:#fff}.vm-btn-primary{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;border-radius:.5rem;border:none;cursor:pointer;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(to right,hsl(var(--nav-gradient-start, 207 52% 40%)),hsl(var(--secondary, 201 53% 56%)));transition:opacity .2s}.vm-btn-primary:hover{opacity:.9}.vm-user-search-wrap{position:relative}.vm-user-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#fff6;pointer-events:none}.vm-user-search-input{padding-left:2.25rem!important}.vm-assign-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem}.vm-assign-count{color:#fff9}.vm-assign-count strong{color:#fff}.vm-clear-btn{background:none;border:none;cursor:pointer;font-size:.75rem;color:hsl(var(--secondary, 201 53% 56%));padding:0}.vm-clear-btn:hover{text-decoration:underline}.vm-user-list-scroll{height:22.5rem;overflow-y:auto;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background:#ffffff05;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.vm-user-list{padding:.5rem;display:flex;flex-direction:column;gap:1rem}.vm-role-section-header{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;position:sticky;top:0;background:hsl(var(--ocean-dark, 207 72% 18%));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1}.vm-role-count{font-size:.625rem;color:#fff6}.vm-user-items{display:flex;flex-direction:column;gap:.25rem}.vm-user-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:.5rem;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s;background:#ffffff05}.vm-user-item:hover{background:#ffffff0d}.vm-user-item-checked{background:rgba(var(--secondary-rgb, 64 169 202),.1)!important;border-color:hsl(var(--secondary, 201 53% 56%),.3)!important}.vm-user-item-checked{background:#38bdf81a!important;border-color:#38bdf84d!important}.vm-checkbox{width:1rem;height:1rem;accent-color:hsl(var(--secondary, 201 53% 56%));cursor:pointer;flex-shrink:0}.vm-user-info{flex:1;min-width:0}.vm-user-name{font-size:.875rem;color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.vm-user-email{font-size:.6875rem;color:#fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.vm-no-users{text-align:center;color:#fff6;font-size:.875rem;padding:2rem 1rem;margin:0}.vm-toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem}.vm-toast{padding:.75rem 1rem;border-radius:.625rem;border:1px solid;min-width:200px;max-width:320px;box-shadow:0 8px 24px #0000004d}.vm-toast-success{background:#10b98126;border-color:#10b9814d}.vm-toast-error{background:#ef444426;border-color:#ef44444d}.vm-toast-title{font-size:.875rem;font-weight:600;color:#fff;margin:0}.vm-toast-desc{font-size:.75rem;color:#fff9;margin:.25rem 0 0}.vm-icon-btn svg{stroke:#fff!important;color:#fff!important;fill:none!important;width:1rem!important;height:1rem!important;min-width:1rem;min-height:1rem;display:block;visibility:visible!important;opacity:1!important}.vm-icon-btn:hover svg{stroke:currentColor!important}.vm-edit-btn:hover svg{stroke:#7dd3fc!important;color:#7dd3fc!important}.vm-delete-btn:hover svg{stroke:#f87171!important;color:#f87171!important}.vm-table-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff05;border-top:1px solid rgba(255,255,255,.1)}.vm-pagination-btns{display:flex;align-items:center;gap:.5rem}.vm-page-btn{display:inline-flex;align-items:center;padding:.4rem 1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none}.vm-page-btn:hover:not(:disabled){background:#ffffff1a;border-color:hsl(var(--secondary, 201 53% 56%),.5);transform:translateY(-1px)}.vm-page-btn:active:not(:disabled){transform:translateY(0)}.vm-page-btn:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(1)}.vm-table-count{font-size:.8125rem;font-weight:500;color:#ffffff80}.vm-page-btn:focus{outline:none;box-shadow:0 0 0 2px #40a9ca33}.vm-page,.vm-header,.vm-stats-grid,.vm-stat-card,.vm-search-card,.vm-search-wrap,.vm-table-card,.vm-user-list-scroll{box-sizing:border-box;max-width:100%}img,svg{max-width:100%}@media(min-width:1600px){.vm-page{gap:2rem}.vm-stats-grid{gap:1.5rem}.vm-title{font-size:2.1rem}.vm-dialog-wide{max-width:34rem}}@media(min-width:1025px)and (max-width:1279px){.vm-stats-grid{gap:.85rem}.vm-stat-card{padding:.85rem}}@media(min-width:900px)and (max-width:1023px){.vm-stats-grid{grid-template-columns:repeat(2,1fr)}.vm-dialog-wide{max-width:30rem}.vm-user-list-scroll{height:20rem}}@media(min-width:768px)and (max-width:899px){.vm-title{font-size:1.6rem}.vm-stats-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}.vm-stat-card{padding:.85rem}.vm-search-wrap{max-width:100%}.vm-dialog-wide{max-width:28rem}.vm-user-list-scroll{height:18rem}}@media(min-width:481px)and (max-width:767px){.vm-page{gap:1.25rem}.vm-title{font-size:1.4rem}.vm-title-icon{width:1.4rem;height:1.4rem}.vm-add-btn{width:100%;justify-content:center}.vm-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.vm-stat-card{padding:.85rem;gap:.6rem}.vm-stat-icon-wrap{width:2.1rem;height:2.1rem}.vm-stat-value{font-size:1.1rem}.vm-search-wrap{max-width:100%}.vm-table{min-width:640px}.vm-th-right,.vm-td-actions{right:0;background:#0c2031;box-shadow:-6px 0 8px -6px #0006}.vm-table-footer{flex-wrap:wrap;gap:.75rem}.vm-overlay{padding:.75rem}.vm-dialog-header,.vm-dialog-body,.vm-dialog-footer{padding-left:1rem;padding-right:1rem}.vm-dialog-wide{max-width:100%}.vm-user-list-scroll{height:16rem}.vm-status-toggle{flex-direction:column}}@media(max-width:480px){.vm-page{gap:1rem}.vm-title{font-size:1.2rem;gap:.5rem}.vm-title-icon{width:1.2rem;height:1.2rem}.vm-breadcrumb{font-size:.78rem}.vm-add-btn{width:100%;justify-content:center;padding:.55rem 1rem}.vm-stats-grid{grid-template-columns:1fr 1fr;gap:.6rem}.vm-stat-card{padding:.7rem;gap:.5rem}.vm-stat-icon-wrap{width:1.9rem;height:1.9rem}.vm-stat-icon{width:1rem;height:1rem}.vm-stat-label{font-size:.68rem}.vm-stat-value{font-size:1rem}.vm-search-card{padding:.75rem}.vm-table{min-width:560px}.vm-th,.vm-td{padding:.6rem .7rem;font-size:.8rem}.vm-th-right,.vm-td-actions{right:0;background:#0c2031;box-shadow:-6px 0 8px -6px #0006}.vm-assign-btn span,.vm-assign-btn{font-size:.7rem;padding:0 .5rem}.vm-table-footer{flex-direction:column;align-items:stretch;gap:.6rem}.vm-pagination-btns{justify-content:space-between}.vm-page-btn{flex:1;justify-content:center}.vm-dialog-header{padding:1rem}.vm-dialog-title{font-size:.9rem}.vm-dialog-body{padding:1rem;gap:.85rem}.vm-dialog-footer{padding:.85rem 1rem;flex-direction:column-reverse;gap:.5rem}.vm-dialog-footer .vm-btn-ghost,.vm-dialog-footer .vm-btn-primary{width:100%;justify-content:center}.vm-user-list-scroll{height:14rem}.vm-user-name{font-size:.8rem}.vm-user-email{font-size:.62rem}.vm-toast-container{left:.75rem;right:.75rem;bottom:1rem;align-items:stretch}.vm-toast{max-width:100%;min-width:0}}@media(max-width:360px){.vm-title{font-size:1.05rem}.vm-stats-grid{grid-template-columns:1fr}.vm-table{min-width:500px}.vm-icon-btn{width:1.8rem;height:1.8rem}.vm-dialog-title{font-size:.85rem}}@media(max-height:480px)and (orientation:landscape){.vm-overlay{align-items:flex-start;padding-top:1rem;padding-bottom:1rem}.vm-dialog,.vm-dialog-wide{max-height:90vh;overflow-y:auto}.vm-user-list-scroll{height:10rem}}@media(hover:none)and (pointer:coarse){.vm-icon-btn,.vm-assign-btn,.vm-page-btn,.vm-dialog-close,.vm-btn-ghost,.vm-btn-primary{min-height:40px}.vm-checkbox{width:1.2rem;height:1.2rem}}@media(prefers-reduced-motion:reduce){.vm-add-btn,.vm-assign-btn,.vm-icon-btn,.vm-page-btn,.vm-btn-ghost,.vm-btn-primary,.vm-tr,.vm-user-item{transition:none!important}.vm-page-btn:hover:not(:disabled){transform:none}}@supports (padding: max(0px)){.vm-toast-container{right:max(1.5rem,env(safe-area-inset-right));bottom:max(1.5rem,env(safe-area-inset-bottom));left:env(safe-area-inset-left)}@media(max-width:480px){.vm-toast-container{left:max(.75rem,env(safe-area-inset-left));right:max(.75rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom))}}}.rl-page{display:flex;flex-direction:column;gap:1.5rem;position:relative}.rl-toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;background:#0f2337f2;border:1px solid rgba(255,255,255,.15);border-radius:.75rem;padding:.875rem 1.25rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:0 8px 32px #00000059;animation:rl-toast-in .3s ease;max-width:320px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rl-toast strong{color:#fff;font-size:.875rem}.rl-toast span{color:#fff9;font-size:.75rem}.rl-toast--error{border-color:#f87171}@keyframes rl-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rl-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.rl-title{font-size:1.75rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.75rem;margin:0}.rl-title-icon{width:1.75rem;height:1.75rem;color:#22d3ee}.rl-subtitle{color:#ffffff80;font-size:.875rem;margin:.25rem 0 0}.rl-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.125rem;background:#06b6d4;color:#fff;border:none;border-radius:.625rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.rl-btn-primary:hover{background:#0891b2}.rl-btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.125rem;background:transparent;color:#fff9;border:none;border-radius:.625rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:color .2s,background .2s}.rl-btn-ghost:hover{color:#fff;background:#ffffff14}.rl-btn-icon{width:1rem;height:1rem}.rl-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:768px){.rl-stats-grid{grid-template-columns:repeat(4,1fr)}}.rl-stat-card{border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem}.rl-stat-label{color:#ffffff80;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;margin:0}.rl-stat-value{font-size:1.5rem;font-weight:700;margin:.25rem 0 0}.rl-stat-value--cyan{color:#22d3ee}.rl-stat-value--cyan-light{color:#67e8f9}.rl-stat-value--emerald{color:#6ee7b7}.rl-stat-value--violet{color:#c4b5fd}.rl-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.rl-search-wrap{position:relative;flex:1;min-width:220px;max-width:24rem}.rl-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#fff6;pointer-events:none}.rl-input{width:100%;height:2.5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:0 .75rem;color:#fff;font-size:.875rem;outline:none;box-sizing:border-box;transition:border-color .2s}.rl-input::placeholder{color:#fff6}.rl-input:focus{border-color:#22d3ee}.rl-input--search{padding-left:2.25rem}.rl-select{height:2.5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:0 .75rem;color:#fff;font-size:.875rem;outline:none;cursor:pointer;width:10rem}.rl-select:focus{border-color:#22d3ee}.rl-select--full{width:100%}.rl-select option{background:#0b2436;color:#fff}.rl-table-card{border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(34,211,238,.4) transparent}.rl-table-card::-webkit-scrollbar{height:6px;width:6px}.rl-table-card::-webkit-scrollbar-track{background:transparent}.rl-table-card::-webkit-scrollbar-thumb{background:#22d3ee66;border-radius:9999px;border:none}.rl-table-card::-webkit-scrollbar-thumb:hover{background:#22d3ee}.rl-table-card::-webkit-scrollbar-button{display:none;width:0;height:0}.rl-table-card::-webkit-scrollbar-corner{background:transparent}.rl-table{width:100%;border-collapse:collapse;font-size:.875rem}.rl-table th,.rl-table td{padding:.875rem 1.25rem;text-align:left;white-space:nowrap}.rl-thead-row th{color:#ffffffb3;font-weight:600;font-size:.8125rem;border-bottom:1px solid rgba(255,255,255,.1)}.rl-th-right{text-align:right}.rl-tr{border-bottom:1px solid rgba(255,255,255,.1);transition:background .15s}.rl-tr:last-child{border-bottom:none}.rl-tr:hover{background:#ffffff0d}.rl-empty-cell{text-align:center;color:#ffffff80;padding:2.5rem 1rem;white-space:normal}.rl-title-cell{display:flex;align-items:center;gap:.75rem}.rl-file-icon-wrap{width:2.25rem;height:2.25rem;border-radius:.5rem;background:#22d3ee26;border:1px solid rgba(34,211,238,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.rl-file-icon{width:1rem;height:1rem;color:#67e8f9}.rl-title-cell-text{color:#fff;font-weight:500}.rl-filename-cell{color:#ffffffb3;font-family:Courier New,Courier,monospace;font-size:.75rem}.rl-size-cell,.rl-uploaded-cell{color:#fff9;font-size:.875rem}.rl-uploaded-by{font-size:.75rem;color:#fff6}.rl-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:.375rem;border:1px solid;font-size:.75rem;font-weight:600;white-space:nowrap}.rl-badge--q1{background:#06b6d426;color:#67e8f9;border-color:#06b6d44d}.rl-badge--q2{background:#10b98126;color:#6ee7b7;border-color:#10b9814d}.rl-badge--q3{background:#f59e0b26;color:#fcd34d;border-color:#f59e0b4d}.rl-badge--q4{background:#8b5cf626;color:#c4b5fd;border-color:#8b5cf64d}.rl-badge--default{background:#ffffff1a;color:#ffffffb3;border-color:#fff3}.rl-td-actions{text-align:right}.rl-action-btn{display:inline-flex;align-items:center;justify-content:center;height:2rem;border:none;border-radius:.5rem;background:transparent;cursor:pointer;transition:background .2s,color .2s;margin-left:.25rem}.rl-action-icon{width:1rem;height:1rem;display:block;flex-shrink:0}.rl-action-btn--primary{color:#22d3ee}.rl-action-btn--primary:hover{background:#ffffff1a}.rl-action-btn--danger{color:#f87171}.rl-action-btn--danger:hover{background:#ffffff1a}.rl-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.rl-modal{width:100%;max-width:460px;max-height:90vh;overflow-y:auto;background:#0b2436;border:1px solid rgba(255,255,255,.1);border-radius:1rem;box-shadow:0 8px 32px #0006;animation:rl-modal-in .25s ease}@keyframes rl-modal-in{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.rl-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.rl-modal-title{font-size:1.0625rem;font-weight:600;color:#fff;margin:0}.rl-modal-desc{color:#ffffff80;font-size:.8125rem;margin:.25rem 0 0}.rl-modal-close{background:transparent;border:none;cursor:pointer;color:#fff9;padding:.25rem;border-radius:.375rem;transition:color .2s,background .2s;flex-shrink:0}.rl-modal-close:hover{color:#fff;background:#ffffff14}.rl-modal-close-icon{width:1.125rem;height:1.125rem}.rl-modal-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.rl-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem 1.25rem;border-top:1px solid rgba(255,255,255,.1)}.rl-form-group{display:flex;flex-direction:column;gap:.375rem}.rl-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.rl-label{font-size:.8125rem;font-weight:500;color:#ffffffb3}.rl-dropzone{margin-top:.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:2px dashed rgba(255,255,255,.15);border-radius:.75rem;background:#ffffff0d;padding:2rem 1rem;cursor:pointer;transition:background .2s,border-color .2s;text-align:center}.rl-dropzone:hover{background:#ffffff1a;border-color:#22d3ee66}.rl-dropzone-icon{width:1.5rem;height:1.5rem;color:#67e8f9}.rl-dropzone-text,.rl-dropzone-filename{color:#fff;font-size:.875rem;font-weight:500;margin:0}.rl-dropzone-hint{color:#ffffff80;font-size:.75rem;margin:0}.rl-file-input-hidden{display:none}.sm-root{display:flex;flex-direction:column;--foreground: 222 47% 11%;--card: 0 0% 100%;--border: 214 32% 91%;--muted: 210 40% 96%;--muted-foreground: 215 16% 47%;--primary: 207 52% 40%;color:#0f1729;border-radius:.75rem}@media(min-width:1024px){.sm-root{padding:1.5rem}}.sm-header{margin-bottom:.25rem}.sm-title{font-size:1.5rem;font-weight:700;color:#0f1729;font-family:var(--font-heading, inherit);line-height:1.2}@media(min-width:1024px){.sm-title{font-size:1.875rem}}.sm-subtitle{color:#65758b;font-size:.875rem;margin-top:.25rem}.sm-progress-strip{background:#fff;border:1px solid hsl(214,32%,88%);border-radius:10px;padding:12px 20px;display:flex;align-items:center;gap:10px;font-size:.82rem;color:#718096}.sm-progress-strip strong{color:#1a202c}.sm-progress-track{flex:1;max-width:240px;height:6px;background:#e2e8f0;border-radius:4px;overflow:hidden}.sm-progress-fill{height:100%;background:#22c55e;border-radius:4px;transition:width .5s}.sm-section{margin-top:.5rem}.sm-section__header{display:flex;align-items:flex-start;gap:14px;padding:16px 0 12px}.sm-section__header.sm-section--locked{opacity:.55}.sm-section__num{width:36px;height:36px;border-radius:50%;font-size:.85rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sm-section__info{flex:1;min-width:0}.sm-section__title{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 2px;line-height:1.3}.sm-section__desc{font-size:.78rem;color:#718096;margin:0 0 8px;line-height:1.4}.sm-section__bar-wrap{display:flex;align-items:center;gap:10px}.sm-section__bar{flex:1;max-width:180px;height:5px;background:#e2e8f0;border-radius:4px;overflow:hidden}.sm-section__bar-fill{height:100%;background:#22c55e;border-radius:4px;transition:width .4s}.sm-section__bar-label{font-size:.72rem;color:#94a3b8;font-weight:600;white-space:nowrap}.sm-section__lock{color:#94a3b8;flex-shrink:0;margin-top:8px}.sm-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:640px){.sm-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.sm-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.sm-grid{grid-template-columns:repeat(4,1fr)}}.sm-card{position:relative;display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid hsl(214,32%,88%);border-radius:.75rem;overflow:hidden;cursor:pointer;transition:box-shadow .3s,border-color .3s,transform .2s}.sm-card:hover{box-shadow:0 10px 25px -5px #0000001a,0 4px 10px -3px #0000000f;border-color:#649ece;transform:translateY(-2px)}.sm-card--locked{cursor:not-allowed}.sm-card--locked:hover{box-shadow:none;border-color:#d7dfea;transform:none}.sm-card__lock-overlay{position:absolute;inset:0;background:#ffffff73;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:.75rem;pointer-events:none}.sm-card__thumb{height:7rem;display:flex;align-items:center;justify-content:center;position:relative}.sm-card__icon{color:#ffffffd9;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#ffffff26;transition:transform .3s,background .3s}.sm-card:hover .sm-card__icon{transform:scale(1.1);background:#ffffff40}.sm-card--locked:hover .sm-card__icon{transform:none;background:#ffffff26}.sm-card__icon--done{background:#22c55e40;color:#bbf7d0}.sm-card__body{display:flex;flex-direction:column;flex:1;padding:1rem}.sm-card__title{font-size:.875rem;font-weight:600;color:#0f1729;margin-top:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sm-card__desc{font-size:.75rem;color:#65758b;margin-top:.25rem;line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sm-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.75rem;border-top:1px solid hsl(214,32%,91%)}.sm-card__meta{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#65758b}.sm-meta--score{color:#15803d;font-weight:600}.sm-grad--1{background:linear-gradient(135deg,#0c4a6e,#0ea5e9)}.sm-grad--2{background:linear-gradient(135deg,#9a3412,#f97316)}.sm-grad--3{background:linear-gradient(135deg,#14532d,#22c55e)}.sm-grad--4{background:linear-gradient(135deg,#312e81,#818cf8)}.sm-grad--5{background:linear-gradient(135deg,#134e4a,#2dd4bf)}.sm-grad--quiz{background:linear-gradient(135deg,#7f1d1d,#dc2626)}.sm-tag{display:inline-block;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.125rem .5rem;border-radius:9999px;width:fit-content}.sm-tag--1{background:#dbeafe;color:#1d4ed8}.sm-tag--2{background:#ffedd5;color:#c2410c}.sm-tag--3{background:#dcfce7;color:#15803d}.sm-tag--4{background:#e0e7ff;color:#4338ca}.sm-tag--5{background:#fef9c3;color:#a16207}.sm-tag--quiz{background:#fee2e2;color:#dc2626}.sm-detail{max-width:860px}.sm-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:#0369a1;font-size:.85rem;font-weight:600;padding:0;margin-bottom:20px;transition:color .15s}.sm-back-btn:hover{color:#0284c7}.sm-detail-breadcrumb{font-size:.75rem;color:#718096;margin-bottom:16px;display:flex;align-items:center;gap:6px}.sm-detail-breadcrumb span:first-child{color:#0369a1;font-weight:500}.sm-video-wrap{margin-bottom:24px;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000001a}.sm-video-placeholder{aspect-ratio:16 / 9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;position:relative}.sm-video-placeholder:before{content:"";position:absolute;inset:0;background:#00000059}.sm-video-play-btn{position:relative;z-index:1;width:68px;height:68px;border-radius:50%;background:#ffffff2e;border:2px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;color:#ffffffd9;cursor:pointer;transition:background .2s,transform .2s}.sm-video-play-btn:hover{background:#ffffff4d;transform:scale(1.08)}.sm-video-label{position:relative;z-index:1;color:#ffffff8c;font-size:.85rem;margin:0;font-weight:500}.sm-detail-meta{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.sm-detail-meta-badge{display:flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;color:#0369a1;background:#ebf8ff;padding:4px 10px;border-radius:99px}.sm-badge--done{background:#dcfce7;color:#166534}.sm-detail-title{font-size:1.5rem;font-weight:700;color:#1a202c;margin:0 0 20px;line-height:1.3;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.sm-detail-body{font-size:.92rem;color:#374151;line-height:1.85;white-space:pre-line}.sm-complete-btn{margin-top:32px;padding:12px 28px;background:#0369a1;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.sm-complete-btn:hover{background:#0284c7}.sm-complete-btn--done{background:#22c55e;cursor:default}.sm-complete-btn--done:hover{background:#22c55e}.sm-quiz-panel{max-width:720px}.sm-quiz-header{margin-bottom:28px}.sm-quiz-title{font-size:1.4rem;font-weight:700;color:#1a202c;margin:0 0 6px}.sm-quiz-subtitle{font-size:.85rem;color:#718096;margin:0}.sm-quiz-question-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 1px 3px #0000000d}.sm-quiz-q-num{font-size:.72rem;font-weight:700;color:#0369a1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.sm-quiz-q-text{font-size:.95rem;font-weight:600;color:#1a202c;margin-bottom:16px;line-height:1.5}.sm-quiz-options{display:flex;flex-direction:column;gap:8px}.sm-quiz-option{display:flex;align-items:center;gap:10px;padding:11px 16px;border:1.5px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s;font-size:.88rem;color:#374151}.sm-quiz-option:hover{border-color:#93c5fd;background:#eff6ff}.sm-quiz-option.sm-opt-selected{border-color:#0369a1;background:#eff6ff;color:#0369a1;font-weight:600}.sm-quiz-option.sm-opt-correct{border-color:#22c55e;background:#f0fdf4;color:#166534;font-weight:600}.sm-quiz-option.sm-opt-wrong{border-color:#ef4444;background:#fef2f2;color:#991b1b}.sm-quiz-option-letter{width:24px;height:24px;border-radius:50%;background:#e2e8f0;color:#4a5568;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sm-quiz-option.sm-opt-selected .sm-quiz-option-letter{background:#0369a1;color:#fff}.sm-quiz-option.sm-opt-correct .sm-quiz-option-letter{background:#22c55e;color:#fff}.sm-quiz-option.sm-opt-wrong .sm-quiz-option-letter{background:#ef4444;color:#fff}.sm-explanation{margin-top:12px;padding:10px 14px;background:#f0fdf4;border-left:3px solid #22c55e;border-radius:4px;font-size:.82rem;color:#166534;line-height:1.5}.sm-explanation.sm-expl-wrong{background:#fef2f2;border-color:#ef4444;color:#991b1b}.sm-quiz-submit{margin-top:8px;padding:13px 32px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:.92rem;font-weight:700;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:8px}.sm-quiz-submit:hover{background:#b91c1c}.sm-quiz-submit:disabled{background:#9ca3af;cursor:not-allowed}.sm-quiz-result{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:36px;text-align:center;box-shadow:0 4px 16px #0000000f;margin-top:24px}.sm-result-score-ring{width:100px;height:100px;border-radius:50%;margin:0 auto 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:6px solid #22c55e;background:#f0fdf4}.sm-result-score-ring.sm-fail{border-color:#f59e0b;background:#fffbeb}.sm-result-score-big{font-size:1.6rem;font-weight:800;color:#166534;line-height:1}.sm-result-score-ring.sm-fail .sm-result-score-big{color:#92400e}.sm-result-score-label{font-size:.65rem;color:#6b7280;margin-top:2px}.sm-result-title{font-size:1.3rem;font-weight:700;color:#1a202c;margin:0 0 6px}.sm-result-msg{font-size:.88rem;color:#6b7280;margin:0 0 20px}.sm-result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.sm-btn-retry{padding:10px 22px;background:#f59e0b;color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s}.sm-btn-retry:hover{background:#d97706}.sm-nav-bar{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0;gap:12px}.sm-nav-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;font-weight:600;color:#0369a1;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;max-width:45%}.sm-nav-btn:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd;box-shadow:0 2px 8px #0369a11a}.sm-nav-btn:disabled{opacity:.35;cursor:not-allowed;color:#94a3b8}.sm-nav-btn-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-nav-btn:last-child{margin-left:auto}@media(max-width:768px){.sm-nav-btn{padding:8px 14px;font-size:.78rem}.sm-nav-btn-text{max-width:120px}}.sm-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:#718096;font-size:1rem;gap:10px}@media(max-width:768px){.sm-detail{padding:0}.sm-progress-strip{flex-wrap:wrap;padding:10px 14px;font-size:.78rem}.sm-progress-track{max-width:140px}.sm-section__header{flex-wrap:wrap;gap:10px}.sm-detail-title{font-size:1.2rem}.sm-quiz-question-card{padding:16px}.sm-video-play-btn{width:56px;height:56px}}.sm-course-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:.5rem}@media(min-width:640px){.sm-course-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.sm-course-grid{grid-template-columns:repeat(3,1fr)}}.sm-course-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid hsl(214,32%,88%);border-radius:1rem;overflow:hidden;cursor:pointer;transition:box-shadow .3s,border-color .3s,transform .2s}.sm-course-card:hover{box-shadow:0 16px 40px -8px #00000024,0 6px 16px -4px #00000014;border-color:#5192c8;transform:translateY(-3px)}.sm-course-card__thumb{height:9rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.sm-course-card__thumb:before{content:"";position:absolute;inset:0;background:#0003}.sm-course-card__thumb-icon{position:relative;z-index:1;width:60px;height:60px;border-radius:50%;background:#ffffff2e;border:2px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;color:#ffffffe6;transition:transform .3s,background .3s}.sm-course-card:hover .sm-course-card__thumb-icon{transform:scale(1.1);background:#ffffff47}.sm-course-card__body{display:flex;flex-direction:column;flex:1;padding:1.25rem}.sm-course-card__label{display:inline-block;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.15rem .6rem;border-radius:9999px;background:#dbeafe;color:#1d4ed8;width:fit-content;margin-bottom:.6rem}.sm-course-card__title{font-size:1rem;font-weight:700;color:#0f1729;line-height:1.35;margin-bottom:.4rem}.sm-course-card__desc{font-size:.8rem;color:#65758b;line-height:1.55;flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1rem}.sm-course-card__footer{display:flex;flex-direction:column;gap:8px;padding-top:.875rem;border-top:1px solid hsl(214,32%,91%)}.sm-course-card__meta-row{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#65758b}.sm-course-card__meta-item{display:flex;align-items:center;gap:5px}.sm-course-card__pct{font-size:.75rem;font-weight:700;color:#15803d}.sm-course-card__prog-bar{height:5px;background:#e2e8f0;border-radius:4px;overflow:hidden}.sm-course-card__prog-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:4px;transition:width .5s}.sm-cgrad--1{background:linear-gradient(135deg,#0c4a6e,#0284c7 60%,#38bdf8)}.sm-cgrad--2{background:linear-gradient(135deg,#312e81,#6d28d9 60%,#a78bfa)}.sm-cgrad--3{background:linear-gradient(135deg,#14532d,#16a34a 60%,#4ade80)}.sm-cgrad--4{background:linear-gradient(135deg,#7f1d1d,#dc2626 60%,#fca5a5)}.sm-cgrad--5{background:linear-gradient(135deg,#134e4a,#0d9488 60%,#5eead4)}.sm-course-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:1.25rem}.sm-course-breadcrumb__back{display:inline-flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;color:#0369a1;font-size:.85rem;font-weight:600;padding:0;transition:color .15s}.sm-course-breadcrumb__back:hover{color:#0284c7}.sm-course-breadcrumb__sep{color:#94a3b8;font-size:.75rem}.sm-course-breadcrumb__current{font-size:.85rem;color:#374151;font-weight:500}@media(max-width:640px){.sm-course-card__thumb{height:7rem}.sm-course-card__title{font-size:.925rem}}@media(min-width:1600px){.sm-root{max-width:1600px;margin:0 auto;width:100%}.sm-grid{grid-template-columns:repeat(5,1fr);gap:1.5rem}.sm-course-grid{grid-template-columns:repeat(4,1fr)}.sm-title{font-size:2rem}}@media(min-width:1024px)and (max-width:1279px){.sm-grid{grid-template-columns:repeat(3,1fr)}.sm-course-grid{grid-template-columns:repeat(2,1fr)}.sm-detail,.sm-quiz-panel{max-width:100%}}@media(min-width:900px)and (max-width:1023px){.sm-grid,.sm-course-grid{grid-template-columns:repeat(2,1fr)}.sm-section__bar{max-width:140px}.sm-quiz-panel,.sm-detail{max-width:100%}}@media(min-width:768px)and (max-width:899px){.sm-root{padding:1rem}.sm-title{font-size:1.35rem}.sm-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.sm-course-grid{grid-template-columns:1fr 1fr;gap:1rem}.sm-course-card__thumb{height:8rem}.sm-quiz-result{padding:24px}.sm-nav-bar{flex-wrap:wrap}}@media(min-width:481px)and (max-width:767px){.sm-root{padding:.25rem}.sm-title{font-size:1.25rem}.sm-subtitle{font-size:.8rem}.sm-progress-strip{flex-wrap:wrap;padding:10px 12px;gap:6px;font-size:.75rem}.sm-progress-track{max-width:100%;flex-basis:100%}.sm-section__header{flex-wrap:wrap;padding:12px 0 10px}.sm-section__num{width:30px;height:30px;font-size:.75rem}.sm-section__bar-wrap{flex-wrap:wrap}.sm-section__bar{max-width:100%;flex-basis:100%}.sm-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}.sm-card__thumb{height:6rem}.sm-card__icon{width:44px;height:44px}.sm-card__body{padding:.75rem}.sm-card__title{font-size:.82rem}.sm-card__desc{font-size:.7rem}.sm-course-grid{grid-template-columns:1fr;gap:1rem}.sm-course-card__thumb{height:7rem}.sm-course-card__body{padding:1rem}.sm-detail-title{font-size:1.15rem}.sm-video-play-btn{width:52px;height:52px}.sm-quiz-title{font-size:1.15rem}.sm-quiz-question-card{padding:14px}.sm-quiz-option{padding:9px 12px;font-size:.82rem}.sm-quiz-result{padding:20px}.sm-result-score-ring{width:84px;height:84px}.sm-result-score-big{font-size:1.3rem}.sm-result-title{font-size:1.1rem}.sm-nav-bar{flex-wrap:wrap;margin-top:24px;padding-top:18px}.sm-nav-btn{max-width:100%;flex:1 1 auto}}@media(max-width:480px){.sm-root{padding:.15rem}.sm-title{font-size:1.1rem}.sm-subtitle{font-size:.75rem}.sm-back-btn{font-size:.78rem;margin-bottom:14px}.sm-detail-breadcrumb{font-size:.68rem}.sm-progress-strip{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px}.sm-progress-track{max-width:100%;width:100%}.sm-section__header{flex-direction:column;align-items:flex-start;padding:10px 0}.sm-section__lock{margin-top:0;align-self:flex-end}.sm-section__bar-wrap{flex-direction:column;align-items:flex-start;gap:4px}.sm-section__bar{max-width:100%;width:100%}.sm-grid{grid-template-columns:1fr;gap:.75rem}.sm-card__thumb{height:5.5rem}.sm-card__icon{width:40px;height:40px}.sm-card__title{font-size:.85rem}.sm-card__desc{font-size:.72rem}.sm-card__footer{flex-wrap:wrap;gap:6px}.sm-course-grid{grid-template-columns:1fr;gap:.85rem}.sm-course-card__thumb{height:6rem}.sm-course-card__thumb-icon{width:48px;height:48px}.sm-course-card__body{padding:.85rem}.sm-course-card__title{font-size:.9rem}.sm-course-card__desc{font-size:.75rem;-webkit-line-clamp:2;line-clamp:2}.sm-course-card__meta-row{flex-wrap:wrap;gap:6px;font-size:.7rem}.sm-course-breadcrumb{flex-wrap:wrap;margin-bottom:1rem}.sm-course-breadcrumb__current{font-size:.78rem;white-space:normal;word-break:break-word}.sm-detail{max-width:100%}.sm-video-placeholder{border-radius:8px}.sm-video-play-btn{width:46px;height:46px}.sm-video-label{font-size:.72rem}.sm-detail-meta{gap:6px}.sm-detail-meta-badge{font-size:.68rem;padding:3px 8px}.sm-detail-title{font-size:1.05rem;padding-bottom:12px;margin-bottom:14px}.sm-detail-body{font-size:.85rem;line-height:1.7}.sm-complete-btn{width:100%;justify-content:center;padding:11px 20px;font-size:.85rem}.sm-quiz-panel{max-width:100%}.sm-quiz-title{font-size:1.05rem}.sm-quiz-subtitle{font-size:.78rem}.sm-quiz-question-card{padding:12px;margin-bottom:12px}.sm-quiz-q-text{font-size:.85rem;margin-bottom:12px}.sm-quiz-option{padding:9px 10px;font-size:.8rem;gap:8px}.sm-quiz-option-letter{width:20px;height:20px;font-size:.65rem}.sm-explanation{font-size:.75rem;padding:8px 10px}.sm-quiz-submit{width:100%;justify-content:center;padding:12px 20px;font-size:.85rem}.sm-quiz-result{padding:16px;border-radius:12px}.sm-result-score-ring{width:72px;height:72px;border-width:5px}.sm-result-score-big{font-size:1.1rem}.sm-result-title{font-size:1rem}.sm-result-msg{font-size:.8rem}.sm-btn-retry{width:100%;padding:10px 16px;font-size:.82rem}.sm-nav-bar{flex-direction:column;align-items:stretch;gap:10px;margin-top:22px;padding-top:16px}.sm-nav-btn{max-width:100%;width:100%;justify-content:center}.sm-nav-btn:last-child{margin-left:0}.sm-nav-btn-text{max-width:none}}@media(max-width:340px){.sm-title{font-size:1rem}.sm-card__thumb,.sm-course-card__thumb{height:5rem}.sm-result-score-ring{width:64px;height:64px}.sm-quiz-option-letter{width:18px;height:18px}}@media(max-height:480px)and (orientation:landscape){.sm-video-placeholder{aspect-ratio:21 / 9}.sm-quiz-result,.sm-quiz-question-card{padding:14px}.sm-nav-bar{margin-top:16px;padding-top:12px}}@media(hover:none)and (pointer:coarse){.sm-back-btn,.sm-course-breadcrumb__back,.sm-nav-btn,.sm-btn-retry,.sm-quiz-submit,.sm-complete-btn,.sm-quiz-option{min-height:40px}}@media(prefers-reduced-motion:reduce){.sm-card,.sm-course-card,.sm-card__icon,.sm-course-card__thumb-icon,.sm-video-play-btn{transition:none!important}.sm-card:hover,.sm-course-card:hover{transform:none}}@supports (padding: max(0px)){.sm-root{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}@media(max-width:480px){.sm-root{padding-left:max(4px,env(safe-area-inset-left));padding-right:max(4px,env(safe-area-inset-right))}}}.role-header-btn{padding:.55rem 1.1rem;border:none;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s,transform .15s;letter-spacing:.2px}.role-header-btn--create{background:var(--admin-primary);color:#fff}.role-header-btn--create:hover{background:var(--admin-primary-hover);transform:translateY(-1px)}.role-header-btn--cancel{background:#ef4444;color:#fff}.role-header-btn--cancel:hover{background:#dc2626}.role-toast{padding:.9rem 1.2rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;font-weight:500;border:1px solid}.role-toast--success{background:#4caf501a;color:#4caf50;border-color:#4caf50}.role-toast--error{background:#ef44441a;color:#ef4444;border-color:#ef4444}.role-form-card{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:10px;padding:1.8rem;margin-bottom:1.8rem;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.role-form-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem}.role-form-card__header h3{margin:0;color:var(--admin-text-main);font-size:1.05rem;font-weight:600}.role-form-card__close{background:transparent;border:none;color:var(--admin-text-muted);cursor:pointer;padding:.3rem;border-radius:4px;display:flex;align-items:center;transition:color .2s,background .2s}.role-form-card__close:hover{color:#ef4444;background:#ef44441a}.role-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.role-form-field{display:flex;flex-direction:column;gap:.45rem}.role-form-field--full{grid-column:1 / -1}.role-form-field label{font-size:.875rem;font-weight:500;color:#cbd5e1}.role-form-field input,.role-form-field select,.role-form-field textarea{padding:.55rem .75rem;border-radius:6px;border:1px solid var(--admin-border);background:var(--admin-bg);color:var(--admin-text-main);font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;resize:vertical}.role-form-field input::placeholder,.role-form-field textarea::placeholder{color:var(--admin-text-muted);opacity:.6}.role-form-field input:focus,.role-form-field select:focus,.role-form-field textarea:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px #31729c1f}.role-form-actions{display:flex;justify-content:flex-end;margin-top:.3rem}.role-submit-btn{background:var(--admin-primary);color:#fff;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:background .2s,transform .15s}.role-submit-btn:hover{background:var(--admin-primary-hover);transform:translateY(-1px)}.role-table th,.role-table td{vertical-align:middle}.role-id-badge{display:inline-block;font-family:Courier New,monospace;font-size:.78rem;font-weight:700;color:var(--admin-text-muted);background:#94a3b814;border:1px solid var(--admin-border);border-radius:5px;padding:3px 9px;letter-spacing:.5px}.role-name-badge{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-size:.82rem;font-weight:600;text-transform:capitalize;letter-spacing:.2px;white-space:nowrap}.role-desc-cell{color:var(--admin-text-muted)!important;font-size:.875rem;max-width:320px;line-height:1.5}.role-lead-pill{display:flex;align-items:center;gap:.6rem}.role-lead-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--admin-primary),hsl(207,52%,55%));color:#fff;font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.role-lead-pill span{font-size:.875rem;color:var(--admin-text-main);text-transform:capitalize}.role-user-count{display:inline-flex;align-items:center;font-size:.85rem;color:var(--admin-text-muted);font-weight:500}.role-actions-cell{display:flex;align-items:center;gap:.6rem}.role-action-btn{background:transparent;border:none;cursor:pointer;padding:.35rem;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:background .18s,color .18s}.role-action-btn--edit{color:var(--admin-primary)}.role-action-btn--edit:hover{background:#31729c26;color:#38bdf8}.role-action-btn--delete{color:#ef4444}.role-action-btn--delete:hover{background:#ef44441f}.role-user-count-btn{display:inline-flex;align-items:center;font-size:.85rem;color:var(--admin-text-muted);font-weight:500;background:transparent;border:1px solid transparent;border-radius:5px;padding:.25rem .5rem;cursor:pointer;transition:background .18s,color .18s,border-color .18s}.role-user-count-btn:hover{background:#31729c1f;color:#38bdf8;border-color:#38bdf84d}@media(max-width:768px){.role-form-grid{grid-template-columns:1fr}.role-form-field--full{grid-column:1}.role-desc-cell{max-width:160px;font-size:.8rem}}.role-form-card,.role-form-grid,.role-form-field,.role-desc-cell{box-sizing:border-box;max-width:100%}@media(min-width:1600px){.role-form-card{padding:2.2rem}.role-desc-cell{max-width:420px}}@media(min-width:1025px)and (max-width:1279px){.role-form-card{padding:1.5rem}.role-desc-cell{max-width:260px}}@media(min-width:901px)and (max-width:1024px){.role-form-grid{gap:.9rem}.role-desc-cell{max-width:200px}.role-lead-pill span{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(min-width:641px)and (max-width:900px){.role-form-card{padding:1.4rem}.role-form-grid{grid-template-columns:1fr;gap:.85rem}.role-form-field--full{grid-column:1}.role-desc-cell{max-width:170px;font-size:.82rem}.role-lead-pill span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-actions-cell{gap:.4rem}}@media(max-width:640px){.role-header-btn{padding:.5rem .9rem;font-size:.85rem}.role-toast{padding:.75rem 1rem;font-size:.85rem}.role-form-card{padding:1.1rem;margin-bottom:1.25rem}.role-form-card__header h3{font-size:.95rem}.role-form-grid{grid-template-columns:1fr;gap:.75rem}.role-form-field--full{grid-column:1}.role-form-field label{font-size:.8rem}.role-form-field input,.role-form-field select,.role-form-field textarea{padding:.5rem .65rem;font-size:.85rem}.role-form-actions{justify-content:stretch}.role-submit-btn{width:100%;justify-content:center;padding:.55rem 1rem}.role-id-badge{font-size:.7rem;padding:2px 7px}.role-name-badge{font-size:.75rem;padding:3px 9px}.role-desc-cell{max-width:150px;font-size:.78rem}.role-lead-pill{gap:.45rem}.role-lead-avatar{width:24px;height:24px;font-size:.68rem}.role-lead-pill span{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.role-actions-cell{gap:.35rem}.role-action-btn{padding:.3rem}.role-user-count-btn{font-size:.78rem;padding:.2rem .4rem}.role-submit-btn[style]{padding:.28rem .6rem!important;font-size:.75rem!important}}@media(max-width:480px){.role-form-card{padding:.9rem}.role-form-card__header{margin-bottom:1rem}.role-desc-cell{max-width:120px;font-size:.75rem}.role-lead-pill span{max-width:70px;font-size:.75rem}.role-id-badge{font-size:.65rem;padding:2px 6px}.role-name-badge{font-size:.7rem;padding:2px 7px}.role-name-badge svg{width:11px;height:11px}.role-actions-cell{flex-direction:column;gap:.3rem}}@media(max-width:360px){.role-header-btn{padding:.45rem .75rem;font-size:.8rem}.role-desc-cell{max-width:100px}.role-lead-pill span{max-width:56px}.role-lead-avatar{width:20px;height:20px;font-size:.6rem}}@media(max-height:480px)and (orientation:landscape){.role-form-card{padding:1rem}.role-form-card__header{margin-bottom:.85rem}}@media(hover:none)and (pointer:coarse){.role-action-btn,.role-user-count-btn,.role-header-btn,.role-submit-btn,.role-form-card__close{min-width:38px;min-height:38px}}@media(prefers-reduced-motion:reduce){.role-form-card{animation:none!important}.role-header-btn,.role-submit-btn,.role-action-btn,.role-user-count-btn{transition:none!important}.role-header-btn--create:hover,.role-submit-btn:hover{transform:none}}:root{--ac-primary-start: hsl(207, 52%, 40%);--ac-primary-end: hsl(201, 53%, 56%);--ac-ocean-dark: hsl(207, 72%, 18%);--ac-card-bg: rgba(255,255,255,.05);--ac-border: rgba(255,255,255,.1);--ac-border-subtle: rgba(255,255,255,.05);--ac-text-white: #ffffff;--ac-text-50: rgba(255,255,255,.5);--ac-text-40: rgba(255,255,255,.4);--ac-text-30: rgba(255,255,255,.3);--ac-text-20: rgba(255,255,255,.2);--ac-hover-bg: rgba(255,255,255,.1);--ac-emerald: #34d399;--ac-red: #f87171;--ac-secondary: hsl(201, 53%, 56%);--ac-radius: .75rem;--ac-radius-sm: .5rem;--ac-radius-lg: 1rem}.ac-page{display:flex;flex-direction:column;gap:1.5rem}.ac-form-page{max-width:56rem}.ac-card{background:var(--ac-card-bg);border:1px solid var(--ac-border);border-radius:var(--ac-radius);overflow:hidden}.ac-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--ac-radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:opacity .2s,background .2s}.ac-btn-primary{background:linear-gradient(135deg,var(--ac-primary-start),var(--ac-primary-end));color:var(--ac-text-white);box-shadow:0 4px 12px #0003}.ac-btn-primary:hover{opacity:.9}.ac-btn-danger{background:transparent;border:1px solid rgba(239,68,68,.3);color:var(--ac-red)}.ac-btn-danger:hover{background:#ef44441a}.ac-btn-dashed{background:transparent;border:2px dashed rgba(255,255,255,.15);color:var(--ac-text-50)}.ac-btn-dashed:hover{background:#ffffff0d;color:var(--ac-text-white)}.ac-btn-full{width:100%;justify-content:center}.ac-btn-lg{height:3.5rem;font-size:1rem}.ac-btn-flex{flex:1;justify-content:center}.ac-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--ac-radius-sm);border:none;background:transparent;color:var(--ac-text-40);cursor:pointer;transition:color .2s,background .2s}.ac-icon-btn:hover{color:var(--ac-text-white);background:var(--ac-hover-bg)}.ac-icon-btn-edit:hover{color:var(--ac-secondary)}.ac-icon-btn-del:hover{color:var(--ac-red)}.ac-input{width:100%;background:#ffffff1a;border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);color:var(--ac-text-white);font-size:.875rem;padding:.5rem .75rem;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.ac-input::placeholder{color:var(--ac-text-30)}.ac-input:focus{border-color:var(--ac-primary-start);box-shadow:0 0 0 2px #4a82a340}.ac-textarea{width:100%;background:#ffffff1a;border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);color:var(--ac-text-white);font-size:.875rem;padding:.625rem .75rem;outline:none;resize:vertical;min-height:100px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;font-family:inherit}.ac-textarea::placeholder{color:var(--ac-text-30)}.ac-textarea:focus{border-color:var(--ac-primary-start);box-shadow:0 0 0 2px #4a82a340}.ac-label{display:block;font-size:.75rem;color:var(--ac-text-50);margin-bottom:.375rem}.ac-header-row{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.ac-header-row{flex-direction:row;align-items:center;justify-content:space-between}}.ac-page-title{font-size:1.875rem;font-weight:700;color:var(--ac-text-white);margin:0}.ac-breadcrumb{color:var(--ac-text-50);font-size:.875rem;margin-top:.25rem}.ac-breadcrumb-link{color:var(--ac-secondary);cursor:pointer}.ac-breadcrumb-link:hover{text-decoration:underline}.ac-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:1024px){.ac-stats-grid{grid-template-columns:repeat(4,1fr)}}.ac-stat-card{display:flex;align-items:center;gap:.75rem;padding:1rem}.ac-stat-icon{width:2.5rem;height:2.5rem;border-radius:var(--ac-radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ac-text-white)}.stat-blue{background:linear-gradient(135deg,#3b82f6,#22d3ee)}.stat-green{background:linear-gradient(135deg,#10b981,#2dd4bf)}.stat-amber{background:linear-gradient(135deg,#f59e0b,#fb923c)}.stat-violet{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.ac-stat-label{font-size:.75rem;color:var(--ac-text-50);margin:0}.ac-stat-value{font-size:1.25rem;font-weight:700;color:var(--ac-text-white);margin:0}.ac-search-bar{padding:1rem}.ac-search-inner{display:flex;flex-direction:column;gap:.75rem}@media(min-width:640px){.ac-search-inner{flex-direction:row}}.ac-search-input-wrap{position:relative;flex:1}.ac-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--ac-text-40);pointer-events:none}.ac-search-input{padding-left:2.25rem}.ac-view-toggle{display:flex;gap:.25rem;background:#ffffff1a;border-radius:var(--ac-radius-sm);padding:.25rem}.ac-toggle-btn{padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;border:none;background:transparent;color:var(--ac-text-50);cursor:pointer;transition:background .2s,color .2s}.ac-toggle-btn.active{background:#fff3;color:var(--ac-text-white)}.ac-table-wrap{overflow:hidden}.ac-table-scroll{overflow-x:auto}.ac-table{width:100%;border-collapse:collapse}.ac-thead-row{border-bottom:1px solid var(--ac-border)}.ac-thead-row:hover{background:transparent}.ac-th{padding:.75rem 1rem;text-align:left;font-size:.875rem;font-weight:500;color:var(--ac-text-50);white-space:nowrap}.ac-th-right{text-align:right}.ac-tbody-row{border-bottom:1px solid var(--ac-border-subtle);transition:background .15s}.ac-tbody-row:hover{background:#ffffff0d}.ac-td{padding:.875rem 1rem;vertical-align:middle}.ac-td-muted{color:#ffffffb3;font-size:.875rem}.ac-course-cell{display:flex;align-items:center;gap:.75rem}.ac-course-icon{font-size:1.5rem}.ac-course-title{color:var(--ac-text-white);font-size:.875rem;font-weight:500;margin:0}.ac-course-desc{color:var(--ac-text-40);font-size:.75rem;margin:0;max-width:18rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ac-status-badge{display:inline-flex;align-items:center;gap:.375rem}.ac-check-icon{color:var(--ac-emerald)}.ac-published{color:var(--ac-emerald);font-size:.75rem;font-weight:500}.ac-actions{display:flex;align-items:center;gap:.25rem;justify-content:flex-end}.ac-table-footer{border-top:1px solid var(--ac-border);padding:.75rem 1rem}.ac-table-count{font-size:.75rem;color:var(--ac-text-40)}.ac-grid-view{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.ac-grid-view{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.ac-grid-view{grid-template-columns:repeat(3,1fr)}}.ac-grid-card{cursor:pointer;transition:background .2s}.ac-grid-card:hover{background:#ffffff14}.ac-grid-card-bar{height:.5rem;background:linear-gradient(90deg,var(--ac-primary-start),var(--ac-primary-end))}.ac-grid-card-body{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.ac-grid-card-top{display:flex;align-items:flex-start;justify-content:space-between}.ac-grid-card-info{display:flex;align-items:center;gap:.75rem}.ac-grid-course-icon{font-size:1.875rem}.ac-grid-course-title{color:var(--ac-text-white);font-size:.875rem;font-weight:600;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ac-grid-course-meta{color:var(--ac-text-40);font-size:.625rem;margin:.25rem 0 0}.ac-grid-edit-btn{opacity:0}.ac-grid-card-group:hover .ac-grid-edit-btn{opacity:1}.ac-grid-course-desc{color:var(--ac-text-40);font-size:.75rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ac-grid-course-stats{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:var(--ac-text-50)}.ac-grid-stat{display:flex;align-items:center;gap:.25rem}.ac-grid-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid var(--ac-border-subtle)}.ac-grid-quiz-count{color:var(--ac-text-40);font-size:.75rem}.ac-modal-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.ac-modal{width:100%;max-width:42rem;background:var(--ac-ocean-dark);border:1px solid var(--ac-border);border-radius:1rem;box-shadow:0 25px 50px #00000080;overflow:hidden;max-height:80vh;overflow-y:auto}.ac-modal-bar{height:.5rem;background:linear-gradient(90deg,var(--ac-primary-start),var(--ac-primary-end))}.ac-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.ac-modal-header{display:flex;align-items:flex-start;justify-content:space-between}.ac-modal-title-row{display:flex;align-items:center;gap:.75rem}.ac-modal-course-icon{font-size:2.5rem}.ac-modal-course-title{font-size:1.25rem;font-weight:700;color:var(--ac-text-white);margin:0}.ac-modal-course-duration{color:var(--ac-text-50);font-size:.75rem;margin:.25rem 0 0}.ac-modal-desc{color:#fff9;font-size:.875rem;margin:0}.ac-modal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.ac-modal-stat-box{background:#ffffff0d;border-radius:var(--ac-radius);padding:.75rem;text-align:center}.ac-modal-stat-value{font-size:1.5rem;font-weight:700;color:var(--ac-text-white);margin:0}.ac-modal-stat-label{font-size:.75rem;color:var(--ac-text-50);margin:0}.ac-modal-modules{display:flex;flex-direction:column;gap:.75rem}.ac-modal-section-title{color:var(--ac-text-white);font-size:.875rem;font-weight:600;margin:0}.ac-module-item{background:#ffffff0d;border-radius:var(--ac-radius);overflow:hidden}.ac-module-header{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem;text-align:left;background:transparent;border:none;cursor:pointer;transition:background .15s}.ac-module-header:hover{background:#ffffff0d}.ac-module-num{width:1.75rem;height:1.75rem;border-radius:var(--ac-radius-sm);background:linear-gradient(135deg,var(--ac-primary-start),var(--ac-primary-end));display:flex;align-items:center;justify-content:center;color:var(--ac-text-white);font-size:.75rem;font-weight:700;flex-shrink:0}.ac-module-info{flex:1}.ac-module-title{color:var(--ac-text-white);font-size:.875rem;font-weight:500;margin:0}.ac-module-lesson-count{color:var(--ac-text-40);font-size:.75rem;margin:0}.ac-chevron{color:var(--ac-text-40);flex-shrink:0}.ac-module-lessons-wrap{overflow:hidden}.ac-module-lessons{padding:.75rem 1rem 1rem;border-top:1px solid var(--ac-border-subtle);display:flex;flex-direction:column;gap:.375rem}.ac-lesson-row{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;background:#ffffff0d;border-radius:var(--ac-radius-sm);padding:.5rem .75rem}.ac-lesson-title{color:#fff9;display:flex;align-items:center;gap:.5rem}.ac-lesson-icon{color:var(--ac-secondary)}.ac-lesson-duration{color:var(--ac-text-40)}.ac-modal-actions{display:flex;gap:.75rem;padding-top:.5rem}.ac-form-header{display:flex;align-items:center;justify-content:space-between}.ac-form-header-left{display:flex;align-items:center;gap:1rem}.ac-back-btn{padding:.5rem;border-radius:var(--ac-radius);border:none;background:transparent;color:#fff9;cursor:pointer;transition:color .2s,background .2s;display:flex;align-items:center}.ac-back-btn:hover{color:var(--ac-text-white);background:var(--ac-hover-bg)}.ac-form-title{font-size:1.5rem;font-weight:700;color:var(--ac-text-white);margin:0}.ac-form-subtitle{color:var(--ac-text-50);font-size:.875rem;margin:.125rem 0 0}.ac-tabs{display:flex;gap:.25rem;background:#ffffff0d;border-radius:var(--ac-radius);padding:.25rem;border:1px solid var(--ac-border)}.ac-tab-btn{flex:1;padding:.625rem 1rem;border-radius:var(--ac-radius-sm);font-size:.875rem;font-weight:500;border:none;background:transparent;color:var(--ac-text-50);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;text-transform:capitalize}.ac-tab-btn.active{background:linear-gradient(135deg,var(--ac-primary-start),var(--ac-primary-end));color:var(--ac-text-white);box-shadow:0 4px 12px #00000040}.ac-tab-btn:not(.active):hover{color:var(--ac-text-white);background:var(--ac-hover-bg)}.ac-tab-content{display:flex;flex-direction:column;gap:1rem}.ac-form-card{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.ac-form-icon-title{display:grid;grid-template-columns:80px 1fr;gap:1.25rem;align-items:start}.ac-icon-input{text-align:center;font-size:1.5rem;height:4rem;padding:0}.ac-form-title-field{flex:1}.ac-form-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:480px){.ac-form-two-col{grid-template-columns:1fr}}.ac-summary-box{background:#ffffff0d;border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);padding:.75rem;display:flex;align-items:center;gap:1rem;min-height:2.5rem}.ac-summary-stat{font-size:.75rem;color:var(--ac-text-50);display:flex;align-items:center;gap:.25rem}.ac-module-card{overflow:hidden}.ac-module-row{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;transition:background .15s}.ac-module-row:hover{background:#ffffff0d}.ac-grip{color:#fff3;flex-shrink:0}.ac-module-badge{width:2rem;height:2rem;border-radius:var(--ac-radius-sm);background:linear-gradient(135deg,var(--ac-primary-start),var(--ac-primary-end));display:flex;align-items:center;justify-content:center;color:var(--ac-text-white);font-size:.875rem;font-weight:700;flex-shrink:0}.ac-module-title-input{background:transparent!important;border:none!important;box-shadow:none!important;font-weight:600;padding-left:0;padding-right:0}.ac-module-title-input:focus{box-shadow:none!important}.ac-module-count{font-size:.75rem;color:var(--ac-text-40);flex-shrink:0;margin-left:auto}.ac-lessons-wrap{overflow:hidden}.ac-lessons-inner{padding:1rem 1.25rem 1.25rem;border-top:1px solid var(--ac-border-subtle);display:flex;flex-direction:column;gap:.75rem}.ac-lesson-card{background:#ffffff0d;border-radius:var(--ac-radius);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.ac-lesson-top{display:flex;align-items:center;gap:.75rem}.ac-video-icon{color:var(--ac-secondary);flex-shrink:0}.ac-lesson-title-input{flex:1}.ac-duration-input{width:5rem;flex-shrink:0}.ac-url-input{font-size:.75rem}.ac-quiz-card{padding:1.25rem}.ac-quiz-inner{display:flex;align-items:flex-start;gap:.75rem}.ac-quiz-num{width:1.75rem;height:1.75rem;border-radius:var(--ac-radius-sm);background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:var(--ac-text-white);font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:.25rem}.ac-quiz-body{flex:1;display:flex;flex-direction:column;gap:.75rem}.ac-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.ac-option-row{display:flex;align-items:center;gap:.5rem}.ac-radio-btn{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:border-color .2s,background .2s}.ac-radio-btn:hover{border-color:#fff6}.ac-radio-btn.correct{border-color:var(--ac-emerald);background:#34d39933}.ac-radio-dot{width:.625rem;height:.625rem;border-radius:50%;background:var(--ac-emerald)}.ac-option-input{flex:1}.ac-quiz-del{margin-top:.25rem}.ac-page,.ac-form-page,.ac-card,.ac-header-row,.ac-stats-grid,.ac-stat-card,.ac-search-bar,.ac-search-inner,.ac-table-wrap,.ac-grid-view,.ac-form-card,.ac-form-icon-title,.ac-form-two-col,.ac-module-row,.ac-lesson-card,.ac-quiz-card{box-sizing:border-box;max-width:100%}@media(min-width:1600px){.ac-form-page{max-width:64rem}.ac-stats-grid{gap:1.5rem}.ac-grid-view{grid-template-columns:repeat(4,1fr)}.ac-modal{max-width:48rem}}@media(min-width:1025px)and (max-width:1279px){.ac-stats-grid{gap:.85rem}.ac-grid-view{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px)and (max-width:1024px){.ac-stats-grid,.ac-grid-view{grid-template-columns:repeat(2,1fr)}.ac-table{min-width:680px}.ac-modal{max-width:36rem}}@media(min-width:768px)and (max-width:899px){.ac-page-title{font-size:1.6rem}.ac-stats-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}.ac-grid-view{grid-template-columns:repeat(2,1fr)}.ac-course-desc{max-width:12rem}.ac-table{min-width:620px}.ac-modal{max-width:32rem}.ac-form-icon-title{grid-template-columns:70px 1fr;gap:1rem}}@media(min-width:481px)and (max-width:767px){.ac-page{gap:1.25rem}.ac-page-title{font-size:1.4rem}.ac-btn-primary{width:100%;justify-content:center}.ac-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.ac-stat-card{padding:.85rem;gap:.6rem}.ac-stat-icon{width:2.1rem;height:2.1rem}.ac-stat-value{font-size:1.1rem}.ac-grid-view{grid-template-columns:1fr}.ac-course-desc{max-width:10rem}.ac-table{min-width:600px}.ac-modal{max-width:100%;max-height:88vh}.ac-modal-body{padding:1.1rem}.ac-modal-stats{grid-template-columns:repeat(3,1fr);gap:.5rem}.ac-modal-actions{flex-direction:column}.ac-form-icon-title{grid-template-columns:64px 1fr;gap:.85rem}.ac-lesson-top{flex-wrap:wrap}.ac-duration-input{width:100%;order:3}.ac-options-grid{grid-template-columns:1fr}}@media(max-width:480px){.ac-page{gap:1rem}.ac-page-title{font-size:1.2rem}.ac-breadcrumb{font-size:.78rem}.ac-btn{font-size:.8rem;padding:.45rem .85rem}.ac-btn-primary{width:100%;justify-content:center}.ac-stats-grid{grid-template-columns:1fr 1fr;gap:.6rem}.ac-stat-card{padding:.7rem;gap:.5rem}.ac-stat-icon{width:1.9rem;height:1.9rem}.ac-stat-label{font-size:.68rem}.ac-stat-value{font-size:1rem}.ac-search-bar{padding:.75rem}.ac-view-toggle{width:100%}.ac-toggle-btn{flex:1;text-align:center}.ac-grid-view{grid-template-columns:1fr;gap:.75rem}.ac-course-desc{max-width:8rem}.ac-table{min-width:540px}.ac-th,.ac-td{padding:.6rem .7rem;font-size:.8rem}.ac-modal-backdrop{padding:.5rem}.ac-modal{max-height:92vh}.ac-modal-body{padding:1rem;gap:1rem}.ac-modal-course-icon{font-size:2rem}.ac-modal-course-title{font-size:1.05rem}.ac-modal-stats{grid-template-columns:1fr 1fr 1fr;gap:.4rem}.ac-modal-stat-box{padding:.5rem}.ac-modal-stat-value{font-size:1.15rem}.ac-modal-actions{flex-direction:column}.ac-form-header{flex-wrap:wrap;gap:.75rem}.ac-form-header-left{gap:.6rem}.ac-form-title{font-size:1.2rem}.ac-tabs{flex-wrap:wrap}.ac-tab-btn{flex:1 1 calc(50% - .25rem);font-size:.8rem;padding:.5rem .6rem}.ac-form-card{padding:1rem;gap:1rem}.ac-form-icon-title{grid-template-columns:60px 1fr;gap:.7rem}.ac-icon-input{height:3.2rem;font-size:1.2rem}.ac-summary-box{flex-wrap:wrap;gap:.5rem}.ac-module-row{padding:.75rem .85rem;gap:.5rem}.ac-module-count{display:none}.ac-lessons-inner{padding:.75rem .85rem 1rem}.ac-lesson-card{padding:.75rem}.ac-lesson-top{flex-wrap:wrap}.ac-duration-input{width:100%;order:3}.ac-quiz-card{padding:.85rem}.ac-options-grid{grid-template-columns:1fr}}@media(max-width:360px){.ac-page-title,.ac-form-title{font-size:1.05rem}.ac-stats-grid{grid-template-columns:1fr}.ac-table{min-width:480px}.ac-tab-btn{flex:1 1 100%}.ac-form-icon-title{grid-template-columns:1fr}.ac-icon-input{width:100%}}@media(max-height:480px)and (orientation:landscape){.ac-modal-backdrop{align-items:flex-start;padding-top:1rem;padding-bottom:1rem}.ac-modal{max-height:92vh}}@media(hover:none)and (pointer:coarse){.ac-icon-btn,.ac-btn,.ac-toggle-btn,.ac-tab-btn,.ac-back-btn,.ac-radio-btn{min-width:38px;min-height:38px}}@media(prefers-reduced-motion:reduce){.ac-btn,.ac-icon-btn,.ac-tab-btn,.ac-toggle-btn,.ac-grid-card,.ac-module-header,.ac-radio-btn{transition:none!important}}.ucm-root{position:relative;min-height:100vh;padding:1.5rem}.ucm-inner{display:flex;flex-direction:column;gap:1.5rem}.glass-card{border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem}.toast{background:#0f1e32f2;border:1px solid rgba(255,255,255,.15);border-radius:.75rem;padding:.875rem 1.25rem;min-width:280px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #0006}.toast-title{color:#fff;font-size:.875rem;font-weight:600;margin:0 0 .2rem}.toast-desc{color:#ffffff8c;font-size:.8rem;margin:0}.ucm-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.ucm-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.ucm-subtitle{color:#ffffff80;font-size:.875rem;margin:.25rem 0 0}.btn-bulk-notify{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:.625rem;border:none;background:linear-gradient(135deg,#06b6d4,#2563eb);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s}.btn-bulk-notify:hover{opacity:.9;transform:translateY(-1px)}.tab-list{display:inline-flex;gap:.25rem;padding:.25rem;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:.75rem}.tab-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;border:none;background:transparent;color:#ffffff8c;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s}.tab-trigger:hover{color:#fffc;background:#ffffff1a}.tab-active{background:#fff3!important;color:#fff!important}.ucm-root .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:768px){.ucm-root .stats-grid{grid-template-columns:repeat(5,1fr)}}.ucm-root .stat-card{padding:1rem}.ucm-root .stat-inner{display:flex;align-items:center;gap:.75rem}.ucm-root .stat-icon-wrap{width:2.5rem;height:2.5rem;border-radius:.625rem;background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ucm-root .stat-label{color:#ffffff80;font-size:.75rem;margin:0 0 .1rem}.ucm-root .stat-value{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.ucm-root .stat-cyan{background:linear-gradient(135deg,#06b6d433,#3b82f633)}.ucm-root .stat-emerald{background:linear-gradient(135deg,#10b98133,#22c55e33)}.ucm-root .stat-amber{background:linear-gradient(135deg,#f59e0b33,#eab30833)}.ucm-root .stat-purple{background:linear-gradient(135deg,#a855f733,#8b5cf633)}.ucm-root .stat-pink{background:linear-gradient(135deg,#ec489933,#f43f5e33)}.filter-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.search-wrap{position:relative;flex:1;min-width:200px;max-width:360px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#fff6;pointer-events:none}.search-input{width:100%;padding:.55rem .875rem .55rem 2.25rem;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:.625rem;color:#fff;font-size:.875rem;outline:none;transition:border-color .2s,background .2s;box-sizing:border-box}.search-input::placeholder{color:#ffffff59}.search-input:focus{border-color:#ffffff40;background:#ffffff1f}.custom-select-wrap{position:relative}.custom-select-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .875rem;width:200px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:.625rem;color:#fff;font-size:.875rem;cursor:pointer;transition:background .2s;text-align:left}.custom-select-trigger:hover{background:#ffffff1f}.filter-icon-muted{color:#fff6;flex-shrink:0}.select-chevron{margin-left:auto;color:#fff6;transition:transform .2s}.chevron-open{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:calc(100% + .375rem);left:0;width:200px;background:#0a263d;border:1px solid rgba(255,255,255,.1);border-radius:.625rem;overflow:hidden;z-index:100;box-shadow:0 8px 32px #0006}.custom-select-item{display:block;width:100%;padding:.6rem .875rem;background:transparent;border:none;color:#ffffffb3;font-size:.875rem;text-align:left;cursor:pointer;transition:background .15s,color .15s}.custom-select-item:hover{background:#ffffff14;color:#fff}.select-item-active{background:#ffffff1f!important;color:#fff!important}.table-card{margin-top:.5rem;overflow:hidden}.table-scroll{overflow-x:auto}.ucm-table{width:100%;border-collapse:collapse}.table-header-row{border-bottom:1px solid rgba(255,255,255,.1)}.th{padding:.75rem 1rem;color:#ffffff80;font-size:.8rem;font-weight:500;text-align:left;white-space:nowrap}.th-right{text-align:right}.table-row{border-bottom:1px solid rgba(255,255,255,.07);cursor:pointer;transition:background .15s}.table-row:hover{background:#ffffff0a}.td{padding:.85rem 1rem;font-size:.875rem;vertical-align:middle}.td-rank{color:#ffffffb3}.td-right{text-align:right}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar{width:2.25rem;height:2.25rem;border-radius:50%;background:linear-gradient(135deg,#06b6d44d,#3b82f64d);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.8rem;flex-shrink:0}.user-name{color:#fff;font-weight:500;font-size:.875rem;margin:0}.user-email{color:#fff6;font-size:.75rem;margin:0}.dept-badge{display:inline-block;padding:.2rem .6rem;border-radius:.375rem;border:1px solid rgba(255,255,255,.2);color:#fff9;font-size:.75rem}.courses-cell{display:flex;align-items:center;gap:.375rem;font-size:.875rem}.courses-completed{color:#34d399;font-weight:600}.courses-sep{color:#ffffff4d}.courses-total{color:#fff9}.courses-pending{color:#fbbf24;font-size:.75rem}.progress-cell{display:flex;align-items:center;gap:.75rem;min-width:120px}.progress-bar-wrap{flex:1;height:.5rem;background:#ffffff1a;border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#2563eb);border-radius:9999px;transition:width .4s ease}.progress-label{color:#fff;font-size:.75rem;font-weight:600;width:2.5rem;text-align:right}.streak-cell{display:flex;align-items:center;gap:.25rem}.streak-icon{color:#fb923c}.streak-value{color:#ffffffb3;font-size:.875rem}.deadline-cell{display:flex;align-items:center;gap:.3rem;font-size:.8rem;white-space:nowrap}.deadline-cell svg{flex-shrink:0;opacity:.7}.deadline-none{color:#ffffff4d;font-size:.875rem}.deadline-ok{color:#ffffffa6}.deadline-soon{color:#fbbf24}.deadline-overdue{color:#f87171}.deadline-tag{font-size:.7rem;font-weight:600;padding:1px 5px;border-radius:4px;background:#ffffff1a;letter-spacing:.02em}.deadline-soon .deadline-tag{background:#fbbf2433;color:#fbbf24}.deadline-overdue .deadline-tag{background:#f8717133;color:#f87171}.course-deadline-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:2px 8px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;margin-left:auto;white-space:nowrap}.course-deadline-badge svg{flex-shrink:0}.course-deadline-badge.deadline-ok{color:#ffffff8c}.course-deadline-badge.deadline-soon{color:#fbbf24;border-color:#fbbf244d;background:#fbbf2414}.course-deadline-badge.deadline-overdue{color:#f87171;border-color:#f871714d;background:#f8717114}.course-deadline-badge.deadline-none{color:#ffffff40;border-color:#ffffff12}.actions-cell{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.actions-cell .action-btn{flex-shrink:0}.action-btn{min-width:2rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s;overflow:visible;line-height:1}.action-btn:hover{background:#ffffff1f;color:#fff}.action-btn-notify{color:#f59e0b}.action-btn-notify:hover{background:#f59e0b26;color:#fbbf24}.action-btn-assign{color:#10b981}.action-btn-assign:hover{background:#10b98126;color:#34d399}.expanded-row{border-bottom:1px solid rgba(255,255,255,.07)}.expanded-td{padding:0}.expanded-motion{overflow:hidden}.expanded-content{padding:1.25rem;background:#ffffff05}.breakdown-label{color:#ffffff80;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .75rem}.course-list{display:flex;flex-direction:column;gap:.5rem}.course-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:.75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.course-info{flex:1;min-width:0}.course-title{color:#fff;font-size:.9375rem;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-meta{color:#fff6;font-size:.75rem;margin:.2rem 0 0}.course-stats{display:flex;align-items:center;gap:1rem;flex-shrink:0;flex-wrap:wrap}.course-progress-wrap{display:flex;align-items:center;gap:.5rem;width:8rem}.progress-bar-sm{height:.375rem!important}.course-progress-label{color:#fff9;font-size:.75rem;width:2rem;text-align:right}.course-quiz{width:3rem;text-align:center}.course-block{display:flex;flex-direction:column;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);overflow:hidden}.course-header-item{background:#06b6d41f!important;border-radius:0!important;border:none!important;border-bottom:1px solid rgba(6,182,212,.2)!important}.course-block-icon{color:#06b6d4;flex-shrink:0}.course-group-header{display:flex;align-items:center;gap:.5rem;padding:.55rem .85rem;background:#06b6d421;border-bottom:1px solid rgba(6,182,212,.22)}.course-group-title{font-size:.82rem;font-weight:600;color:#67e8f9;flex:1}.course-group-meta{font-size:.7rem;color:#ffffff73;white-space:nowrap}.module-list{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.07)}.module-list-label{color:#ffffff59;font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:0;padding:.4rem .75rem .2rem 2rem}.module-item{display:flex;align-items:center;gap:1rem;padding:.55rem .75rem .55rem 2rem;border-bottom:1px solid rgba(255,255,255,.04);flex-wrap:wrap}.module-item:last-child{border-bottom:none}.module-connector{width:.75rem;height:1px;background:#fff3;flex-shrink:0;margin-right:-.25rem}.module-title{color:#fffc;font-size:.8125rem;font-weight:400;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-meta{color:#ffffff59;font-size:.7rem;margin:.1rem 0 0}.module-progress-fill{background:linear-gradient(90deg,#10b981,#34d399)!important}.status-badge{display:inline-block;padding:.2rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:600;border:1px solid;white-space:nowrap}.badge-completed{background:#10b98133;color:#34d399;border-color:#10b9814d}.badge-inprogress{background:#f59e0b33;color:#fbbf24;border-color:#f59e0b4d}.badge-notstarted{background:#ef444433;color:#f87171;border-color:#ef44444d}.quiz-na{color:#ffffff4d;font-size:.875rem}.quiz-score{font-weight:700;font-size:.875rem}.quiz-pass{color:#34d399}.quiz-fail{color:#f87171}.empty-row{text-align:center;padding:3rem 1rem;color:#fff6;font-size:.875rem}.pagination-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.pagination-info{color:#fff6;font-size:.875rem;margin:0}.pagination-controls{display:flex;align-items:center;gap:.375rem}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .4rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff9;font-size:.8125rem;cursor:pointer;transition:background .15s,color .15s}.page-btn:hover:not(:disabled){background:#ffffff1f;color:#fff}.page-btn:disabled{opacity:.3;cursor:default}.page-active{background:#fff3!important;color:#fff!important}.page-ellipsis{color:#ffffff4d;padding:0 .25rem;font-size:.875rem}.icon-xs{width:.875rem;height:.875rem}.icon-sm{width:1.15rem!important;height:1.15rem!important;display:block;flex-shrink:0}.icon-md{width:1.25rem;height:1.25rem;color:#fffc}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.btn-assign-course{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:.625rem;border:none;background:linear-gradient(135deg,#10b981,#0d9488);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s}.btn-assign-course:hover{opacity:.9;transform:translateY(-1px)}.dialog-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.dialog-box{background:#081e30;border:1px solid rgba(255,255,255,.1);border-radius:1rem;width:100%;max-width:640px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 24px 64px #00000080}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem 1.5rem 0;gap:1rem}.dialog-title{color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 .25rem}.dialog-desc{color:#ffffff80;font-size:.8rem;margin:0}.dialog-close{width:2rem;height:2rem;border-radius:.5rem;border:none;background:#ffffff14;color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.dialog-close:hover{background:#ffffff26;color:#fff}.dialog-close svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;stroke:#ffffffb3!important;color:#ffffffb3!important;fill:none!important;stroke-width:2!important;display:block;flex-shrink:0}.dialog-close:hover svg{stroke:#fff!important;color:#fff!important}.dialog-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.dialog-section{display:flex;flex-direction:column;gap:.625rem}.dialog-section-header{display:flex;align-items:center;justify-content:space-between}.dialog-section-label{color:#ffffffb3;font-size:.875rem;font-weight:600;margin:0}.dialog-select-sm{height:2rem;font-size:.75rem;padding:0 .625rem;width:140px}.dialog-search{max-width:100%}.assign-list{max-height:160px;overflow-y:auto;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:#ffffff05}.assign-list-courses{max-height:192px}.assign-list-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .875rem;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .15s}.assign-list-item:last-child{border-bottom:none}.assign-list-item:hover{background:#ffffff0d}.assign-checkbox{width:1rem;height:1rem;accent-color:#06b6d4;cursor:pointer;flex-shrink:0}.assign-checkbox-emerald{accent-color:#10b981}.assign-item-info{flex:1;min-width:0}.assign-item-name{color:#fff;font-size:.875rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assign-item-meta{color:#fff6;font-size:.7rem;margin:0;text-transform:capitalize}.assign-item-count{color:#fff6;font-size:.7rem;flex-shrink:0}.assign-count-warn{color:#f87171}.assign-item-disabled{opacity:.45;cursor:not-allowed}.assign-item-disabled input{cursor:not-allowed}.no-courses-msg{color:#fff6;font-size:.85rem;text-align:center;padding:1.2rem 0;margin:0;font-style:italic}.assign-empty-msg{color:#fff6;font-size:.8rem;text-align:center;padding:1rem 0;margin:0}.assign-course-icon{color:#fff6;flex-shrink:0}.assign-selected-info{font-size:.75rem;margin:0}.assign-selected-cyan{color:#22d3ee}.assign-selected-emerald{color:#34d399}.dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(255,255,255,.08)}.btn-dialog-cancel{padding:.55rem 1.1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;font-size:.875rem;cursor:pointer;transition:background .15s}.btn-dialog-cancel:hover{background:#ffffff26}.btn-dialog-assign{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:.5rem;border:none;background:linear-gradient(135deg,#10b981,#0d9488);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-dialog-assign:disabled{opacity:.4;cursor:default}.btn-dialog-assign:not(:disabled):hover{opacity:.9}.deadline-label{display:flex;align-items:center;gap:6px}.deadline-icon{font-size:14px}.deadline-required{font-size:11px;font-weight:400;color:#ffffff59;margin-left:2px}.deadline-row{display:flex;align-items:center;gap:10px;margin-top:6px}.deadline-input{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:13px;padding:6px 10px;color-scheme:dark;outline:none;width:180px}.deadline-input:focus{border-color:hsl(var(--primary))}.deadline-clear{background:transparent;border:none;color:#fff6;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.deadline-clear:hover{color:#fff;background:#ffffff1a}.deadline-hint{font-size:11px;color:#ffffff4d;margin-top:6px}.badge-warning{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.badge-overdue{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.deadline-overdue{color:#ef4444!important}.ucm-root,.ucm-inner,.ucm-header,.filter-row,.search-wrap,.table-card,.assign-list{box-sizing:border-box;max-width:100%}@media(min-width:1600px){.ucm-root{padding:2rem}.ucm-inner{max-width:1500px;margin:0 auto;width:100%}.ucm-root .stats-grid{gap:1.25rem}.dialog-box{max-width:720px}}@media(min-width:1025px)and (max-width:1279px){.ucm-root .stats-grid{gap:.85rem}.ucm-root .stat-card{padding:.85rem}}@media(min-width:900px)and (max-width:1024px){.ucm-root .stats-grid{grid-template-columns:repeat(3,1fr)}.ucm-table{min-width:760px}.dialog-box{max-width:560px}}@media(min-width:768px)and (max-width:899px){.ucm-root{padding:1.25rem}.ucm-root .stats-grid{grid-template-columns:repeat(3,1fr);gap:.85rem}.custom-select-trigger,.custom-select-dropdown{width:170px}.ucm-table{min-width:700px}.dialog-box{max-width:500px}}@media(min-width:481px)and (max-width:767px){.ucm-root{padding:1rem}.ucm-inner{gap:1.15rem}.ucm-title{font-size:1.25rem}.ucm-subtitle{font-size:.8rem}.header-actions{width:100%}.btn-assign-course,.btn-bulk-notify{flex:1;justify-content:center;padding:.55rem .9rem;font-size:.8rem}.tab-list{width:100%}.tab-trigger{flex:1;justify-content:center}.ucm-root .stats-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.ucm-root .stat-card{padding:.75rem}.ucm-root .stat-icon-wrap{width:2rem;height:2rem}.ucm-root .stat-value{font-size:1.05rem}.filter-row{flex-direction:column;align-items:stretch}.search-wrap{max-width:100%;min-width:0}.custom-select-wrap,.custom-select-trigger,.custom-select-dropdown{width:100%}.ucm-table{min-width:640px}.pagination-row{flex-direction:column;align-items:stretch;gap:.5rem}.pagination-controls{justify-content:center;flex-wrap:wrap}.dialog-box{max-width:100%;max-height:92vh}.dialog-header{padding:1.1rem 1.1rem 0}.dialog-body{padding:1rem 1.1rem;gap:1.1rem}.dialog-footer{padding:.85rem 1.1rem 1.1rem;flex-direction:column-reverse}.btn-dialog-cancel,.btn-dialog-assign{width:100%;justify-content:center}.dialog-section-header{flex-direction:column;align-items:stretch;gap:.5rem}.dialog-select-sm{width:100%}.deadline-row{flex-wrap:wrap}.deadline-input{width:100%}}@media(max-width:480px){.ucm-root{padding:.85rem}.ucm-inner{gap:1rem}.ucm-title{font-size:1.1rem}.ucm-subtitle{font-size:.75rem}.header-actions{width:100%;flex-direction:column}.btn-assign-course,.btn-bulk-notify{width:100%;justify-content:center}.tab-list{width:100%}.tab-trigger{flex:1;justify-content:center;font-size:.8rem;padding:.45rem .6rem}.ucm-root .stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.ucm-root .stat-card{padding:.6rem}.ucm-root .stat-inner{gap:.5rem}.ucm-root .stat-icon-wrap{width:1.8rem;height:1.8rem}.ucm-root .stat-label{font-size:.65rem}.ucm-root .stat-value{font-size:.95rem}.filter-row{flex-direction:column;align-items:stretch;gap:.5rem}.search-wrap{max-width:100%;min-width:0}.custom-select-trigger,.custom-select-dropdown{width:100%}.ucm-table{min-width:560px}.th,.td{padding:.6rem .7rem;font-size:.8rem}.user-avatar{width:1.9rem;height:1.9rem;font-size:.7rem}.action-btn{width:2.25rem;height:2.25rem;min-width:2.25rem;padding:0}.action-btn svg{width:1rem!important;height:1rem!important}.expanded-content{padding:.85rem}.course-item,.module-item{padding:.6rem}.course-stats{gap:.6rem}.course-progress-wrap{width:6rem}.pagination-row{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center;flex-wrap:wrap}.toast-container{left:.75rem;right:.75rem;bottom:1rem}.toast{min-width:0;max-width:100%}.dialog-overlay{padding:.5rem}.dialog-box{max-height:94vh}.dialog-title{font-size:1.05rem}.assign-list{max-height:130px}.assign-list-courses{max-height:150px}}@media(max-width:360px){.ucm-title{font-size:1rem}.ucm-root .stats-grid{grid-template-columns:1fr}.ucm-table{min-width:480px}.tab-trigger span{font-size:.75rem}.dialog-title{font-size:.95rem}}@media(max-height:480px)and (orientation:landscape){.dialog-overlay{align-items:flex-start;padding-top:1rem;padding-bottom:1rem}.dialog-box{max-height:94vh}.assign-list{max-height:100px}}@media(hover:none)and (pointer:coarse){.action-btn,.page-btn,.tab-trigger,.dialog-close,.deadline-clear,.btn-assign-course,.btn-bulk-notify,.btn-dialog-cancel,.btn-dialog-assign{min-width:38px;min-height:38px}}@media(prefers-reduced-motion:reduce){.btn-bulk-notify,.btn-assign-course,.tab-trigger,.action-btn,.page-btn,.assign-list-item{transition:none!important}.btn-bulk-notify:hover,.btn-assign-course:hover{transform:none}}.ap-root{display:flex;flex-direction:column;gap:1.25rem;min-height:100vh;background:#f0f4f8;box-sizing:border-box;font-family:DM Sans,sans-serif;position:relative}.ap-toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;background:#fff;border:1px solid #dce6ef;border-radius:.75rem;padding:.875rem 1.25rem;display:flex;flex-direction:column;gap:.2rem;box-shadow:0 8px 32px #0000001f;max-width:300px;animation:ap-toast-in .3s ease}.ap-toast strong{color:#1a2e42;font-size:.875rem}.ap-toast span{color:#6b7f96;font-size:.75rem}.ap-toast--err{border-color:#e53e3e}@keyframes ap-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ap-page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.ap-page-header-left{display:flex;align-items:center;gap:.75rem}.ap-header-icon{color:#3a7cbd;flex-shrink:0}.ap-page-title{font-size:1.5rem;font-weight:700;color:#1a2e42;margin:0}.ap-page-sub{font-size:.8125rem;color:#6b7f96;margin:.125rem 0 0}.ap-fleet-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:#3a7cbd;background:#e8f1f9;border-radius:9999px;padding:.375rem .875rem}.ap-stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem}@media(min-width:768px){.ap-stats-row{grid-template-columns:repeat(4,1fr)}}.ap-stat-card{background:#fff;border:1px solid #e8eef4;border-radius:.875rem;padding:1.125rem 1.25rem;display:flex;align-items:center;gap:.875rem;box-shadow:0 1px 3px #0000000d}.ap-stat-icon{width:2.75rem;height:2.75rem;border-radius:.625rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ap-stat-icon--blue{background:#e8f1f9;color:#3a7cbd}.ap-stat-icon--red{background:#fde8e8;color:#e53e3e}.ap-stat-icon--amber{background:#fff4e0;color:#d97706}.ap-stat-icon--green{background:#dcf5e7;color:#2ea04b}.ap-stat-num{font-size:1.375rem;font-weight:700;color:#1a2e42;margin:0}.ap-stat-name{font-size:.75rem;color:#6b7f96;margin:0}.ap-stat-hint{font-size:.6875rem;margin:.125rem 0 0}.ap-stat-hint--muted{color:#9fb3c8}.ap-stat-hint--red{color:#e53e3e}.ap-split{display:grid;grid-template-columns:1fr;gap:1rem;flex:1;min-width:0;overflow:hidden}@media(min-width:900px){.ap-split{grid-template-columns:280px 1fr}}.ap-sidebar{background:#fff;border:1px solid #e8eef4;border-radius:.875rem;overflow:hidden;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column}.ap-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem .5rem;border-bottom:1px solid #f0f4f8}.ap-sidebar-title{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:#1a2e42}.ap-sidebar-count{font-size:.75rem;color:#6b7f96;background:#f0f4f8;border-radius:9999px;padding:.1rem .5rem}.ap-sidebar-search-wrap{position:relative;padding:.625rem .875rem;border-bottom:1px solid #f0f4f8}.ap-sidebar-search-icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:#9fb3c8;pointer-events:none}.ap-sidebar-search{width:100%;height:2rem;background:#f7f9fb;border:1px solid #e8eef4;border-radius:.5rem;padding:0 .625rem 0 2rem;font-size:.8125rem;color:#1a2e42;outline:none;box-sizing:border-box;font-family:inherit}.ap-sidebar-search:focus{border-color:#3a7cbd}.ap-vessel-list{overflow-y:auto;flex:1;padding:.5rem;display:flex;flex-direction:column;gap:.125rem}.ap-vessel-item{width:100%;text-align:left;border:none;background:transparent;border-radius:.5rem;padding:.625rem .625rem .5rem;cursor:pointer;transition:background .15s;font-family:inherit}.ap-vessel-item:hover{background:#f7f9fb}.ap-vessel-item--active{background:#edf4fb}.ap-vessel-item-top{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.ap-vessel-item-icon{width:1.75rem;height:1.75rem;border-radius:.375rem;background:#e8f1f9;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#3a7cbd}.ap-vessel-item--active .ap-vessel-item-icon{background:#3a7cbd;color:#fff}.ap-vessel-item-info{flex:1;min-width:0}.ap-vessel-item-name{display:block;font-size:.8125rem;font-weight:600;color:#1a2e42;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-vessel-item-type{display:block;font-size:.6875rem;color:#6b7f96}.ap-vessel-flag-dot{width:.5rem;height:.5rem;border-radius:50%;background:#e53e3e;flex-shrink:0}.ap-vessel-progress-track{height:3px;background:#e8eef4;border-radius:9999px;overflow:hidden}.ap-vessel-progress-bar{height:100%;border-radius:9999px;transition:width .4s ease}.ap-prog--zero{background:#e8eef4}.ap-prog--low{background:#e53e3e}.ap-prog--mid{background:#f59e0b}.ap-prog--full{background:#2ea04b}.ap-vessel-prog-label{display:block;font-size:.6rem;color:#9fb3c8;margin-top:.25rem;text-align:right}.ap-content{background:#fff;border:1px solid #e8eef4;border-radius:.875rem;overflow:hidden;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;min-width:0}.ap-content-header{padding:1rem 1.25rem 0;border-bottom:1px solid #f0f4f8}.ap-content-vessel-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.875rem}.ap-content-vessel-icon{width:2.5rem;height:2.5rem;border-radius:.625rem;background:#e8f1f9;display:flex;align-items:center;justify-content:center;color:#3a7cbd;flex-shrink:0}.ap-content-vessel-name{font-size:1rem;font-weight:700;color:#1a2e42;margin:0}.ap-content-vessel-sub{font-size:.75rem;color:#6b7f96;margin:0}.ap-content-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding-bottom:.625rem}.ap-content-tabs{display:flex;gap:.125rem;background:#f0f4f8;border-radius:.5rem;padding:.2rem;flex-wrap:wrap}.ap-content-tab{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .875rem;border:none;border-radius:.375rem;background:transparent;color:#6b7f96;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.ap-content-tab:hover{color:#1a2e42}.ap-content-tab--active{background:#3a7cbd;color:#fff}.ap-upload-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.45rem .875rem;background:#3a7cbd;color:#fff;border:none;border-radius:.5rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .2s;font-family:inherit;white-space:nowrap}.ap-upload-btn:hover{background:#253347}.ap-content-search-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.75rem 1.25rem 0}.ap-content-search-wrap{position:relative;flex:1 1 260px;max-width:320px}.ap-content-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9fb3c8;pointer-events:none}.ap-content-search{width:100%;height:2.25rem;background:#f7f9fb;border:1px solid #e8eef4;border-radius:.5rem;padding:0 .75rem 0 2.25rem;font-size:.8125rem;color:#1a2e42;outline:none;box-sizing:border-box;font-family:inherit;transition:border-color .15s}.ap-content-search:focus{border-color:#3a7cbd}.ap-drill-filter-wrap{position:relative;flex:1 1 240px;max-width:280px}.ap-drill-filter-icon{color:#3a7cbd;flex-shrink:0}.ap-drill-filter-btn{width:100%;height:2.25rem;display:flex;align-items:center;gap:.5rem;background:#edf4fb;border:1px solid #c9dff0;border-radius:.5rem;padding:0 .75rem;font-size:.8125rem;font-weight:600;color:#2d6ba8;outline:none;box-sizing:border-box;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.ap-drill-filter-btn:hover{background-color:#e3eefb;border-color:#3a7cbd}.ap-drill-filter-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-drill-filter-chevron{color:#3a7cbd;flex-shrink:0;transition:transform .15s ease}.ap-drill-filter-chevron--open{transform:rotate(180deg)}.ap-drill-filter-backdrop{position:fixed;inset:0;z-index:40}.ap-drill-filter-menu{position:absolute;top:calc(100% + .375rem);left:0;min-width:100%;width:max-content;max-width:300px;z-index:50;background:#fff;border:1px solid #dce6ef;border-radius:.625rem;box-shadow:0 12px 28px #1a2e4224;padding:.375rem;display:flex;flex-direction:column;gap:.125rem;max-height:300px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#dce6ef transparent}.ap-drill-filter-menu::-webkit-scrollbar{width:4px}.ap-drill-filter-menu::-webkit-scrollbar-track{background:transparent}.ap-drill-filter-menu::-webkit-scrollbar-thumb{background:#dce6ef;border-radius:2px}.ap-drill-filter-menu::-webkit-scrollbar-thumb:hover{background:#b9cbdc}.ap-drill-filter-option{display:flex;align-items:flex-start;gap:.5rem;width:100%;text-align:left;padding:.5rem .625rem;border:none;border-radius:.4rem;background:transparent;color:#1a2e42;font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .12s,color .12s;white-space:normal;line-height:1.3}.ap-drill-filter-option-icon{color:#6b7f96}.ap-drill-filter-option:hover{background:#f0f6fc}.ap-drill-filter-option--active{background:#3a7cbd;color:#fff;font-weight:600}.ap-drill-filter-option--active .ap-drill-filter-option-icon,.ap-drill-filter-option--active svg{color:#fff!important}.ap-vapt-section{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.ap-vapt-section-title{font-size:.875rem;font-weight:600;color:#1a2e42}.ap-vapt-table{border:1px solid #e8eef4;border-radius:.625rem;overflow-x:auto;font-size:.8125rem;min-width:700px}.ap-vapt-table-head{display:grid;grid-template-columns:1.6fr 1.6fr 1fr 1.1fr .8fr 1fr 120px;padding:.625rem 1rem;background:#f7f9fb;border-bottom:1px solid #e8eef4;font-size:.75rem;font-weight:600;color:#6b7f96;gap:1rem}.ap-vapt-table-row{display:grid;grid-template-columns:1.6fr 1.6fr 1fr 1.1fr .8fr 1fr 120px;padding:.75rem 1rem;border-bottom:1px solid #f0f4f8;align-items:center;gap:1rem;transition:background .15s}.ap-vapt-table-row:last-child{border-bottom:none}.ap-vapt-table-row:hover{background:#f7f9fb}.ap-vapt-type-cell{display:flex;align-items:center;gap:.5rem}.ap-vapt-type-icon{width:1.875rem;height:1.875rem;border-radius:.375rem;background:#f7f9fb;border:1px solid #e8eef4;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ap-vapt-type-label{font-weight:500;color:#1a2e42;font-size:.8125rem}.ap-vapt-filename{color:#1a2e42;font-weight:500}.ap-muted-dash{color:#9fb3c8;font-style:italic}.ap-vapt-meta{color:#6b7f96;font-size:.75rem}.ap-vapt-actions{display:flex;align-items:center;gap:.25rem;justify-content:flex-end}.ap-col-right{text-align:right;justify-content:flex-end;display:flex}.ap-vapt-phase-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.ap-vapt-phase-tabs{display:flex;gap:.25rem;background:#f0f4f8;border-radius:.5rem;padding:.2rem}.ap-vapt-phase-tab{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem 1rem;border:none;border-radius:.375rem;background:transparent;color:#6b7f96;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.ap-vapt-phase-tab:hover{color:#1a2e42;background:#e8eef4}.ap-vapt-phase-tab--active{background:#3a7cbd;color:#fff}.ap-table-section{overflow-x:auto;flex:1;padding:.75rem 1.25rem 1.25rem;max-width:100%;contain:inline-size}.ap-table{width:100%;border-collapse:collapse;font-size:.8125rem;min-width:600px}.ap-table th,.ap-table td{padding:.625rem .75rem;text-align:left;white-space:nowrap}.ap-thead-row{background:#f7f9fb}.ap-thead-row th{color:#6b7f96;font-weight:600;font-size:.75rem;border-bottom:1px solid #e8eef4}.ap-th-right{text-align:right}.ap-tr{border-bottom:1px solid #f0f4f8;transition:background .12s}.ap-tr:hover{background:#f7f9fb}.ap-td-mono{font-family:monospace;font-size:.75rem;color:#6b7f96}.ap-td-title{font-weight:500;color:#1a2e42}.ap-td-muted{color:#6b7f96}.ap-td-actions{text-align:right}.ap-type-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600;background:#e8f1f9;color:#3a7cbd;border:1px solid #c9dff0;white-space:nowrap}.ap-action-btns{display:inline-flex;align-items:center;gap:.25rem;justify-content:flex-end}.ap-icon-btn{width:2rem;height:2rem;min-width:2rem;display:flex;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:.375rem;background:#fff;color:#334155;cursor:pointer;transition:all .15s;overflow:visible;flex-shrink:0}.ap-icon-btn:hover{background:#e8f1f9;color:#2d6ba8;border-color:#3a7cbd}.ap-icon-btn--danger{color:#e53e3e;border-color:#fca5a5}.ap-icon-btn--danger:hover{background:#fde8e8;color:#c53030;border-color:#e53e3e}.ap-upload-inline-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .75rem;border:1px dashed #3a7cbd;border-radius:.375rem;background:transparent;color:#3a7cbd;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.ap-upload-inline-btn:hover{background:#e8f1f9}.ap-status-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.6875rem;font-weight:600;padding:.2rem .5rem;border-radius:9999px}.status-reviewed{background:#dcf5e7;color:#2ea04b}.status-pending{background:#fff4e0;color:#d97706}.status-flagged{background:#fde8e8;color:#e53e3e}.ap-vessel-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:500;padding:.2rem .5rem;border-radius:9999px;background:#e8f1f9;color:#3a7cbd}.ap-empty-cell{text-align:center;padding:3rem 1rem;color:#6b7f96}.ap-empty-icon{margin:0 auto .5rem;opacity:.25;display:block}.ap-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;box-sizing:border-box}.ap-modal{background:#fff;border:1px solid #dce6ef;border-radius:1rem;width:100%!important;max-width:420px!important;margin:0 auto;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.ap-modal{scrollbar-width:thin;scrollbar-color:#a9c9e8 transparent}.ap-modal::-webkit-scrollbar{width:6px}.ap-modal::-webkit-scrollbar-track{background:transparent}.ap-modal::-webkit-scrollbar-thumb{background:#a9c9e8;border-radius:999px}.ap-modal::-webkit-scrollbar-thumb:hover{background:#3a7cbd}.ap-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.125rem 1.375rem .75rem;border-bottom:1px solid #e8eef4}.ap-modal-title{font-size:.9375rem;font-weight:700;color:#1a2e42;margin:0}.ap-modal-close{background:none;border:none;font-size:1.375rem;line-height:1;color:#6b7f96;cursor:pointer;padding:.25rem;border-radius:.375rem;transition:color .15s}.ap-modal-close:hover{color:#1a2e42}.ap-modal-body{padding:1rem 1.375rem 1.375rem;display:flex;flex-direction:column;gap:.875rem}.ap-form-group{display:flex;flex-direction:column;gap:.375rem}.ap-label{font-size:.8125rem;font-weight:600;color:#1a2e42;display:flex;align-items:center;gap:.375rem}.ap-input{width:100%;height:2.375rem;background:#f7f9fb;border:1px solid #dce6ef;border-radius:.5rem;padding:0 .75rem;font-size:.875rem;color:#1a2e42;outline:none;box-sizing:border-box;font-family:inherit;transition:border-color .15s}.ap-input:focus{border-color:#3a7cbd}.ap-select{height:2.375rem;background:#f7f9fb;border:1px solid #dce6ef;border-radius:.5rem;padding:0 .75rem;font-size:.875rem;color:#1a2e42;outline:none;cursor:pointer;font-family:inherit;transition:border-color .15s}.ap-select:focus{border-color:#3a7cbd}.ap-type-btns{display:flex;gap:.375rem;flex-wrap:wrap}.ap-type-btn{padding:.3rem .75rem;border:1px solid #dce6ef;border-radius:.5rem;background:#f7f9fb;color:#6b7f96;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.ap-type-btn:hover{background:#edf2f6}.ap-type-btn--active{background:#3a7cbd;color:#fff;border-color:#3a7cbd}.ap-vapt-cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.375rem}.ap-vapt-cat-btn{display:flex;align-items:center;gap:.4rem;padding:.45rem .625rem;border:1px solid #dce6ef;border-radius:.5rem;background:#f7f9fb;color:#6b7f96;font-size:.75rem;font-weight:500;cursor:pointer;text-align:left;transition:all .15s;font-family:inherit}.ap-vapt-cat-btn:hover{background:#edf2f6}.ap-vapt-cat-btn--active{border-color:#3a7cbd;background:#e8f1f9;color:#1a2e42}.ap-file-drop{border:2px dashed #dce6ef;border-radius:.625rem;padding:1.25rem;text-align:center;background:#f7f9fb;cursor:pointer;transition:border-color .15s}.ap-file-drop:hover{border-color:#3a7cbd}.ap-file-input{display:none}.ap-file-label{cursor:pointer;display:block}.ap-file-icon{margin:0 auto .5rem;color:#9fb3c8;display:block}.ap-file-name,.ap-file-text{font-size:.875rem;font-weight:500;color:#1a2e42}.ap-file-hint{font-size:.75rem;color:#9fb3c8;margin-top:.25rem}.ap-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.5625rem 1rem;background:#3a7cbd;color:#fff;border:none;border-radius:.625rem;font-size:.875rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.ap-btn-primary:hover{background:#2d6ba8}.ap-btn-full{width:100%;justify-content:center}.ap-btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.5625rem 1rem;background:transparent;color:#1a2e42;border:1px solid #dce6ef;border-radius:.625rem;font-size:.875rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.ap-btn-outline:hover{background:#f0f4f8}.ap-preview-grid{background:#f7f9fb;border:1px solid #e8eef4;border-radius:.625rem;padding:1rem;display:flex;flex-direction:column;gap:.625rem}.ap-preview-row{display:flex;align-items:center;justify-content:space-between}.ap-preview-label{font-size:.75rem;color:#6b7f96}.ap-preview-value{font-size:.75rem;font-weight:500;color:#1a2e42}.ap-preview-actions{display:flex;gap:.5rem;margin-top:.25rem}.ap-preview-actions .ap-btn-primary,.ap-preview-actions .ap-btn-outline{flex:1;justify-content:center}.ap-modal--confirm{max-width:380px!important}.ap-confirm-body{padding:1.75rem 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.625rem}.ap-confirm-icon{width:3rem;height:3rem;border-radius:50%;background:#fde8e8;color:#e53e3e;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.ap-confirm-title{font-size:1rem;font-weight:700;color:#1a2e42;margin:0}.ap-confirm-text{font-size:.8125rem;color:#6b7f96;margin:0;line-height:1.5}.ap-confirm-text strong{color:#1a2e42}.ap-confirm-actions{display:flex;gap:.625rem;width:100%;margin-top:.75rem}.ap-confirm-actions .ap-btn-outline,.ap-confirm-actions .ap-btn-danger{flex:1;justify-content:center}.ap-btn-danger{display:inline-flex;align-items:center;gap:.5rem;padding:.5625rem 1rem;background:#e53e3e;color:#fff;border:none;border-radius:.625rem;font-size:.875rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.ap-btn-danger:hover{background:#c53030}.ap-btn-danger:focus{outline:none}button.ap-icon-btn svg,.ap-action-btns .ap-icon-btn svg,.ap-vapt-actions .ap-icon-btn svg{display:block!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;color:inherit!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important;flex-shrink:0!important;opacity:1!important}.ap-icon-btn--danger svg{stroke:#e53e3e}.vapt-icon--sky{color:#38bdf8}.vapt-icon--violet{color:#a78bfa}.vapt-icon--amber{color:#fbbf24}.vapt-icon--emerald{color:#34d399}.vapt-icon--muted{color:#b0bec5;opacity:.5}.ap-vessel-item:focus,.ap-content-tab:focus,.ap-icon-btn:focus,.ap-upload-inline-btn:focus,.ap-type-btn:focus,.ap-vapt-cat-btn:focus,.ap-vapt-phase-tab:focus,.ap-btn-primary:focus,.ap-btn-outline:focus,.ap-modal-close:focus,.ap-tab-btn:focus{outline:none}.ap-vdrop{position:relative;width:100%}.ap-vdrop--full{width:100%}.ap-vdrop-trigger{width:100%;height:2.375rem;background:#f7f9fb;border:1px solid #dce6ef;border-radius:.5rem;padding:0 2rem 0 .75rem;color:#1a2e42;font-size:.875rem;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left;box-sizing:border-box;transition:border-color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:inherit;position:relative}.ap-vdrop-trigger:hover{border-color:#b9cbdc}.ap-vdrop-trigger:focus,.ap-vdrop-trigger--open{border-color:#3a7cbd}.ap-vdrop-trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit}.ap-vdrop-trigger-text--placeholder{color:#9fb3c8}.ap-vdrop-trigger-text--icon{display:inline-flex;align-items:center;gap:.5rem}.ap-vdrop-trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ap-vdrop-arrow{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);color:#6b7f96;pointer-events:none;transition:transform .2s;flex-shrink:0}.ap-vdrop-arrow--open{transform:translateY(-50%) rotate(180deg)}.ap-vdrop-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #dce6ef;border-radius:.5rem;box-shadow:0 8px 24px #0000001f;z-index:500;overflow:hidden}.ap-vdrop-search-wrap{padding:.5rem;border-bottom:1px solid #e8eef4;position:relative}.ap-vdrop-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9fb3c8;pointer-events:none}.ap-vdrop-search-input{width:100%;height:2rem;background:#f0f4f8;border:1px solid #dce6ef;border-radius:.375rem;padding:0 .5rem 0 2rem;font-size:.8125rem;color:#1a2e42;outline:none;box-sizing:border-box;font-family:inherit}.ap-vdrop-search-input:focus{border-color:#3a7cbd}.ap-vdrop-list{max-height:11rem;overflow-y:auto}.ap-vdrop-list::-webkit-scrollbar{width:4px}.ap-vdrop-list::-webkit-scrollbar-track{background:transparent}.ap-vdrop-list::-webkit-scrollbar-thumb{background:#dce6ef;border-radius:2px}.ap-vdrop-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;color:#1a2e42;cursor:pointer;transition:background .15s;width:100%;border:none;background:transparent;text-align:left;font-family:inherit}.ap-vdrop-option:hover{background:#f0f4f8}.ap-vdrop-option--selected{background:#3a7cbd14;color:#3a7cbd;font-weight:500}.ap-vdrop-option--selected:hover{background:#3a7cbd24}.ap-vdrop-option-icon{color:#3a7cbd;flex-shrink:0}.ap-vdrop-option-check{color:#3a7cbd;flex-shrink:0;margin-left:auto}.ap-vdrop-no-results{padding:.75rem;font-size:.8125rem;color:#6b7f96;text-align:center}.ap-vdrop-trigger:focus{outline:none}.ap-vdrop-addnew-wrap{border-top:1px solid #e8eef4;padding:.375rem}.ap-vdrop-addnew-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;border:none;border-radius:.4rem;background:transparent;color:#3a7cbd;font-size:.8125rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .12s}.ap-vdrop-addnew-btn:hover{background:#edf4fb}.ap-vdrop-addnew-form{display:flex;align-items:center;gap:.375rem;padding:.25rem}.ap-vdrop-addnew-input{flex:1;height:2rem;background:#f7f9fb;border:1px solid #dce6ef;border-radius:.375rem;padding:0 .5rem;font-size:.8125rem;color:#1a2e42;outline:none;font-family:inherit;box-sizing:border-box}.ap-vdrop-addnew-input:focus{border-color:#3a7cbd}.ap-vdrop-addnew-confirm,.ap-vdrop-addnew-cancel{display:flex;align-items:center;justify-content:center;border:none;border-radius:.375rem;cursor:pointer;flex-shrink:0;font-family:inherit}.ap-vdrop-addnew-confirm{background:#3a7cbd;color:#fff}.ap-vdrop-addnew-confirm:hover{background:#2d6ba8}.ap-vdrop-addnew-confirm:disabled{opacity:.5;cursor:not-allowed}.ap-vdrop-addnew-cancel{background:#f0f4f8;color:#6b7f96;font-size:1rem}.ap-vdrop-addnew-cancel:hover{background:#e8eef4}.ap-root,.ap-page-header,.ap-stats-row,.ap-stat-card,.ap-split,.ap-sidebar,.ap-content,.ap-content-header,.ap-content-toolbar,.ap-vapt-section,.ap-table-section,.ap-modal,.ap-modal-body,.ap-preview-grid{box-sizing:border-box;max-width:100%}.ap-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-top:1px solid #e8eef4;background:#fff}.ap-pagination-info{font-size:.75rem;color:#6b7f96}.ap-pagination-controls{display:flex;align-items:center;gap:1rem}.ap-page-btn{display:flex;align-items:center;gap:.25rem;padding:.4rem .75rem;border:1px solid #dce6ef;border-radius:.5rem;background:#fff;color:#1a2e42;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.ap-page-btn:hover:not(:disabled){background:#f7f9fb;border-color:#3a7cbd}.ap-page-btn:disabled{opacity:.5;cursor:not-allowed}.ap-page-indicator{font-size:.75rem;font-weight:600;color:#1a2e42}@media(min-width:1600px){.ap-root{padding:2rem}.ap-root>*{max-width:1600px;width:100%;margin-left:auto;margin-right:auto}.ap-stats-row{gap:1.25rem}@media(min-width:900px){.ap-split{grid-template-columns:320px 1fr}}.ap-modal{max-width:560px}}@media(min-width:1025px)and (max-width:1279px){.ap-stats-row{gap:.75rem}.ap-stat-card{padding:.95rem 1rem}.ap-split{grid-template-columns:250px 1fr}}@media(min-width:900px)and (max-width:1024px){.ap-root{padding:1.1rem}.ap-split{grid-template-columns:230px 1fr}.ap-stat-card{padding:.9rem 1rem;gap:.65rem}.ap-stat-icon{width:2.4rem;height:2.4rem}.ap-vapt-table{min-width:620px}.ap-table{min-width:560px}.ap-modal{max-width:420px}}@media(min-width:768px)and (max-width:899px){.ap-root{padding:1rem;gap:1rem}.ap-split{grid-template-columns:1fr}.ap-sidebar{max-height:260px}.ap-vessel-list{max-height:190px}.ap-page-title{font-size:1.3rem}.ap-content-vessel-name{font-size:.95rem}.ap-content-tabs{width:100%}.ap-content-tab{flex:1 1 auto;justify-content:center}.ap-upload-btn{width:100%;justify-content:center}.ap-content-toolbar{flex-direction:column;align-items:stretch}.ap-vapt-table{min-width:580px}.ap-table{min-width:540px}.ap-modal{max-width:420px}}@media(min-width:481px)and (max-width:767px){.ap-root{padding:.85rem;gap:.9rem}.ap-page-header{flex-direction:column;align-items:flex-start;gap:.6rem}.ap-page-title{font-size:1.2rem}.ap-page-sub{font-size:.75rem}.ap-fleet-badge{font-size:.75rem;padding:.3rem .7rem}.ap-stats-row{grid-template-columns:repeat(2,1fr);gap:.6rem}.ap-stat-card{padding:.8rem .9rem;gap:.6rem}.ap-stat-icon{width:2.25rem;height:2.25rem}.ap-stat-num{font-size:1.15rem}.ap-stat-name{font-size:.68rem}.ap-split{grid-template-columns:1fr}.ap-sidebar{max-height:240px}.ap-vessel-list{max-height:170px}.ap-content-header{padding:.85rem .9rem 0}.ap-content-vessel-icon{width:2.1rem;height:2.1rem}.ap-content-vessel-name{font-size:.9rem}.ap-content-vessel-sub{font-size:.7rem}.ap-content-toolbar{flex-direction:column;align-items:stretch;gap:.6rem}.ap-content-tabs{width:100%;justify-content:space-between}.ap-content-tab{flex:1 1 auto;justify-content:center;padding:.35rem .5rem;font-size:.72rem}.ap-upload-btn{width:100%;justify-content:center}.ap-content-search-row{padding:.65rem .9rem 0;flex-direction:column;align-items:stretch}.ap-content-search-wrap,.ap-drill-filter-wrap{max-width:100%}.ap-vapt-section{padding:.85rem .9rem}.ap-vapt-phase-row{flex-direction:column;align-items:stretch;gap:.5rem}.ap-vapt-phase-tabs{width:100%}.ap-vapt-phase-tab{flex:1;text-align:center;justify-content:center}.ap-vapt-table{min-width:560px}.ap-table-section{padding:.65rem .9rem .9rem}.ap-table{min-width:520px}.ap-modal{max-width:100%;max-height:92vh}.ap-modal-header{padding:1rem 1.1rem .65rem}.ap-modal-body{padding:.9rem 1.1rem 1.1rem}.ap-vapt-cat-grid{grid-template-columns:1fr}.ap-preview-actions{flex-direction:column}}@media(max-width:480px){.ap-root{padding:.65rem;gap:.75rem}.ap-toast{left:.6rem;right:.6rem;bottom:.75rem;max-width:none}.ap-page-header{flex-direction:column;align-items:flex-start;gap:.5rem}.ap-page-title{font-size:1.05rem}.ap-page-sub{font-size:.7rem}.ap-fleet-badge{font-size:.7rem;padding:.25rem .6rem}.ap-stats-row{grid-template-columns:1fr 1fr;gap:.5rem}.ap-stat-card{padding:.65rem .7rem;gap:.5rem;border-radius:.65rem}.ap-stat-icon{width:1.9rem;height:1.9rem;border-radius:.5rem}.ap-stat-num{font-size:1rem}.ap-stat-name{font-size:.62rem}.ap-stat-hint{font-size:.6rem}.ap-split{grid-template-columns:1fr;gap:.75rem}.ap-sidebar{max-height:220px}.ap-sidebar-header{padding:.7rem .75rem .4rem}.ap-sidebar-search-wrap{padding:.5rem .65rem}.ap-vessel-list{max-height:150px;padding:.4rem}.ap-vessel-item-name{font-size:.75rem}.ap-vessel-item-type{font-size:.62rem}.ap-content-header{padding:.75rem .7rem 0}.ap-content-vessel-row{gap:.55rem;margin-bottom:.7rem}.ap-content-vessel-icon{width:1.9rem;height:1.9rem}.ap-content-vessel-name{font-size:.82rem}.ap-content-vessel-sub{font-size:.65rem}.ap-content-toolbar{flex-direction:column;align-items:stretch;gap:.5rem;padding-bottom:.55rem}.ap-content-tabs{width:100%;padding:.15rem}.ap-content-tab{flex:1 1 calc(33% - .25rem);justify-content:center;padding:.3rem .4rem;font-size:.66rem;gap:.2rem}.ap-upload-btn{width:100%;justify-content:center;padding:.5rem .7rem;font-size:.75rem}.ap-content-search-row{padding:.55rem .7rem 0;flex-direction:column;align-items:stretch}.ap-content-search{height:2rem;font-size:.75rem}.ap-drill-filter-wrap{max-width:100%}.ap-drill-filter-btn{height:2rem;font-size:.72rem}.ap-vapt-section{padding:.7rem;gap:.6rem}.ap-vapt-section-title{font-size:.78rem}.ap-vapt-phase-row{flex-direction:column;align-items:stretch;gap:.45rem}.ap-vapt-phase-tab{flex:1;text-align:center;justify-content:center;padding:.3rem .6rem;font-size:.72rem}.ap-vapt-table{min-width:520px;font-size:.72rem}.ap-vapt-table-head,.ap-vapt-table-row{padding:.55rem .7rem;gap:.6rem}.ap-vapt-type-icon{width:1.6rem;height:1.6rem}.ap-table-section{padding:.55rem .7rem .7rem}.ap-table{min-width:480px;font-size:.72rem}.ap-table th,.ap-table td{padding:.5rem .55rem}.ap-icon-btn{width:1.85rem;height:1.85rem;min-width:1.85rem}.ap-modal-overlay{padding:.5rem}.ap-modal{max-height:94vh;border-radius:.75rem}.ap-modal-header{padding:.9rem .9rem .6rem}.ap-modal-title{font-size:.85rem}.ap-modal-body{padding:.8rem .9rem 1rem;gap:.7rem}.ap-type-btns{gap:.3rem}.ap-type-btn{padding:.25rem .6rem;font-size:.68rem}.ap-vapt-cat-grid{grid-template-columns:1fr}.ap-vapt-cat-btn{padding:.4rem .55rem;font-size:.7rem}.ap-file-drop{padding:.9rem}.ap-preview-actions{flex-direction:column}}@media(max-width:360px){.ap-page-title{font-size:.95rem}.ap-stats-row{grid-template-columns:1fr}.ap-content-tab{flex:1 1 100%}.ap-vapt-table{min-width:460px}.ap-table{min-width:420px}.ap-modal-title{font-size:.8rem}}@media(max-height:480px)and (orientation:landscape){.ap-modal-overlay{align-items:flex-start;padding-top:1rem;padding-bottom:1rem}.ap-modal{max-height:94vh}.ap-sidebar{max-height:200px}.ap-vessel-list{max-height:140px}}@media(hover:none)and (pointer:coarse){.ap-icon-btn,.ap-content-tab,.ap-vapt-phase-tab,.ap-type-btn,.ap-vapt-cat-btn,.ap-btn-primary,.ap-btn-outline,.ap-upload-btn,.ap-modal-close,.ap-vessel-item{min-height:38px}.ap-icon-btn{min-width:38px}}@media(prefers-reduced-motion:reduce){.ap-toast,.ap-content-tab,.ap-vapt-phase-tab,.ap-icon-btn,.ap-btn-primary,.ap-btn-outline,.ap-upload-btn,.ap-vessel-item,.ap-vapt-table-row,.ap-tr,.ap-vessel-progress-bar{transition:none!important;animation:none!important}}.ap-drill-filter-btn:focus,.ap-drill-filter-option:focus,.ap-upload-btn:focus{outline:none}:root{--pd-bg: hsl(210, 30%, 98%);--pd-fg: hsl(207, 40%, 20%);--pd-card: hsl(0, 0%, 100%);--pd-muted: hsl(207, 30%, 94%);--pd-muted-fg: hsl(207, 15%, 50%);--pd-border: hsl(207, 25%, 88%);--pd-primary: hsl(207, 52%, 40%);--pd-primary-fg: hsl(0, 0%, 100%);--pd-destructive: hsl(0, 84.2%, 60.2%);--pd-emerald: #10b981;--pd-amber: #f59e0b;--pd-shadow: 0 2px 12px rgba(0,0,0,.07);--pd-radius: .75rem}.pd-page{display:flex;flex-direction:column;gap:1.5rem;min-height:100vh;font-family:Inter,Plus Jakarta Sans,sans-serif;color:var(--pd-fg);box-sizing:border-box;position:relative}.pd-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem}.pd-title{display:flex;align-items:center;gap:.65rem;font-size:1.6rem;font-weight:700;color:var(--pd-fg);margin:0;font-family:Plus Jakarta Sans,sans-serif}.pd-title-icon{width:2rem;height:2rem;color:var(--pd-primary)}.pd-subtitle{color:var(--pd-muted-fg);font-size:.875rem;margin:.25rem 0 0}.pd-btn-primary{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;background:var(--pd-primary);color:var(--pd-primary-fg);border:none;border-radius:var(--pd-radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s;white-space:nowrap}.pd-btn-primary:hover{opacity:.88;transform:translateY(-1px)}.pd-btn-full{width:100%;justify-content:center}.pd-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:900px){.pd-stats-grid{grid-template-columns:repeat(4,1fr)}}.pd-stat-card{background:var(--pd-card);border:1px solid var(--pd-border);border-radius:var(--pd-radius);box-shadow:var(--pd-shadow);padding:1rem;display:flex;align-items:center;gap:1rem}.pd-stat-icon-wrap{width:3rem;height:3rem;border-radius:.65rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-primary{color:var(--pd-primary)}.icon-destructive{color:var(--pd-destructive)}.icon-emerald{color:var(--pd-emerald)}.icon-amber{color:var(--pd-amber)}.bg-primary-soft{background:#316b9b1f}.bg-destructive-soft{background:#ef43431f}.bg-emerald-soft{background:#10b9811f}.bg-amber-soft{background:#f59e0b1f}.pd-stat-value{font-size:1.4rem;font-weight:700;color:var(--pd-fg);margin:0;line-height:1.2}.pd-stat-label{font-size:.72rem;color:var(--pd-muted-fg);margin:0}.pd-stat-sub{font-size:.65rem;color:var(--pd-muted-fg);margin:0}.pd-card{background:var(--pd-card);border:1px solid hsla(207,25%,88%,.6);border-radius:var(--pd-radius);box-shadow:var(--pd-shadow);overflow:hidden}.pd-tabs-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--pd-border)}.pd-tabs-list{display:flex;background:var(--pd-muted);border-radius:.5rem;padding:.2rem;gap:.2rem}.pd-tab{display:flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border:none;border-radius:.4rem;background:transparent;color:var(--pd-muted-fg);font-size:.82rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.pd-tab:hover{color:var(--pd-fg)}.pd-tab-active{background:var(--pd-primary)!important;color:#fff!important}.pd-search-wrap{position:relative;width:16rem}.pd-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--pd-muted-fg);pointer-events:none}.pd-search{width:100%;padding:.5rem .75rem .5rem 2.25rem;background:var(--pd-muted);border:1px solid var(--pd-border);border-radius:.5rem;font-size:.85rem;color:var(--pd-fg);outline:none;box-sizing:border-box;transition:border-color .15s}.pd-search:focus{border-color:var(--pd-primary)}.pd-search::placeholder{color:var(--pd-muted-fg)}.pd-table-wrap{overflow-x:auto;border-radius:.65rem;border:1px solid hsla(207,25%,88%,.4);margin:1rem 1.25rem 1.25rem}.pd-table{width:100%;border-collapse:collapse;font-size:.875rem}.pd-table-header-row{background:#ebf0f480}.pd-table-header-row th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--pd-fg);font-size:.8rem;white-space:nowrap}.pd-table-row{border-bottom:1px solid hsla(207,25%,88%,.3);cursor:pointer;transition:background .12s}.pd-table-row:hover{background:#ebf0f44d}.pd-table-row td{padding:.75rem 1rem;vertical-align:middle}.pd-cell-title{font-weight:500;color:var(--pd-fg);margin:0}.pd-cell-sub{font-size:.72rem;color:var(--pd-muted-fg);margin:0}.pd-cell-muted{color:var(--pd-muted-fg)}.pd-cell-bold{font-weight:600;color:var(--pd-fg)}.pd-cell-default{font-size:.875rem;color:var(--pd-fg)}.pd-cell-pct{font-size:.72rem;color:var(--pd-muted-fg);margin-left:.25rem}.pd-cell-red{font-size:.875rem;font-weight:600;color:var(--pd-destructive)}.pd-cell-green{font-size:.875rem;font-weight:600;color:var(--pd-emerald)}.text-center{text-align:center}.pd-check-amber{color:var(--pd-amber);display:block}.pd-check-red{color:var(--pd-destructive);display:block}.pd-check-green{color:var(--pd-emerald);display:block}.pd-check-muted{color:#6c81934d;display:block}.mx-auto{margin-left:auto;margin-right:auto}.pd-badge{display:inline-block;font-size:.72rem;font-weight:600;padding:.2rem .6rem;border-radius:999px}.pd-badge-green{background:#10b9812e;color:#059669}.pd-badge-blue{background:#316b9b2e;color:var(--pd-primary)}.pd-badge-amber{background:#f59e0b2e;color:#d97706}.pd-badge-red{background:#ef44442e;color:var(--pd-destructive)}.pd-role-badge{font-size:.72rem;font-weight:500;padding:.2rem .55rem;border-radius:999px;background:#316b9b1a;color:var(--pd-primary)}.pd-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.pd-dialog{background:var(--pd-card);border:1px solid var(--pd-border);border-radius:var(--pd-radius);width:100%;max-width:30rem;box-shadow:0 8px 40px #0000002e;max-height:94vh;overflow-y:auto}.pd-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.25rem .75rem;border-bottom:1px solid var(--pd-border)}.pd-dialog-title{font-size:1.05rem;font-weight:600;color:var(--pd-fg);margin:0}.pd-dialog-close{background:none;border:none;color:var(--pd-muted-fg);cursor:pointer;display:flex;align-items:center;padding:.25rem;border-radius:.35rem;transition:color .15s,background .15s}.pd-dialog-close:hover{color:var(--pd-fg);background:var(--pd-muted)}.pd-dialog-body{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.pd-field{display:flex;flex-direction:column;gap:.4rem}.pd-label{font-size:.82rem;font-weight:500;color:var(--pd-fg)}.pd-input{padding:.5rem .75rem;background:var(--pd-muted);border:1px solid var(--pd-border);border-radius:.5rem;font-size:.875rem;color:var(--pd-fg);outline:none;width:100%;box-sizing:border-box;transition:border-color .15s}.pd-input:focus{border-color:var(--pd-primary)}.pd-input::placeholder{color:var(--pd-muted-fg)}.pd-group-btns{display:flex;flex-wrap:wrap;gap:.5rem}.pd-group-btn{padding:.45rem .75rem;border-radius:.5rem;border:none;background:var(--pd-muted);color:var(--pd-muted-fg);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.pd-group-btn:hover{background:var(--pd-primary);color:#fff}.pd-template-list{display:flex;flex-direction:column;gap:.4rem}.pd-template-item{display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;background:#ebf0f480;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:background .15s,border-color .15s}.pd-template-item:hover{background:var(--pd-muted);border-color:var(--pd-border)}.pd-template-icon{color:var(--pd-muted-fg);flex-shrink:0}.pd-template-text{font-size:.875rem;color:var(--pd-fg)}.pd-detail-name{font-size:1rem;font-weight:600;color:var(--pd-fg);margin:0}.pd-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.pd-detail-item{padding:.75rem;border-radius:.5rem;background:#ebf0f480}.pd-detail-item-label{font-size:.72rem;color:var(--pd-muted-fg);margin:0 0 .15rem}.pd-detail-item-value{font-size:1.1rem;font-weight:700;color:var(--pd-fg);margin:0}.pd-progress-section{display:flex;flex-direction:column;gap:.65rem}.pd-progress-label-top{font-size:.72rem;color:var(--pd-muted-fg);margin:0}.pd-progress-row{display:flex;flex-direction:column;gap:.25rem}.pd-progress-meta{display:flex;justify-content:space-between;font-size:.72rem}.pd-progress-text-red{color:var(--pd-destructive)}.pd-progress-text-green{color:var(--pd-emerald)}.pd-progress-pct{color:var(--pd-fg)}.pd-progress-bar-bg{height:.4rem;border-radius:999px;background:var(--pd-muted);overflow:hidden}.pd-progress-bar{height:100%;border-radius:999px;transition:width .5s ease}.pd-progress-bar-red{background:var(--pd-destructive)}.pd-progress-bar-green{background:var(--pd-emerald)}.pd-toast{position:fixed;top:1.25rem;right:1.25rem;background:var(--pd-card);border:1px solid var(--pd-border);border-radius:var(--pd-radius);box-shadow:0 4px 20px #0000001f;display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;min-width:16rem;max-width:22rem;z-index:200}.pd-toast-content strong{display:block;font-size:.875rem;font-weight:600;color:var(--pd-fg)}.pd-toast-content p{margin:.1rem 0 0;font-size:.8rem;color:var(--pd-muted-fg)}.pd-toast-close{background:none;border:none;color:var(--pd-muted-fg);cursor:pointer;margin-left:auto;flex-shrink:0;padding:0;display:flex;align-items:center}.pd-toast--error{background:#7f1d1d}.pd-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;color:var(--pd-muted-fg);font-size:.9rem}.pd-empty-icon{opacity:.35}.pd-templates-actions{padding:.75rem 1rem .5rem;display:flex;justify-content:flex-end}.pd-btn-sm{padding:.4rem .85rem;font-size:.8rem;gap:.35rem}.pd-icon-btn{background:none;border:none;color:var(--pd-muted-fg);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:color .15s,background .15s}.pd-icon-btn:hover{color:#e94560;background:#e945601a}.pd-info-box{display:flex;align-items:flex-start;gap:8px;background:#0f34602e;border:1px solid rgba(99,179,237,.2);border-radius:8px;padding:10px 14px;font-size:.82rem;color:var(--pd-muted-fg);margin-bottom:.75rem}.pd-info-box strong{color:var(--pd-fg)}.pd-label-hint{font-size:.78rem;color:var(--pd-muted-fg);margin:.2rem 0 .4rem}.pd-label-hint code{background:#ffffff14;border-radius:4px;padding:1px 5px;font-size:.75rem}.pd-textarea{font-family:Courier New,monospace;font-size:.8rem;resize:vertical}.pd-dialog--wide{max-width:680px}.pd-detail-table{margin-top:1rem}.pd-badge-red{background:#ef444426;color:#f87171}.pd-action-cell{display:flex;align-items:center;gap:.25rem}.pd-preview-frame{width:100%;min-height:420px;border:1px solid var(--pd-border);border-radius:.5rem;background:#fff}.pd-tab:focus,.pd-btn-primary:focus,.pd-btn-sm:focus,.pd-icon-btn:focus,.pd-dialog-close:focus,.pd-group-btn:focus,.pd-template-item:focus,.pd-search:focus{outline:none}@media(max-width:600px){.pd-tabs-header{flex-direction:column;align-items:stretch}.pd-search-wrap{width:100%}.pd-title{font-size:1.25rem}.pd-stats-grid{grid-template-columns:1fr 1fr}}.pd-page,.pd-header,.pd-stats-grid,.pd-stat-card,.pd-card,.pd-tabs-header,.pd-table-wrap,.pd-dialog-body,.pd-detail-grid{box-sizing:border-box;max-width:100%}.pd-page{background:#f0f4f8}.pd-select{position:relative;width:100%}.pd-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;background:var(--pd-muted);border:1px solid var(--pd-border);border-radius:.5rem;font-size:.875rem;color:var(--pd-fg);cursor:pointer;box-sizing:border-box;transition:border-color .15s;font-family:inherit}.pd-select-trigger:hover{border-color:#316b9b66}.pd-select-placeholder{color:var(--pd-muted-fg)}.pd-select-chevron{color:var(--pd-muted-fg);flex-shrink:0;transition:transform .15s}.pd-select-chevron--open{transform:rotate(180deg)}.pd-select-menu{position:absolute;top:calc(100% + .35rem);left:0;right:0;background:var(--pd-card);border:1px solid var(--pd-border);border-radius:.5rem;box-shadow:0 8px 24px #00000026;max-height:14rem;overflow-y:auto;z-index:20;padding:.3rem;display:flex;flex-direction:column;gap:.15rem}.pd-select-option{text-align:left;padding:.5rem .6rem;border:none;background:transparent;border-radius:.4rem;font-size:.85rem;color:var(--pd-fg);cursor:pointer;transition:background .12s,color .12s;font-family:inherit}.pd-select-option:hover{background:var(--pd-muted)}.pd-select-option--active{background:var(--pd-primary);color:#fff}.pd-select-empty{padding:.6rem;font-size:.8rem;color:var(--pd-muted-fg);text-align:center}.pd-vessel-dropdown{position:relative;width:100%}.pd-vessel-dropdown--full{width:100%}.pd-vessel-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--pd-muted);border:1px solid var(--pd-border);border-radius:.5rem;font-size:.875rem;color:var(--pd-fg);cursor:pointer;box-sizing:border-box;transition:border-color .15s;font-family:inherit}.pd-vessel-trigger:hover,.pd-vessel-trigger--open{border-color:var(--pd-primary)}.pd-vessel-trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-vessel-trigger-text--placeholder{color:var(--pd-muted-fg)}.pd-vessel-trigger-arrow{color:var(--pd-muted-fg);flex-shrink:0;transition:transform .15s}.pd-vessel-trigger-arrow--open{transform:rotate(180deg)}.pd-vessel-menu{position:absolute;top:calc(100% + .35rem);left:0;right:0;background:var(--pd-card);border:1px solid var(--pd-border);border-radius:.5rem;box-shadow:0 8px 24px #00000026;z-index:30;max-height:min(24rem,60vh);overflow:hidden}.pd-vessel-search-wrap{padding:.5rem;border-bottom:1px solid var(--pd-border);position:relative}.pd-vessel-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--pd-muted-fg);pointer-events:none}.pd-vessel-search-input{width:100%;height:2rem;background:var(--pd-muted);border:1px solid var(--pd-border);border-radius:.375rem;padding:0 .5rem 0 2rem;font-size:.8125rem;color:var(--pd-fg);outline:none;box-sizing:border-box}.pd-vessel-search-input:focus{border-color:var(--pd-primary)}.pd-vessel-list{max-height:22rem;overflow-y:auto}.pd-vessel-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.875rem;color:var(--pd-fg);border:none;background:transparent;text-align:left;cursor:pointer;transition:background .15s}.pd-vessel-option:hover{background:var(--pd-muted)}.pd-vessel-option--selected{background:#316b9b14;color:var(--pd-primary);font-weight:500}.pd-vessel-option-icon{color:var(--pd-primary);flex-shrink:0;width:.875rem;height:.875rem}.pd-vessel-option-check{margin-left:auto;color:var(--pd-primary);width:.875rem;height:.875rem}.pd-vessel-no-results{padding:.75rem;font-size:.8125rem;color:var(--pd-muted-fg);text-align:center}.pd-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-top:1px solid var(--pd-border);background:var(--pd-card)}.pd-pagination-info{font-size:.75rem;color:var(--pd-muted-fg)}.pd-pagination-controls{display:flex;align-items:center;gap:1rem}.pd-page-btn{display:flex;align-items:center;gap:.25rem;padding:.4rem .75rem;border:1px solid var(--pd-border);border-radius:.5rem;background:#fff;color:var(--pd-fg);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.pd-page-btn:hover:not(:disabled){background:var(--pd-muted);border-color:var(--pd-primary)}.pd-page-btn:disabled{opacity:.5;cursor:not-allowed}.pd-page-indicator{font-size:.75rem;font-weight:600;color:var(--pd-fg)}.pd-tabs-header-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.pd-tabs-header-right .pd-vessel-dropdown{width:12rem}@media(max-width:600px){.pd-tabs-header-right{flex-direction:column;align-items:stretch;width:100%}.pd-tabs-header-right .pd-vessel-dropdown{width:100%}}@media(min-width:1600px){.pd-page{padding:2rem}.pd-page>*{max-width:1500px;width:100%;margin-left:auto;margin-right:auto}.pd-stats-grid{gap:1.25rem}.pd-dialog{max-width:34rem}.pd-dialog--wide{max-width:760px}}@media(min-width:1025px)and (max-width:1279px){.pd-stats-grid{gap:.85rem}.pd-stat-card{padding:.9rem}.pd-search-wrap{width:14rem}}@media(min-width:900px)and (max-width:1024px){.pd-page{padding:1.25rem}.pd-stat-card{padding:.85rem;gap:.8rem}.pd-stat-icon-wrap{width:2.6rem;height:2.6rem}.pd-search-wrap{width:13rem}.pd-table-wrap{margin:.85rem 1rem 1rem}.pd-dialog{max-width:28rem}.pd-dialog--wide{max-width:600px}}@media(min-width:768px)and (max-width:899px){.pd-page{padding:1.1rem;gap:1.25rem}.pd-title{font-size:1.4rem}.pd-title-icon{width:1.75rem;height:1.75rem}.pd-stats-grid{gap:.85rem}.pd-tabs-header{flex-direction:column;align-items:stretch;gap:.6rem}.pd-search-wrap{width:100%}.pd-table-wrap{margin:.85rem 1rem 1rem}.pd-dialog{max-width:26rem}.pd-dialog--wide{max-width:560px}.pd-detail-grid{grid-template-columns:1fr 1fr}}@media(min-width:481px)and (max-width:767px){.pd-page{padding:.9rem;gap:1rem}.pd-header{flex-direction:column;align-items:stretch;gap:.75rem}.pd-title{font-size:1.25rem}.pd-title-icon{width:1.6rem;height:1.6rem}.pd-subtitle{font-size:.78rem}.pd-btn-primary{width:100%;justify-content:center}.pd-stats-grid{grid-template-columns:1fr 1fr;gap:.6rem}.pd-stat-card{padding:.8rem;gap:.65rem}.pd-stat-icon-wrap{width:2.4rem;height:2.4rem}.pd-stat-value{font-size:1.15rem}.pd-stat-label{font-size:.68rem}.pd-tabs-header{flex-direction:column;align-items:stretch;padding:.85rem .9rem .65rem;gap:.6rem}.pd-tabs-list{width:100%}.pd-tab{flex:1;justify-content:center}.pd-search-wrap{width:100%}.pd-table-wrap{margin:.75rem .9rem .9rem}.pd-templates-actions{padding:.6rem .9rem .4rem}.pd-dialog{max-width:100%;max-height:92vh}.pd-dialog--wide{max-width:100%}.pd-dialog-header{padding:1rem 1rem .6rem}.pd-dialog-body{padding:.85rem 1rem 1rem}.pd-detail-grid{grid-template-columns:1fr 1fr;gap:.5rem}}@media(max-width:480px){.pd-page{padding:.65rem;gap:.85rem}.pd-header{flex-direction:column;align-items:stretch;gap:.6rem}.pd-title{font-size:1.05rem;gap:.5rem}.pd-title-icon{width:1.4rem;height:1.4rem}.pd-subtitle{font-size:.72rem}.pd-btn-primary{width:100%;justify-content:center;padding:.5rem .9rem;font-size:.8rem}.pd-stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.pd-stat-card{padding:.65rem;gap:.5rem;border-radius:.6rem}.pd-stat-icon-wrap{width:2.1rem;height:2.1rem;border-radius:.5rem}.pd-stat-value{font-size:1rem}.pd-stat-label{font-size:.62rem}.pd-stat-sub{font-size:.58rem}.pd-tabs-header{flex-direction:column;align-items:stretch;padding:.7rem .7rem .55rem;gap:.5rem}.pd-tabs-list{width:100%}.pd-tab{flex:1;justify-content:center;font-size:.75rem;padding:.4rem .5rem}.pd-search-wrap{width:100%}.pd-search{padding:.45rem .65rem .45rem 2rem;font-size:.78rem}.pd-table-wrap{margin:.65rem .7rem .7rem}.pd-table{font-size:.75rem}.pd-table-header-row th,.pd-table-row td{padding:.55rem .6rem}.pd-templates-actions{padding:.55rem .7rem .4rem;justify-content:stretch}.pd-templates-actions .pd-btn-primary{width:100%}.pd-empty{padding:2rem .75rem;font-size:.8rem}.pd-overlay{padding:.5rem}.pd-dialog{max-width:100%;max-height:94vh;border-radius:.65rem}.pd-dialog--wide{max-width:100%}.pd-dialog-header{padding:.9rem .85rem .6rem}.pd-dialog-title{font-size:.9rem}.pd-dialog-body{padding:.75rem .85rem .9rem;gap:.75rem}.pd-detail-grid{grid-template-columns:1fr;gap:.5rem}.pd-detail-item-value{font-size:.95rem}.pd-preview-frame{min-height:300px}.pd-group-btns{gap:.4rem}.pd-group-btn{padding:.35rem .6rem;font-size:.68rem}.pd-toast{left:.6rem;right:.6rem;top:.75rem;min-width:0;max-width:none}}@media(max-width:360px){.pd-title{font-size:.95rem}.pd-stats-grid{grid-template-columns:1fr}.pd-tab{font-size:.7rem;padding:.35rem .4rem}.pd-dialog-title{font-size:.85rem}.pd-table{min-width:480px}.pd-table-wrap{overflow-x:auto}}@media(max-height:480px)and (orientation:landscape){.pd-overlay{align-items:flex-start;padding-top:1rem;padding-bottom:1rem}.pd-dialog{max-height:94vh}.pd-preview-frame{min-height:220px}}@media(hover:none)and (pointer:coarse){.pd-icon-btn,.pd-tab,.pd-btn-primary,.pd-btn-sm,.pd-dialog-close,.pd-group-btn,.pd-template-item{min-height:38px}.pd-icon-btn{min-width:38px}}@media(prefers-reduced-motion:reduce){.pd-btn-primary,.pd-tab,.pd-table-row,.pd-template-item,.pd-icon-btn,.pd-progress-bar{transition:none!important}.pd-btn-primary:hover{transform:none}}.pl-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b 60%,#0f3460);display:flex;align-items:center;justify-content:center;padding:24px;position:relative}.pl-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);background:#e94560;color:#fff;padding:12px 18px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;box-shadow:0 8px 32px #e9456073;z-index:1000;max-width:500px;width:92%}.pl-toast-icon{flex-shrink:0}.pl-toast-close{background:none;border:none;color:#fffc;cursor:pointer;margin-left:auto;padding:2px;flex-shrink:0;display:flex;align-items:center}.pl-toast-close:hover{color:#fff}.pl-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:48px 40px;max-width:640px;width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center}.pl-icon-wrap{margin-bottom:20px}.pl-main-icon--red{color:#e94560}.pl-main-icon--green{color:#22c55e}.pl-title{font-size:1.7rem;font-weight:700;color:#f1f5f9;margin:0 0 14px;line-height:1.25}.pl-subtitle{color:#94a3b8;font-size:1rem;line-height:1.65;margin:0 0 28px}.pl-subtitle strong{color:#e2e8f0}.pl-section{text-align:left;margin-bottom:20px}.pl-section-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.07em;margin:0 0 12px}.pl-tips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pl-tip{display:flex;align-items:flex-start;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:11px 14px;font-size:.875rem;color:#cbd5e1;line-height:1.5}.pl-tip-icon{color:#e94560;flex-shrink:0;margin-top:1px}.pl-alert-box{background:#e9456014;border:1px solid rgba(233,69,96,.2);border-radius:12px;padding:14px 18px;margin-bottom:24px}.pl-alert-box p{color:#fca5a5;font-size:.875rem;line-height:1.6;margin:0}.pl-back-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;background:#0f3460;color:#e2e8f0;text-decoration:none;border-radius:10px;font-size:.9rem;font-weight:500;transition:background .18s,transform .12s}.pl-back-btn:hover{background:#1a4a85;transform:translateY(-1px)}@media(max-width:480px){.pl-card{padding:32px 20px}.pl-title{font-size:1.35rem}}.nav-gradient{background:linear-gradient(135deg,#316b9b,#53a1ca)}.sul-root{min-height:100vh;background:#f0f4f8;display:flex}.sul-sidebar{display:none;flex-direction:column;border-right:1px solid #e8eef4;background:#fff;transition:width .3s ease;overflow:hidden;flex-shrink:0}.sul-nav-btn--sub{padding-left:2.5rem;font-size:.8125rem}.sul-nav-btn:focus,.sul-nav-btn:focus-visible{outline:none}@media(min-width:1024px){.sul-sidebar{display:flex}}.sul-sidebar--open{width:240px}.sul-sidebar--collapsed{width:72px}.sul-sidebar-inner{display:flex;flex-direction:column;height:100%}.sul-sidebar-logo{padding:1rem;border-bottom:1px solid rgba(0,0,0,.06)}.sul-logo-link{display:flex;align-items:center;gap:.5rem;text-decoration:none}.sul-logo-icon{width:1.75rem;height:1.75rem;color:#316b9b;flex-shrink:0}.sul-logo-text{display:flex;flex-direction:column;line-height:1}.sul-logo-title{font-size:.9375rem;font-weight:800;color:#1a2e42;letter-spacing:-.02em}.sul-logo-sub{font-size:.5625rem;color:#6b7f96;letter-spacing:.12em;text-transform:uppercase;margin-top:.125rem}.sul-nav{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.sul-nav-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border:none;border-radius:.5rem;background:transparent;color:#6b7f96;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s;text-align:left;white-space:nowrap}.sul-nav-btn:hover{color:#1a2e42;background:#f0f4f8}.sul-nav-btn--active{background:#316b9b;color:#fff;box-shadow:0 2px 8px #3a7cbd4d}.sul-nav-btn--active:hover{background:#2c618c;color:#fff}.sul-nav-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.sul-sidebar-footer{padding:.75rem}.sul-user-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem}.sul-user-avatar{width:2.25rem;height:2.25rem;border-radius:50%;background:#d8e7f3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sul-user-avatar-icon{width:1.25rem;height:1.25rem;color:#316b9b}.sul-user-info{flex:1;min-width:0}.sul-user-name{font-size:.875rem;font-weight:600;color:#1a2e42;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sul-user-role{font-size:.75rem;color:#6b7f96;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sul-logout-btn{background:none;border:none;cursor:pointer;color:#6b7f96;padding:.25rem;border-radius:.375rem;display:flex;align-items:center;transition:color .2s}.sul-logout-btn:hover{color:#e53e3e}.sul-logout-icon{width:1rem;height:1rem}.sul-mobile-overlay{position:fixed;inset:0;z-index:50}@media(min-width:1024px){.sul-mobile-overlay{display:none}}.sul-mobile-backdrop{position:absolute;inset:0;background:#1a2e424d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sul-mobile-sidebar{position:relative;width:240px;height:100%;background:#fff;box-shadow:4px 0 24px #0000001f}.sul-main{flex:1;min-width:0;display:flex;flex-direction:column}.sul-header{position:sticky;top:0;z-index:30;height:4rem;display:flex;align-items:center;padding:0 1rem;gap:1rem;box-shadow:0 2px 12px #0000001f}@media(min-width:1024px){.sul-header{padding:0 1.5rem}}.sul-menu-btn{padding:.5rem;border:none;border-radius:.5rem;background:transparent;color:#ffffffe6;cursor:pointer;transition:background .2s;display:flex;align-items:center;flex-shrink:0}.sul-menu-btn:hover{background:#ffffff1a}.sul-menu-icon{width:1.25rem;height:1.25rem}.sul-search-wrap{flex:1;max-width:28rem}.sul-search-inner{position:relative}.sul-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#ffffff80;pointer-events:none}.sul-search-input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border:none;border-radius:.5rem;background:#ffffff1a;color:#fff;font-size:.875rem;outline:none;transition:box-shadow .2s;box-sizing:border-box}.sul-search-input::placeholder{color:#fff6}.sul-search-input:focus{box-shadow:0 0 0 2px #ffffff4d}.sul-header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.sul-notif-btn{position:relative;padding:.5rem;border:none;border-radius:.5rem;background:transparent;color:#ffffffe6;cursor:pointer;transition:background .2s;display:flex;align-items:center}.sul-notif-btn:hover{background:#ffffff1a}.sul-notif-icon{width:1.25rem;height:1.25rem}.sul-notif-dot{position:absolute;top:.375rem;right:.375rem;width:.5rem;height:.5rem;background:#e53e3e;border-radius:50%}.sul-profile-wrap{position:relative}.sul-profile-btn{display:flex;align-items:center;gap:.5rem;padding:.375rem;border:none;border-radius:.5rem;background:transparent;color:#ffffffe6;cursor:pointer;transition:background .2s}.sul-profile-btn:hover{background:#ffffff1a}.sul-profile-avatar{width:2rem;height:2rem;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #ffffff4d}.sul-profile-avatar-icon{width:1rem;height:1rem;color:#fff}.sul-chevron{width:.875rem;height:.875rem;transition:transform .2s}.sul-chevron--open{transform:rotate(180deg)}.sul-dropdown{position:absolute;right:0;top:calc(100% + .5rem);width:18rem;background:#fff;border:1px solid #e8eef4;border-radius:.75rem;box-shadow:0 8px 32px #0000001f;z-index:50;overflow:hidden}.sul-dropdown-header{padding:1rem 1.25rem}.sul-dropdown-user{display:flex;align-items:center;gap:.75rem}.sul-dropdown-avatar{width:3rem;height:3rem;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #ffffff4d;flex-shrink:0}.sul-dropdown-avatar-icon{width:1.5rem;height:1.5rem;color:#fff}.sul-dropdown-name{font-size:.875rem;font-weight:700;color:#fff;margin:0}.sul-dropdown-email{font-size:.75rem;color:#ffffffb3;margin:0}.sul-dropdown-body{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.sul-dropdown-role-row{display:flex;align-items:center;justify-content:space-between}.sul-dropdown-role-label{font-size:.75rem;color:#6b7f96;font-weight:500}.sul-dropdown-role-badge{font-size:.75rem;font-weight:700;padding:.25rem .625rem;border-radius:9999px;background:#d8e7f3;color:#316b9b}.sul-dropdown-actions{padding-top:.5rem;border-top:1px solid #e8eef4}.sul-signout-btn{width:100%;display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border:none;border-radius:.5rem;background:transparent;color:#1a2e42;font-size:.875rem;cursor:pointer;transition:background .2s;text-align:left}.sul-signout-btn:hover{background:#f0f4f8}.sul-signout-icon{width:1rem;height:1rem}.sul-content{flex:1;padding:1rem;overflow-y:auto}@media(min-width:1024px){.sul-content{padding:1.5rem}}.sul-notif-wrap{position:relative}.sul-notif-badge{position:absolute;top:-4px;right:-4px;background:#e94560;color:#fff;font-size:10px;font-weight:700;border-radius:99px;min-width:17px;height:17px;display:flex;align-items:center;justify-content:center;padding:0 3px;pointer-events:none}.sul-notif-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:340px;background:#1e2a3a;border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 12px 40px #00000080;z-index:200;overflow:hidden}.sul-notif-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:13px;font-weight:600;color:#e2e8f0;border-bottom:1px solid rgba(255,255,255,.08)}.sul-notif-read-all{background:none;border:none;color:#60a5fa;font-size:12px;cursor:pointer;padding:0}.sul-notif-read-all:hover{text-decoration:underline}.sul-notif-list{max-height:320px;overflow-y:auto}.sul-notif-empty{padding:20px 16px;font-size:13px;color:#64748b;text-align:center;margin:0}.sul-notif-item{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.05);padding:12px 16px;cursor:pointer;transition:background .15s}.sul-notif-item:hover{background:#ffffff0a}.sul-notif-item--unread{background:#63b3ed0f}.sul-notif-item--unread:hover{background:#63b3ed1a}.sul-notif-title{font-size:13px;font-weight:600;color:#e2e8f0;margin:0 0 3px}.sul-notif-msg{font-size:12px;color:#94a3b8;margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-page{display:flex;flex-direction:column;gap:1.5rem;position:relative;min-height:100vh;box-sizing:border-box}.tm-toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;background:#fff;border:1px solid #dce6ef;border-radius:.75rem;padding:.875rem 1.25rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:0 8px 32px #0000001f;animation:tm-toast-in .3s ease;max-width:320px}.tm-toast strong{color:#1a2e42;font-size:.875rem}.tm-toast span{color:#6b7f96;font-size:.75rem}.tm-toast--error{border-color:#e53e3e}@keyframes tm-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tm-header{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;justify-content:space-between}@media(min-width:640px){.tm-header{flex-direction:row;align-items:center}}.tm-header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.tm-title{font-size:1.5rem;font-weight:700;color:#1a2e42;display:flex;align-items:center;gap:.5rem;margin:0}@media(min-width:1024px){.tm-title{font-size:1.75rem}}.tm-title-icon{width:1.75rem;height:1.75rem;color:#3a7cbd}.tm-subtitle{color:#6b7f96;font-size:.875rem;margin:.25rem 0 0}.tm-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.125rem;background:#3a7cbd;color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .2s;white-space:nowrap}.tm-btn-primary:hover{opacity:.88}.tm-btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.125rem;background:#2d5f8a;color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .2s;white-space:nowrap}.tm-btn-secondary:hover{opacity:.88}.tm-btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.125rem;background:transparent;color:#1a2e42;border:1px solid #dce6ef;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.tm-btn-outline:hover{background:#f0f4f8}.tm-btn-full{width:100%;justify-content:center}.tm-btn-icon{width:1rem;height:1rem}.tm-stats-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.tm-stats-grid{grid-template-columns:repeat(3,1fr)}}.tm-stats-grid--4{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.tm-stats-grid--4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tm-stats-grid--4{grid-template-columns:repeat(4,1fr)}}.tm-stat-card{background:#fff;border-radius:.75rem;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 4px #0000000f}.tm-stat-card--primary{border:1px solid rgba(58,124,189,.2)}.tm-stat-card--green{border:1px solid rgba(16,185,129,.2)}.tm-stat-card--red{border:1px solid rgba(229,62,62,.2)}.tm-stat-card--amber{border:1px solid rgba(245,166,35,.3)}.tm-stat-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tm-stat-icon--primary{background:#3a7cbd1a}.tm-stat-icon--primary .tm-stat-icon-svg{color:#3a7cbd}.tm-stat-icon--green{background:#10b9811a}.tm-stat-icon--green .tm-stat-icon-svg{color:#059669}.tm-stat-icon--red{background:#e53e3e1a}.tm-stat-icon--red .tm-stat-icon-svg{color:#e53e3e}.tm-stat-icon--amber{background:#f5a6231f}.tm-stat-icon--amber .tm-stat-icon-svg{color:#d97706}.tm-stat-icon-svg{width:1.5rem;height:1.5rem}.tm-stat-value{font-size:1.5rem;font-weight:700;color:#1a2e42;margin:0}.tm-stat-label{font-size:.75rem;color:#6b7f96;font-weight:500;margin:0}.tm-filters-card{background:#fff;border:1px solid #e8eef4;border-radius:.75rem;padding:1rem 1.25rem;box-shadow:0 1px 4px #0000000f}.tm-filters{display:flex;flex-direction:column;gap:.75rem}@media(min-width:640px){.tm-filters{flex-direction:row;align-items:center}}.tm-search-wrap{position:relative;flex:1}.tm-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#6b7f96;pointer-events:none}.tm-input{width:100%;height:2.5rem;background:#f0f4f8;border:1px solid #dce6ef;border-radius:.5rem;padding:0 .75rem;color:#1a2e42;font-size:.875rem;outline:none;box-sizing:border-box;transition:border-color .2s;color-scheme:light}.tm-input:focus{border-color:#3a7cbd}.tm-input--search{padding-left:2.25rem}.tm-select{height:2.5rem;background:#f0f4f8;border:1px solid #dce6ef;border-radius:.5rem;padding:0 .75rem;color:#1a2e42;font-size:.875rem;outline:none;cursor:pointer;flex:1;min-width:0}.tm-select:focus{border-color:#3a7cbd}.tm-select--full{width:100%;min-width:unset}.tm-vessel-dropdown{position:relative;flex:1;min-width:0}.tm-vessel-dropdown--full{width:100%}.tm-vessel-trigger{width:100%;height:2.5rem;background:#f0f4f8;border:1px solid #dce6ef;border-radius:.5rem;padding:0 2rem 0 .75rem;color:#1a2e42;font-size:.875rem;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left;box-sizing:border-box;transition:border-color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-vessel-trigger:focus,.tm-vessel-trigger--open{border-color:#3a7cbd}.tm-vessel-trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit}.tm-vessel-trigger-text--placeholder{color:#9baab8}.tm-vessel-trigger-arrow{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#6b7f96;pointer-events:none;transition:transform .2s;flex-shrink:0}.tm-vessel-trigger-arrow--open{transform:translateY(-50%) rotate(180deg)}.tm-vessel-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #dce6ef;border-radius:.5rem;box-shadow:0 8px 24px #0000001f;z-index:500;overflow:hidden}.tm-vessel-search-wrap{padding:.5rem;border-bottom:1px solid #e8eef4;position:relative}.tm-vessel-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:.875rem;height:.875rem;color:#6b7f96;pointer-events:none}.tm-vessel-search-input{width:100%;height:2rem;background:#f0f4f8;border:1px solid #dce6ef;border-radius:.375rem;padding:0 .5rem 0 2rem;font-size:.8125rem;color:#1a2e42;outline:none;box-sizing:border-box}.tm-vessel-search-input:focus{border-color:#3a7cbd}.tm-vessel-list{max-height:11rem;overflow-y:auto}.tm-vessel-list::-webkit-scrollbar{width:4px}.tm-vessel-list::-webkit-scrollbar-track{background:transparent}.tm-vessel-list::-webkit-scrollbar-thumb{background:#dce6ef;border-radius:2px}.tm-vessel-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;color:#1a2e42;cursor:pointer;transition:background .15s;width:100%;border:none;background:transparent;text-align:left}.tm-vessel-option:hover{background:#f0f4f8}.tm-vessel-option--selected{background:#3a7cbd14;color:#3a7cbd;font-weight:500}.tm-vessel-option--selected:hover{background:#3a7cbd24}.tm-vessel-option-icon{width:.875rem;height:.875rem;color:#3a7cbd;flex-shrink:0}.tm-vessel-option-check{width:.875rem;height:.875rem;color:#3a7cbd;flex-shrink:0;margin-left:auto}.tm-vessel-no-results{padding:.75rem;font-size:.8125rem;color:#6b7f96;text-align:center}.tm-dropdown{position:relative;flex:1;min-width:0}.tm-dropdown--full{width:100%}.tm-dropdown--disabled{opacity:.55;pointer-events:none}.tm-dropdown-trigger{width:100%;height:2.5rem;background:#f0f4f8;border:1px solid #dce6ef;border-radius:.5rem;padding:0 2rem 0 .75rem;color:#1a2e42;font-size:.875rem;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left;box-sizing:border-box;transition:border-color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.tm-dropdown-trigger:hover{border-color:#b9cbdc}.tm-dropdown-trigger:focus,.tm-dropdown-trigger--open{border-color:#3a7cbd}.tm-dropdown-trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit}.tm-dropdown-trigger-text--placeholder{color:#9baab8}.tm-dropdown-arrow{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#6b7f96;pointer-events:none;transition:transform .2s;flex-shrink:0}.tm-dropdown-arrow--open{transform:translateY(-50%) rotate(180deg)}.tm-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #dce6ef;border-radius:.5rem;box-shadow:0 8px 24px #0000001f;z-index:500;overflow:hidden;max-height:12rem;overflow-y:auto}.tm-dropdown-menu::-webkit-scrollbar{width:4px}.tm-dropdown-menu::-webkit-scrollbar-track{background:transparent}.tm-dropdown-menu::-webkit-scrollbar-thumb{background:#dce6ef;border-radius:2px}.tm-dropdown-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;color:#1a2e42;cursor:pointer;transition:background .15s;width:100%;border:none;background:transparent;text-align:left}.tm-dropdown-option:hover{background:#f0f4f8}.tm-dropdown-option--selected{background:#3a7cbd14;color:#3a7cbd;font-weight:500}.tm-dropdown-option--selected:hover{background:#3a7cbd24}.tm-dropdown-option-check{width:.875rem;height:.875rem;color:#3a7cbd;flex-shrink:0;margin-left:auto}.tm-dropdown-empty{padding:.75rem;font-size:.8125rem;color:#6b7f96;text-align:center;margin:0}.tm-time-range{display:flex;align-items:center;gap:.625rem}.tm-time-range-field{flex:1;min-width:0}.tm-time-range-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:9999px;background:#3a7cbd1a}.tm-time-range-arrow-icon{width:.9375rem;height:.9375rem;color:#3a7cbd}.tm-textarea{width:100%;min-height:5rem;background:#f0f4f8;border:1px solid #dce6ef;border-radius:.5rem;padding:.5rem .75rem;color:#1a2e42;font-size:.875rem;outline:none;resize:none;box-sizing:border-box;transition:border-color .2s;font-family:inherit}.tm-textarea:focus{border-color:#3a7cbd}.tm-table-card{background:#fff;border:1px solid #e8eef4;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 4px #0000000f}.tm-table-header{padding:1rem 1.25rem .75rem;border-bottom:1px solid #e8eef4}.tm-table-title{font-size:1.0625rem;font-weight:600;color:#1a2e42;margin:0}.tm-table-desc{font-size:.8125rem;color:#6b7f96;margin:.25rem 0 0}.tm-table-wrap{overflow-x:auto}.tm-table{width:100%;border-collapse:collapse;font-size:.875rem}.tm-table th,.tm-table td{padding:.75rem 1rem;text-align:left;white-space:nowrap}.tm-thead-row{background:#f7f9fb}.tm-thead-row th{font-weight:600;font-size:.8125rem;color:#1a2e42}.tm-th-right{text-align:right}.tm-tr{border-bottom:1px solid #edf2f6;transition:background .15s}.tm-tr:hover{background:#f7f9fb}.tm-td-title{font-weight:600;color:#1a2e42;font-size:.875rem;margin:0}.tm-td-agenda{font-size:.75rem;color:#6b7f96;margin:.25rem 0 0;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-vessel-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;padding:.25rem .625rem;border-radius:9999px;background:#3a7cbd1a;color:#3a7cbd;white-space:nowrap}.tm-vessel-icon{width:.75rem;height:.75rem}.tm-td-date{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;color:#1a2e42}.tm-td-icon{width:.875rem;height:.875rem;color:#6b7f96;flex-shrink:0}.tm-td-time{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7f96;margin-top:.25rem}.tm-td-icon-sm{width:.75rem;height:.75rem;color:#6b7f96;flex-shrink:0}.tm-td-pending{font-size:.75rem}.tm-td-pending-label{font-weight:600;color:#d97706;display:flex;align-items:center;gap:.25rem;margin:0}.tm-td-pending-detail{color:#6b7f96;margin:.25rem 0 0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-td-attendees{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#1a2e42}.tm-td-attendees-list{font-size:.75rem;color:#6b7f96;margin:.25rem 0 0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:9999px;white-space:nowrap}.tm-badge-icon{width:.75rem;height:.75rem}.tm-badge--scheduled{background:#3a7cbd1a;color:#3a7cbd}.tm-badge--completed{background:#10b9811a;color:#059669}.tm-badge--cancelled{background:#e53e3e1a;color:#e53e3e}.tm-badge--pending{background:#f5a6231f;color:#d97706}.tm-td-actions{text-align:right}.tm-action-btns{display:inline-flex;align-items:center;gap:.125rem;justify-content:flex-end}.tm-action-btn{width:1.75rem;height:1.75rem;min-width:1.75rem;padding:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:.375rem;background:transparent;cursor:pointer;transition:background .2s,color .2s}.tm-action-icon{width:1rem;height:1rem;display:block;flex-shrink:0}.tm-action-btn--primary{color:#3a7cbd;background:#3a7cbd1a}.tm-action-btn--primary:hover{background:#3a7cbd33}.tm-action-btn--danger{color:#e53e3e;background:#e53e3e1a}.tm-action-btn--danger:hover{background:#e53e3e33}.tm-action-btn--green{color:#059669;background:#10b9811a}.tm-action-btn--green:hover{background:#10b98133}.tm-action-btn--amber{color:#d97706;background:#f5a6231f}.tm-action-btn--amber:hover{background:#f5a62338}.tm-action-btn--amber-outline{color:#3a7cbd;background:#3a7cbd1a}.tm-action-btn--amber-outline:hover{background:#3a7cbd33}.tm-action-btn--recording{background:#10b981!important;color:#fff!important}.tm-action-btn--recording:hover{background:#0d9f6e!important}.tm-action-btn--recording .tm-action-icon,.tm-action-icon--on-solid{color:#fff!important;stroke:#fff!important;opacity:1!important;width:1rem!important;height:1rem!important}.tm-action-btn--recording svg,.tm-action-btn--recording svg path,.tm-action-btn--recording svg circle,.tm-action-btn--recording svg polygon{stroke:#fff!important}.tm-action-icon--on-solid{color:#fff;stroke:#fff}.tm-action-btn--book{color:#7c3aed;background:#7c3aed1a}.tm-action-btn--book:hover{background:#7c3aed33}.tm-empty-cell{text-align:center;padding:3rem 1rem;color:#6b7f96}.tm-empty-icon{width:2.5rem;height:2.5rem;margin:0 auto .5rem;opacity:.3;display:block}.tm-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.tm-modal{background:#fff;border:1px solid #dce6ef;border-radius:1rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:tm-modal-in .25s ease;box-shadow:0 8px 32px #00000024}.tm-modal--wide{max-width:820px}.tm-modal--sm{max-width:420px}@keyframes tm-modal-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.tm-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem .75rem;border-bottom:1px solid #e8eef4}.tm-modal-title{font-size:1rem;font-weight:600;color:#1a2e42;margin:0;display:flex;align-items:center;gap:.5rem}.tm-modal-title-icon{width:1.25rem;height:1.25rem;color:#3a7cbd}.tm-modal-subtitle{font-size:.8125rem;color:#6b7f96;margin:.375rem 0 0 1.75rem}.tm-modal-close{background:none;border:none;font-size:1.5rem;line-height:1;color:#6b7f96;cursor:pointer;padding:.25rem;border-radius:.375rem;transition:color .2s}.tm-modal-close:hover{color:#1a2e42}.tm-modal-body{padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.tm-modal-body--grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:640px){.tm-modal-body--grid{grid-template-columns:1fr 1fr}}.tm-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1.5rem 1.25rem;border-top:1px solid #e8eef4}.tm-modal-footer--inline{padding:0;border-top:none;margin-top:.25rem}.tm-form-group{display:flex;flex-direction:column;gap:.375rem}.tm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.tm-label{font-size:.875rem;font-weight:500;color:#1a2e42}.tm-label--icon{display:flex;align-items:center;gap:.375rem}.tm-label-icon{width:1rem;height:1rem;color:#3a7cbd}.tm-hint{font-size:.75rem;color:#6b7f96;margin:0}.tm-req-form{display:flex;flex-direction:column;gap:1rem}.tm-req-preview{display:flex;flex-direction:column;gap:.5rem}.tm-tag-row{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.tm-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;border:none;cursor:pointer;transition:background .2s}.tm-tag--primary{background:#3a7cbd1a;color:#3a7cbd}.tm-tag--primary:hover{background:#3a7cbd33}.tm-tag-icon{width:.75rem;height:.75rem}.tm-timeslot-row{display:flex;flex-wrap:wrap;gap:.375rem}.tm-timeslot-btn{padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;border:1px solid #dce6ef;background:#f0f4f8;color:#1a2e42;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.tm-timeslot-btn:hover{background:#dce6ef}.tm-timeslot-btn--active{background:#3a7cbd;color:#fff;border-color:#3a7cbd}.tm-timeslot-btn--active:hover{background:#2e6aab;border-color:#2e6aab}.tm-email-preview{width:100%;min-height:380px;background:#f7f9fb;border:1px solid #dce6ef;border-radius:.5rem;padding:.75rem;color:#1a2e42;font-size:.75rem;font-family:Courier New,Courier,monospace;line-height:1.6;outline:none;resize:none;box-sizing:border-box;transition:border-color .2s}.tm-email-preview:focus{border-color:#3a7cbd}.tm-confirm-info{background:#f7f9fb;border:1px solid #e8eef4;border-radius:.5rem;padding:.75rem 1rem}.tm-material-search-wrap{position:relative}.tm-material-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#6b7f96;pointer-events:none}.tm-material-search-input{padding-left:2.25rem;border-color:#3a7cbd}.tm-material-list{display:flex;flex-direction:column;gap:.625rem;max-height:20rem;overflow-y:auto;padding-right:.375rem;scrollbar-width:thin;scrollbar-color:#a9c9e8 transparent}.tm-material-list::-webkit-scrollbar{width:5px}.tm-material-list::-webkit-scrollbar-track{background:transparent;margin:4px 0}.tm-material-list::-webkit-scrollbar-thumb{background:#a9c9e8;border-radius:9999px}.tm-material-list::-webkit-scrollbar-thumb:hover{background:#3a7cbd}.tm-material-card{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;padding:.75rem .875rem;background:#f7f9fb;border:1px solid #e8eef4;border-radius:.75rem;cursor:pointer;transition:border-color .15s,background .15s;box-sizing:border-box}.tm-material-card:hover{border-color:#b9cbdc;background:#f0f4f8}.tm-material-card--selected{border-color:#3a7cbd;background:#3a7cbd0f}.tm-material-icon{width:1.25rem;height:1.25rem;color:#3a7cbd;flex-shrink:0}.tm-material-info{flex:1;min-width:0}.tm-material-title{font-size:.875rem;font-weight:600;color:#1a2e42;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-material-filename{font-size:.75rem;color:#6b7f96;margin:.125rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-material-badge{flex-shrink:0;font-size:.6875rem;font-weight:600;padding:.25rem .625rem;border-radius:9999px;white-space:nowrap;background:#3a7cbd1f;color:#3a7cbd}.tm-material-badge--blue{background:#3a7cbd1f;color:#3a7cbd}.tm-material-badge--green{background:#10b9811f;color:#059669}.tm-material-badge--purple{background:#7c3aed1f;color:#7c3aed}.tm-material-badge--amber{background:#f5a62329;color:#d97706}.tm-material-empty{padding:1.5rem .75rem;text-align:center;font-size:.8125rem;color:#6b7f96;margin:0}.tm-material-notice{display:flex;align-items:flex-start;gap:.5rem;background:#eef5fc;border:1px solid rgba(58,124,189,.2);border-radius:.625rem;padding:.625rem .75rem}.tm-material-notice-icon{width:.9375rem;height:.9375rem;color:#3a7cbd;flex-shrink:0;margin-top:.125rem}.tm-material-notice p{font-size:.75rem;color:#4a6178;margin:0;line-height:1.5}.tm-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-top:1px solid #e8eef4;background:#fff;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.tm-pagination-info{font-size:.75rem;color:#6b7f96}.tm-pagination-controls{display:flex;align-items:center;gap:1rem}.tm-page-btn{display:flex;align-items:center;gap:.25rem;padding:.4rem .75rem;border:1px solid #dce6ef;border-radius:.5rem;background:#fff;color:#1a2e42;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.tm-page-btn:hover:not(:disabled){background:#f7f9fb;border-color:#3a7cbd}.tm-page-btn:disabled{opacity:.5;cursor:not-allowed}.tm-page-indicator{font-size:.75rem;font-weight:600;color:#1a2e42}.tm-btn-primary:focus,.tm-btn-secondary:focus,.tm-btn-outline:focus,.tm-action-btn:focus,.tm-timeslot-btn:focus,.tm-tag:focus,.tm-page-num:focus,.tm-modal-close:focus,.tm-dropdown-trigger:focus,.tm-dropdown-trigger:focus-visible,.tm-vessel-trigger:focus,.tm-vessel-trigger:focus-visible,.tm-vessel-option:focus,.tm-dropdown-option:focus,.tm-material-card:focus,.tm-material-card:focus-visible,.tm-timeslot-btn:focus-visible,.tm-tag:focus-visible,.tm-action-btn:focus-visible,.tm-btn-primary:focus-visible,.tm-btn-secondary:focus-visible,.tm-btn-outline:focus-visible,.tm-page-btn:focus,.tm-page-btn:focus-visible,.tm-reply-badge:focus,.tm-reply-badge:focus-visible{outline:none}@media(min-width:1440px){.tm-page{max-width:1600px;margin:0 auto}}@media(max-width:1023px){.tm-modal--wide{max-width:92vw}.tm-email-preview{min-height:260px}}@media(max-width:767px){.tm-page{gap:1.25rem}.tm-title{font-size:1.25rem}.tm-title-icon{width:1.5rem;height:1.5rem}.tm-subtitle{font-size:.8125rem}.tm-header-actions{width:100%}.tm-header-actions .tm-btn-primary,.tm-header-actions .tm-btn-secondary{flex:1 1 auto;justify-content:center}.tm-stats-grid,.tm-stats-grid--4{grid-template-columns:repeat(2,1fr)!important;gap:.75rem}.tm-stat-card{padding:.875rem 1rem;gap:.75rem}.tm-stat-icon{width:2.5rem;height:2.5rem}.tm-stat-icon-svg{width:1.25rem;height:1.25rem}.tm-stat-value{font-size:1.25rem}.tm-filters-card{padding:.875rem 1rem}.tm-form-row{grid-template-columns:1fr}.tm-modal-body--grid{grid-template-columns:1fr!important}.tm-modal{max-width:94vw}.tm-modal-header{padding:1rem 1.125rem .625rem}.tm-modal-body{padding:.875rem 1.125rem 1.25rem}.tm-modal-footer{padding:.625rem 1.125rem 1rem;flex-wrap:wrap}.tm-modal-footer button{flex:1 1 auto}.tm-table-wrap{-webkit-overflow-scrolling:touch}.tm-table th,.tm-table td{padding:.625rem .75rem}.tm-td-agenda,.tm-td-attendees-list,.tm-td-pending-detail{max-width:160px}.tm-pagination{flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.875rem 1rem}.tm-pagination-controls{width:100%;justify-content:center;flex-wrap:wrap}}@media(max-width:639px){.tm-header{gap:.75rem}.tm-header-actions{flex-direction:column;align-items:stretch;gap:.5rem}.tm-header-actions .tm-btn-primary,.tm-header-actions .tm-btn-secondary{width:100%}.tm-stats-grid,.tm-stats-grid--4{grid-template-columns:1fr!important}.tm-filters{flex-direction:column;align-items:stretch}.tm-vessel-dropdown,.tm-dropdown,.tm-select{width:100%}.tm-table-title{font-size:.9375rem}.tm-table-desc{font-size:.75rem}.tm-td-agenda,.tm-td-attendees-list,.tm-td-pending-detail{max-width:120px}.tm-action-btn{height:1.875rem;min-width:1.875rem}.tm-action-icon{width:.875rem;height:.875rem}.tm-time-range{gap:.5rem}.tm-time-range-arrow{width:1.5rem;height:1.5rem}.tm-time-range-arrow-icon{width:.8125rem;height:.8125rem}}@media(max-width:479px){.tm-page{gap:1rem}.tm-title{font-size:1.125rem}.tm-title-icon{width:1.25rem;height:1.25rem}.tm-toast{left:.75rem;right:.75rem;bottom:.75rem;max-width:none}.tm-stat-card{padding:.75rem .875rem}.tm-stat-value{font-size:1.125rem}.tm-stat-label{font-size:.6875rem}.tm-modal{max-width:100vw;width:100%;height:100%;max-height:100vh;border-radius:0}.tm-modal-overlay{padding:0}.tm-modal--wide,.tm-modal--sm{max-width:100vw}.tm-email-preview{min-height:220px;font-size:.6875rem}.tm-timeslot-btn{padding:.3125rem .625rem;font-size:.6875rem}.tm-tag{font-size:.6875rem;padding:.2rem .5rem}.tm-table th,.tm-table td{padding:.5rem .625rem;font-size:.8125rem}.tm-td-title{font-size:.8125rem}.tm-td-agenda,.tm-td-attendees-list,.tm-td-pending-detail{max-width:100px}.tm-pagination{padding:.75rem}.tm-page-btn{padding:.3125rem .625rem;font-size:.7rem}.tm-pagination-info{font-size:.7rem}.tm-time-range{flex-direction:column;align-items:stretch;gap:.375rem}.tm-time-range-arrow{transform:rotate(90deg);align-self:center}.tm-material-list{max-height:16rem}.tm-material-card{padding:.625rem .75rem;gap:.5rem}.tm-material-title{font-size:.8125rem}}.tm-recommend-tag{background:#22d3ee1a;color:#22d3ee;border:1px solid rgba(34,211,238,.3);font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px;letter-spacing:.02em}.tm-material-card--selected .tm-recommend-tag{background:#22d3ee;color:#0b2436}@media(max-width:359px){.tm-stats-grid,.tm-stats-grid--4{gap:.5rem}.tm-stat-icon{width:2.25rem;height:2.25rem}.tm-btn-primary,.tm-btn-secondary,.tm-btn-outline{padding:.5rem .75rem;font-size:.8125rem}}@media(max-width:479px){.tm-vessel-list,.tm-dropdown-menu{max-height:9rem}}@media(hover:none)and (pointer:coarse){.tm-action-btn,.tm-page-num,.tm-timeslot-btn,.tm-tag,.tm-vessel-option,.tm-dropdown-option,.tm-material-card{min-height:2rem}}.tm-reply-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:9999px;border:none;cursor:pointer;white-space:nowrap;transition:background .2s,opacity .2s}.tm-reply-badge:hover{opacity:.85}.tm-reply-badge-icon{width:.8125rem;height:.8125rem;flex-shrink:0}.tm-reply-badge--yes{background:#10b9811a;color:#059669}.tm-reply-badge--yes:hover{background:#10b98133}.tm-reply-badge--no{background:#6b7f961a;color:#6b7f96}.tm-reply-badge--no:hover{background:#6b7f962e}.tm-conv-overlay{position:fixed;inset:0;background:#00000073;z-index:1100;display:flex;justify-content:flex-end}.tm-conv-panel{position:relative;width:720px;max-width:94vw;height:100vh;background:#eef2f6;box-shadow:-12px 0 32px #0000002e;display:flex;flex-direction:column;animation:tm-conv-in .25s ease}@media(min-width:1440px){.tm-conv-panel{width:780px}}@keyframes tm-conv-in{0%{transform:translate(100%)}to{transform:translate(0)}}.tm-conv-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid #e8eef4;flex-shrink:0;background:#fff}.tm-conv-title{font-size:1rem;font-weight:600;color:#1a2e42;margin:0;display:flex;align-items:center;gap:.5rem}.tm-conv-title-icon{width:1.25rem;height:1.25rem;color:#3a7cbd}.tm-conv-subtitle{font-size:.8125rem;color:#6b7f96;margin:.375rem 0 0;display:flex;align-items:center;gap:.375rem}.tm-conv-body{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.tm-conv-body::-webkit-scrollbar{width:5px}.tm-conv-body::-webkit-scrollbar-track{background:transparent}.tm-conv-body::-webkit-scrollbar-thumb{background:#dce6ef;border-radius:2px}.tm-conv-loading,.tm-conv-empty{margin:auto 0;text-align:center;color:#6b7f96;padding:2rem 1rem}.tm-conv-empty-icon{width:2.5rem;height:2.5rem;margin:0 auto .5rem;opacity:.3;display:block}.tm-conv-spinner{width:1.75rem;height:1.75rem;margin:0 auto .5rem;color:#3a7cbd;display:block;animation:tm-conv-spin .8s linear infinite}@keyframes tm-conv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tm-conv-msg{max-width:82%;border-radius:1rem;border:1px solid #e8eef4;background:#fff;padding:.75rem .875rem;box-shadow:0 1px 2px #14283c0d;position:relative}.tm-conv-msg--outbound{align-self:flex-end;background:#d9edff;border-color:#bfdcf5;border-top-right-radius:.25rem}.tm-conv-msg--inbound{align-self:flex-start;background:#fff;border-color:#e8eef4;border-top-left-radius:.25rem}.tm-conv-msg-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tm-conv-msg-sender{font-size:.8125rem;font-weight:600;color:#1a2e42}.tm-conv-msg--outbound .tm-conv-msg-sender{color:#2d5f8a}.tm-conv-msg--inbound .tm-conv-msg-sender{color:#0d7a52}.tm-conv-msg-time{font-size:.6875rem;color:#6b7f96;white-space:nowrap}.tm-conv-msg-email{font-size:.75rem;color:#6b7f96;margin:.125rem 0 0}.tm-conv-msg-subject{font-size:.75rem;font-weight:600;color:#3a7cbd;margin:.375rem 0 .5rem}.tm-conv-msg-frame{width:100%;min-height:140px;max-height:320px;border:1px solid #e8eef4;border-radius:.625rem;background:#fff;margin-top:.375rem}@media(max-width:767px){.tm-conv-msg{max-width:90%}}@media(max-width:479px){.tm-conv-panel{width:100vw;max-width:100vw}}.rec-page{display:flex;flex-direction:row;gap:1.25rem;min-height:100vh;background:#f0f4f8;box-sizing:border-box}.rec-breadcrumb{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#6b8a9e}.rec-bc-link{color:#6b8a9e;text-decoration:none;transition:color .15s}.rec-bc-link:hover,.rec-bc-clickable:hover{color:#2a6496}.rec-bc-clickable{cursor:pointer}.rec-bc-current{color:#1a3a52}.rec-bc-arrow{width:.875rem;height:.875rem;color:#6b8a9e}.rec-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.rec-title{font-size:1.5rem;font-weight:700;color:#1a3a52;display:flex;align-items:center;gap:.5rem;margin:0}.rec-title-icon{width:1.5rem;height:1.5rem;color:#2a6496}.rec-subtitle{font-size:.875rem;color:#6b8a9e;margin:.25rem 0 0}.rec-back-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid #ccd8e0;border-radius:.75rem;background:#fff;color:#1a3a52;cursor:pointer;transition:background .15s,border-color .15s}.rec-back-btn:hover{background:#eef2f5;border-color:#b0c4d0}.rec-back-icon{width:1rem;height:1rem}.rec-vessel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));flex-direction:column;gap:1.25rem;width:100%}@media(min-width:640px){.rec-vessel-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.rec-vessel-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.rec-vessel-grid{grid-template-columns:repeat(4,1fr)}}.rec-vessel-btn{background:none;border:none;padding:0;text-align:left;cursor:pointer}.rec-vessel-card{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(180,200,220,.6);border-radius:.75rem;padding:1.25rem;box-shadow:0 10px 25px -10px #2a649659;transition:transform .3s,box-shadow .3s}.rec-vessel-btn:hover .rec-vessel-card{transform:translateY(-4px);box-shadow:0 20px 35px -10px #2a649673}.rec-vessel-bg-circle{position:absolute;top:-2.5rem;right:-2.5rem;width:8rem;height:8rem;border-radius:50%;background:linear-gradient(135deg,#316b9b,#53a1ca);opacity:.1;transition:opacity .3s}.rec-vessel-btn:hover .rec-vessel-bg-circle{opacity:.2}.rec-vessel-top{display:flex;align-items:flex-start;justify-content:space-between}.rec-vessel-icon-wrap{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#316b9b,#53a1ca);box-shadow:0 2px 8px #2a64964d}.rec-vessel-icon{width:1.5rem;height:1.5rem}.rec-vessel-count{font-size:.75rem;font-weight:500;color:#6b8a9e;background:#eef2f5;padding:.25rem .5rem;border-radius:9999px}.rec-vessel-info{margin-top:1rem}.rec-vessel-name{font-weight:600;color:#1a3a52;transition:color .15s;margin:0;font-size:.9375rem}.rec-vessel-btn:hover .rec-vessel-name{color:#2a6496}.rec-vessel-date{font-size:.75rem;color:#6b8a9e;margin:.25rem 0 0}.rec-vessel-open{margin-top:1rem;display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;color:#2a6496;opacity:0;transition:opacity .2s}.rec-vessel-btn:hover .rec-vessel-open{opacity:1}.rec-vessel-open-arrow{width:.875rem;height:.875rem}.rec-search-card{background:#fff;border:1px solid #ccd8e0;border-radius:.75rem;padding:.75rem}.rec-search-wrap{position:relative;flex:1}.rec-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#6b8a9e}.rec-search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.875rem;border:1px solid transparent;border-radius:.5rem;background:#f0f4f7;color:#1a3a52;outline:none;box-sizing:border-box;transition:border-color .15s,background .15s}.rec-search-input::placeholder{color:#6b8a9e}.rec-search-input:focus{border-color:#2a6496;background:#fff}.rec-list-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media(min-width:768px){.rec-list-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.rec-list-grid{grid-template-columns:repeat(3,1fr)}}.rec-card{display:flex;gap:1rem;background:#fff;border:1px solid #ccd8e0;border-radius:.75rem;padding:1rem;transition:box-shadow .2s}.rec-card:hover{box-shadow:0 8px 24px #2a649626}.rec-date-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:4rem;min-width:4rem;border-radius:.5rem;color:#fff;padding:.5rem 0;background:linear-gradient(135deg,#316b9b,#53a1ca)}.rec-date-month{font-size:.625rem;text-transform:uppercase;letter-spacing:.08em;opacity:.9}.rec-date-day{font-size:1.5rem;font-weight:700;line-height:1}.rec-date-year{font-size:.625rem;margin-top:.25rem;opacity:.9}.rec-card-body{flex:1;min-width:0}.rec-card-title-row{display:flex;align-items:flex-start;gap:.5rem}.rec-file-icon{width:1rem;height:1rem;color:#2a6496;margin-top:.125rem;flex-shrink:0}.rec-card-title{font-weight:600;color:#1a3a52;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:.9375rem}.rec-card-meta{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.25rem .75rem;font-size:.75rem;color:#6b8a9e}.rec-meta-item{display:inline-flex;align-items:center;gap:.25rem}.rec-meta-icon{width:.75rem;height:.75rem}.rec-card-actions{margin-top:.75rem;display:flex;gap:.5rem}.rec-play-btn,.rec-dl-btn{display:inline-flex;align-items:center;gap:.25rem;height:2rem;padding:0 .75rem;font-size:.8125rem;font-weight:500;border-radius:.5rem;cursor:pointer;border:none;transition:opacity .15s,background .15s}.rec-play-btn{color:#fff;background:linear-gradient(135deg,#316b9b,#53a1ca)}.rec-play-btn:hover{opacity:.88}.rec-dl-btn{background:transparent;border:1px solid #ccd8e0;color:#1a3a52}.rec-dl-btn:hover{background:#eef2f5}.rec-action-icon{width:.875rem;height:.875rem}.rec-empty{grid-column:1 / -1;text-align:center;color:#6b8a9e;padding:3rem 0}.rec-vessel-btn:focus,.rec-back-btn:focus,.rec-play-btn:focus,.rec-dl-btn:focus{outline:none}.ap-sidebar{width:280px;flex-shrink:0;background:#fff;border:1px solid #e8eef4;border-radius:12px;display:flex;flex-direction:column;position:sticky;top:1.5rem}.rec-content-container{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:1280px){.rec-vessel-grid{grid-template-columns:repeat(3,1fr)}}.custom-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:99999}.custom-modal-card{background:#fff;padding:40px;border-radius:24px;width:320px;text-align:center;box-shadow:0 10px 30px #0003}.custom-modal-icon-wrap{width:85px;height:85px;background:#edf4fb;color:#3a7cbd;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;border:4px solid #ffffff;box-shadow:0 4px 10px #3a7cbd1a}.custom-modal-ok-btn{width:100%;background:#3a7cbd;color:#fff;border:none;padding:14px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.custom-modal-ok-btn:hover{background:#2d61a1;transform:translateY(-1px);box-shadow:0 4px 12px #3a7cbd4d}.rec-vs-sidebar{width:280px;flex-shrink:0;background:#fff;border:1px solid #e8eef4;border-radius:.875rem;overflow:hidden;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;position:sticky;top:1.5rem;height:fit-content;min-height:80vh;font-family:DM Sans,sans-serif}.rec-vs-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem .5rem;border-bottom:1px solid #f0f4f8}.rec-vs-title{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:#1a2e42}.rec-vs-count{font-size:.75rem;color:#6b7f96;background:#f0f4f8;border-radius:9999px;padding:.1rem .5rem}.rec-vs-search-wrap{position:relative;padding:.625rem .875rem;border-bottom:1px solid #f0f4f8}.rec-vs-search-icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:#9fb3c8;pointer-events:none}.rec-vs-search{width:100%;height:2rem;background:#f7f9fb;border:1px solid #e8eef4;border-radius:.5rem;padding:0 .625rem 0 2rem;font-size:.8125rem;color:#1a2e42;outline:none;box-sizing:border-box;font-family:inherit}.rec-vs-search:focus{border-color:#3a7cbd}.rec-vs-list{overflow-y:auto;max-height:75vh;flex:1;padding:.5rem;display:flex;flex-direction:column;gap:.125rem}.rec-vs-list::-webkit-scrollbar{width:4px}.rec-vs-list::-webkit-scrollbar-track{background:transparent}.rec-vs-list::-webkit-scrollbar-thumb{background:#dce6ef;border-radius:2px}.rec-vs-item{width:100%;text-align:left;border:none;background:transparent;border-radius:.5rem;padding:.625rem .625rem .5rem;cursor:pointer;transition:background .15s;font-family:inherit}.rec-vs-item:hover{background:#f7f9fb}.rec-vs-item--active{background:#edf4fb}.rec-vs-item-top{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.rec-vs-item-icon{width:1.75rem;height:1.75rem;border-radius:.375rem;background:#e8f1f9;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#3a7cbd}.rec-vs-item--active .rec-vs-item-icon{background:#3a7cbd;color:#fff}.rec-vs-item-info{flex:1;min-width:0}.rec-vs-item-name{display:block;font-size:.8125rem;font-weight:600;color:#1a2e42;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rec-vs-item-type{display:block;font-size:.6875rem;color:#6b7f96}.rec-vs-progress-track{height:3px;background:#e8eef4;border-radius:9999px;overflow:hidden}.rec-vs-progress-bar{height:100%;border-radius:9999px;transition:width .4s ease}.rec-vs-prog--zero{background:#e8eef4}.rec-vs-prog--low{background:#e53e3e}.rec-vs-prog--mid{background:#f59e0b}.rec-vs-prog--full{background:#2ea04b}.rec-vs-prog-label{display:block;font-size:.6rem;color:#9fb3c8;margin-top:.25rem;text-align:right}.rec-vs-item:focus{outline:none}@media(max-width:899px){.rec-vs-sidebar{width:100%;position:static}}.rec-um-card{background:#fff;border-radius:1rem;width:420px;max-width:92vw;box-shadow:0 10px 30px #0003;animation:rec-um-in .2s ease}@keyframes rec-um-in{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.rec-um-header{display:flex;align-items:center;justify-content:space-between;padding:1.125rem 1.25rem;border-bottom:1px solid #eef2f5}.rec-um-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:#1a3a52;margin:0}.rec-um-close{background:none;border:none;color:#6b8a9e;cursor:pointer;padding:.25rem;border-radius:.375rem;display:flex}.rec-um-close:hover{background:#eef2f5;color:#1a3a52}.rec-um-close:disabled{opacity:.5;cursor:not-allowed}.rec-um-body{padding:1.25rem;display:flex;flex-direction:column;gap:.9rem}.rec-um-field{display:flex;flex-direction:column;gap:.375rem}.rec-um-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.rec-um-label{font-size:.8125rem;font-weight:600;color:#1a3a52}.rec-um-input,.rec-um-select{width:100%;height:2.5rem;background:#f0f4f7;border:1px solid #ccd8e0;border-radius:.5rem;padding:0 .75rem;font-size:.875rem;color:#1a3a52;outline:none;box-sizing:border-box;transition:border-color .15s;font-family:inherit}.rec-um-input:focus,.rec-um-select:focus{border-color:#2a6496}.rec-um-locked-vessel{display:flex;align-items:center;gap:.5rem;height:2.5rem;padding:0 .75rem;background:#edf4fb;border:1px solid #cfe1f0;border-radius:.5rem;font-size:.875rem;font-weight:600;color:#2a6496}.rec-um-file-drop{display:flex;align-items:center;gap:.5rem;height:2.75rem;padding:0 .875rem;background:#f0f4f7;border:1px dashed #ccd8e0;border-radius:.5rem;font-size:.8125rem;color:#6b8a9e;cursor:pointer;transition:border-color .15s,background .15s}.rec-um-file-drop:hover{border-color:#2a6496;background:#eef2f5}.rec-um-file-drop span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-um-error{font-size:.8125rem;color:#d64545;background:#fdecec;border:1px solid #f5c6c6;border-radius:.5rem;padding:.5rem .75rem;margin:0}.rec-um-submit-btn{height:2.75rem;border:none;border-radius:.625rem;background:#3a7cbd;color:#fff;font-weight:600;font-size:.9375rem;cursor:pointer;transition:background .15s,opacity .15s}.rec-um-submit-btn:hover:not(:disabled){background:#2d61a1}.rec-um-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:479px){.rec-um-row{grid-template-columns:1fr}}