.skip-to-main{position:absolute;top:-40px;left:0;background:var(--color-red-primary);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;z-index:var(--z-modal);transition:top var(--transition-fast);border-radius:0 0 var(--radius-md) 0;font-weight:var(--font-semibold)}.skip-to-main:focus{top:0;outline:2px solid var(--color-white);outline-offset:2px}*:focus-visible{outline:2px solid var(--color-red-primary);outline-offset:4px;border-radius:var(--radius-sm)}.main-nav *:focus-visible,.login-section *:focus-visible,.profile-dropdown *:focus-visible{outline:2px solid var(--color-white);outline-offset:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.main-nav{animation:none!important}.main-nav:after{animation:none!important;background-position:0 0!important}.nav-duty-badge{animation:none!important}.nav-duty-badge .duty-icon,.notification-badge{animation:none!important;transform:none!important}.loading,.loading-spinner{animation:none!important;border-color:var(--color-red-primary)!important}.stat-card.has-active:after{animation:none!important}.coming-soon-badge{animation:none!important;transform:translate(-50%,-50%) rotate(-5deg)!important}.profile-dropdown,.notification-overlay,.notification-panel{animation:none!important}}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-off-white);color:var(--color-text-primary)}.app{width:100%;display:flex;flex-direction:column;min-height:100%}.main-container{flex:1;width:100%;padding-top:0}.main-container.with-modern-header{padding-top:120px}.main-nav{background:linear-gradient(135deg,var(--color-dark-bg-primary) 0%,var(--color-dark-bg-secondary) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-fixed);border-bottom:3px solid transparent;background-clip:padding-box;min-height:85px;animation:slideDown .5s ease}.main-nav:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-red-primary) 0%,var(--color-emergency) 50%,var(--color-red-primary) 100%);background-size:200% 100%;animation:shimmer 3s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.nav-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;height:85px;gap:var(--spacing-xl)}.logo{display:flex;align-items:center;text-decoration:none;color:var(--color-white);font-weight:var(--font-bold);font-size:var(--text-xl);transition:transform var(--transition-base);position:relative;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);background:#ffffff0d}.logo:hover{transform:scale(1.05);background:#ffffff1a}.logo:focus-visible{outline:2px solid var(--color-white);outline-offset:4px;background:#ffffff26}.logo img{height:55px;width:auto;filter:brightness(1.1) contrast(1.1);transition:transform var(--transition-base)}.logo:hover img{transform:scale(1.05)}.nav-content{display:flex;align-items:center;gap:var(--spacing-xl);flex:1}.menu-toggle{display:none;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);font-size:var(--text-xl);cursor:pointer;color:var(--color-white);width:45px;height:45px;border-radius:var(--radius-md);transition:all var(--transition-base)}.menu-toggle:hover{background:#fff3;transform:scale(1.05)}.nav-links{display:flex;list-style:none;gap:var(--spacing-sm);margin:0;padding:0;align-items:center}.nav-links li{position:relative}.nav-links a{text-decoration:none;color:#ffffffe6;font-weight:var(--font-medium);font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-base);position:relative;display:flex;align-items:center;gap:var(--spacing-xs);letter-spacing:.3px}.nav-links a:before{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--color-red-primary);transition:all var(--transition-base);transform:translate(-50%)}.nav-links a:hover{color:var(--color-white);background:linear-gradient(135deg,#e3061333,#e306131a);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.nav-links a:hover:before{width:80%}.nav-links a:focus-visible{outline:2px solid var(--color-white);outline-offset:4px;color:var(--color-white);background:#ffffff1a}.nav-links a.active{background:linear-gradient(135deg,#e306134d,#e3061333);color:var(--color-white);font-weight:var(--font-semibold)}.nav-user-section{display:flex;align-items:center;gap:var(--spacing-lg);margin-left:auto}.nav-time{color:#fffc;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff14;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);white-space:nowrap;letter-spacing:.5px;display:flex;align-items:center;gap:var(--spacing-xs)}.nav-time:before{content:"🕐";font-size:var(--text-sm);opacity:.8}.nav-duty-badge{color:#fffffff2;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--spacing-xs) var(--spacing-sm);background:var(--gradient-success);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2);white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-xs);box-shadow:0 2px 8px #10b9814d;animation:pulseGlow 2s ease-in-out infinite}.nav-duty-badge .duty-icon{font-size:var(--text-sm);animation:rotate 4s linear infinite}.nav-duty-badge .duty-text{letter-spacing:.5px;text-transform:uppercase;font-size:var(--text-xs)}@keyframes pulseGlow{0%,to{box-shadow:0 2px 8px #10b9814d}50%{box-shadow:0 2px 12px #10b98180}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-notification-btn{position:relative;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--color-white);width:42px;height:42px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-base)}.nav-notification-btn:hover{background:#ffffff26;transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-hover)}.nav-notification-btn:focus-visible{outline:2px solid var(--color-white);outline-offset:4px;background:#fff3}.notification-badge{position:absolute;top:-5px;right:-5px;background:var(--gradient-critical);color:var(--color-white);font-size:11px;font-weight:var(--font-bold);min-width:20px;height:20px;padding:0 var(--spacing-xs);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444466;animation:pulse 2s infinite;border:2px solid var(--color-dark-bg-secondary)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.nav-profile-section{position:relative}.nav-profile-btn{display:flex;align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;letter-spacing:.3px}.nav-profile-btn:hover{background:linear-gradient(135deg,#ffffff26,#ffffff1a);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.nav-profile-btn:focus-visible{outline:2px solid var(--color-white);outline-offset:4px;background:#fff3}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:linear-gradient(135deg,var(--color-dark-bg-secondary) 0%,var(--color-dark-bg-tertiary) 100%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--spacing-sm);min-width:200px;box-shadow:var(--shadow-2xl);z-index:var(--z-modal);animation:dropIn var(--transition-base)}@keyframes dropIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown a,.profile-dropdown button{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);color:#ffffffe6;text-decoration:none;font-size:var(--text-sm);border:none;background:none;text-align:left;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.profile-dropdown a:hover,.profile-dropdown button:hover{background:#ffffff1a;color:var(--color-white);padding-left:18px}.profile-dropdown hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:var(--spacing-sm) 0}.dropdown-signout{color:var(--color-emergency)!important}.dropdown-signout:hover{background:#ef44441a!important;color:var(--color-critical)!important}.main-content{flex:1;padding:var(--spacing-2xl) 0}.home-page{max-width:1600px;margin:0 auto;padding:0 var(--spacing-lg)}.hero{text-align:center;margin-bottom:var(--spacing-3xl);padding:var(--spacing-2xl) var(--spacing-lg);background:linear-gradient(135deg,var(--color-info-light) 0%,#f0f7ff 100%);border-radius:var(--radius-2xl);border:1px solid rgba(59,130,246,.1)}.hero h1{font-size:var(--text-4xl);color:var(--color-navy-dark);margin-bottom:var(--spacing-md);font-weight:var(--font-bold);letter-spacing:-.5px}.hero p{font-size:var(--text-lg);color:var(--color-grey-600);max-width:600px;margin:0 auto;line-height:var(--line-height-relaxed)}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl);max-width:1200px;margin-left:auto;margin-right:auto}@media (min-width: 768px) and (max-width: 1024px){.quick-stats{grid-template-columns:repeat(2,1fr)}}.stat-card{background:linear-gradient(135deg,var(--color-white) 0%,var(--color-grey-50) 100%);padding:var(--spacing-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);min-height:180px;position:relative;border:1px solid rgba(0,0,0,.06)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--color-red-primary)}.stat-card.has-active{background:linear-gradient(135deg,var(--color-red-light) 0%,var(--color-critical-light) 100%);border:2px solid var(--color-red-primary);position:relative}.stat-card.has-active:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:var(--radius-xl);border:2px solid var(--color-red-primary);animation:pulseGlow 2s infinite;pointer-events:none;z-index:0}.stat-card.has-active>*{position:relative;z-index:1}.stat-icon{font-size:2.5rem;height:56px;display:flex;align-items:center;justify-content:center}.stat-label{font-size:var(--text-xs);color:var(--color-grey-600);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-semibold);margin:0}.stat-value{font-size:2.5rem;font-weight:var(--font-black);color:var(--color-navy-dark);line-height:1.1;margin-top:auto}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin:0 auto var(--spacing-2xl);width:100%;max-width:1200px;justify-content:center;align-items:stretch}.quick-link-card{background:var(--color-white);padding:var(--spacing-2xl) var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-decoration:none;color:var(--color-text-primary);transition:all var(--transition-base);border:2px solid transparent;min-height:300px;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;position:relative;overflow:hidden;width:100%}.quick-link-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(227,6,19,.03) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-base)}.quick-link-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px);border-color:var(--color-red-primary)}.quick-link-card:hover:before{opacity:1}.quick-link-card:focus-visible{outline:2px solid var(--color-red-primary);outline-offset:4px;border-color:var(--color-red-primary);box-shadow:var(--shadow-xl)}.quick-link-card.primary{background:var(--gradient-red);color:var(--color-white);border-color:var(--color-red-primary)}.quick-link-card.primary:before{background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%)}.quick-link-card.primary:hover{background:linear-gradient(135deg,var(--color-red-dark) 0%,var(--color-red-darker) 100%)}.quick-link-card.primary:focus-visible{outline:2px solid var(--color-white);outline-offset:4px}.main-footer{background:var(--color-navy-primary);color:var(--color-white);padding:var(--spacing-lg);text-align:center;margin-top:auto}.main-footer p{margin:var(--spacing-xs) 0;font-size:var(--text-sm)}.welcome-banner{background:var(--gradient-success);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);margin-top:var(--spacing-lg);display:inline-block;font-size:var(--text-base);font-weight:var(--font-medium);box-shadow:0 4px 12px #10b98140;animation:none!important;transition:none!important;transform:translateZ(0)!important;opacity:1!important;-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style paint;will-change:unset}.auth-required{max-width:800px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.login-section{background:linear-gradient(135deg,var(--color-grey-800) 0%,var(--color-grey-900) 100%);border:1px solid var(--color-grey-700);border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-2xl)}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-header h2{color:var(--color-grey-100);font-size:var(--text-3xl);margin-bottom:var(--spacing-md);font-weight:var(--font-bold)}.login-header p{color:var(--color-grey-400);font-size:var(--text-base);margin-bottom:0;line-height:var(--line-height-relaxed)}.loading{width:40px;height:40px;border:4px solid var(--color-grey-200);border-top:4px solid var(--color-red-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-lg)}.loading-container p{color:var(--color-text-primary);font-size:var(--text-lg)}.main-content-grid{display:grid;grid-template-columns:1fr 450px;gap:var(--spacing-2xl);max-width:1600px;margin:0 auto;width:100%;contain:layout style}.content-area{min-width:0;width:100%;contain:layout style}.activity-feed-sidebar{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 100px);position:-webkit-sticky;position:sticky;top:90px;display:flex;flex-direction:column;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style}.activity-feed h3{font-size:var(--text-xl);color:var(--color-navy-dark);margin-bottom:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-semibold);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-grey-200)}.activity-list{flex:1;overflow-y:auto;max-height:calc(100vh - 280px);min-height:500px;padding-right:var(--spacing-sm)}.activity-list::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-track{background:var(--color-grey-100);border-radius:3px}.activity-list::-webkit-scrollbar-thumb{background:var(--color-grey-300);border-radius:3px}.activity-list::-webkit-scrollbar-thumb:hover{background:var(--color-grey-400)}.activity-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);background:var(--color-grey-50);border-left:4px solid transparent;transition:background-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.activity-item:hover{box-shadow:var(--shadow-md);background:var(--color-grey-100)}.activity-item.high{border-left-color:var(--color-red-primary);background:var(--color-red-light)}.activity-item.warning{border-left-color:var(--color-warning);background:var(--color-warning-light)}.activity-item.success{border-left-color:var(--color-success);background:var(--color-success-light)}.activity-item.normal{border-left-color:var(--color-info)}.activity-icon{font-size:1.8rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.activity-content p{margin:0;font-size:var(--text-sm);color:var(--color-text-primary);line-height:var(--line-height-base);font-weight:var(--font-medium)}.activity-time{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs);display:block}.view-all-activity{width:100%;padding:var(--spacing-sm);background:transparent;border:1px solid var(--color-grey-200);border-radius:var(--radius-md);color:var(--color-navy-dark);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-md)}.view-all-activity:hover{background:var(--color-grey-50);border-color:var(--color-red-primary);color:var(--color-red-primary)}.view-all-activity:focus-visible{outline:2px solid var(--color-red-primary);outline-offset:4px;background:var(--color-grey-50)}.quick-action-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin:0 auto var(--spacing-3xl);width:100%;max-width:1200px}.quick-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-white);border:2px solid transparent;border-radius:var(--radius-lg);color:var(--color-navy-dark);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden;min-height:70px;white-space:nowrap;box-shadow:var(--shadow-sm)}.quick-action-btn:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-navy-dark);transition:width var(--transition-base)}.quick-action-btn:hover{border-color:var(--color-red-primary);background:var(--color-grey-50);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.quick-action-btn:hover:before{width:100%;opacity:.05}.quick-action-btn:focus-visible{outline:2px solid var(--color-red-primary);outline-offset:4px;border-color:var(--color-red-primary);background:var(--color-grey-50)}.quick-action-btn.emergency{background:var(--gradient-red);color:var(--color-white);border-color:var(--color-red-primary)}.quick-action-btn.emergency:before{background:var(--color-white);opacity:.2}.quick-action-btn.emergency:hover{background:linear-gradient(135deg,var(--color-red-dark) 0%,var(--color-red-darker) 100%);border-color:var(--color-red-dark);box-shadow:0 6px 24px #e306134d}.quick-action-btn.emergency:hover:before{width:100%;opacity:.1}.quick-action-btn.emergency:focus-visible{outline:2px solid var(--color-white);outline-offset:4px}.notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:var(--z-modal-backdrop);animation:fadeIn .2s ease}.notification-panel{position:fixed;top:64px;right:var(--spacing-lg);width:380px;max-width:calc(100vw - 40px);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);z-index:var(--z-modal);animation:slideIn var(--transition-base);max-height:calc(100vh - 80px);display:flex;flex-direction:column}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-grey-200)}.notification-header h3{margin:0;font-size:var(--text-xl);color:var(--color-navy-dark)}.notification-close{background:none;border:none;font-size:var(--text-2xl);cursor:pointer;color:var(--color-text-secondary);padding:var(--spacing-xs);transition:color var(--transition-fast)}.notification-close:hover{color:var(--color-red-primary)}.notification-close:focus-visible{outline:2px solid var(--color-red-primary);outline-offset:2px;color:var(--color-red-primary)}@media (max-width: 1200px){.main-content-grid{grid-template-columns:1fr 400px}}@media (max-width: 1024px){.main-content-grid{grid-template-columns:1fr}.activity-feed-sidebar{position:static;margin-top:var(--spacing-xl);max-height:600px}.quick-stats{grid-template-columns:repeat(2,1fr)}.stat-card{min-height:160px}.stat-icon{font-size:2.25rem;height:52px}.stat-label{font-size:.75rem}.stat-value{font-size:2.25rem}.quick-action-buttons{grid-template-columns:repeat(2,1fr)}.quick-links{grid-template-columns:1fr;max-width:600px}.hero h1{font-size:var(--text-3xl)}}@media (max-width: 768px){.main-nav{min-height:70px}.nav-container{height:70px;padding:0 var(--spacing-sm)}.logo img{height:40px}.logo:hover{transform:scale(1.02)}.menu-toggle{display:flex;align-items:center;justify-content:center}.menu-toggle:hover{transform:scale(1.02)}.nav-content{position:fixed;top:70px;left:0;right:0;background:linear-gradient(135deg,var(--color-dark-bg-primary) 0%,var(--color-dark-bg-secondary) 100%);transform:translateY(-100%);opacity:0;transition:all var(--transition-base);padding:var(--spacing-lg);flex-direction:column;gap:var(--spacing-lg);max-height:calc(100vh - 70px);overflow-y:auto;box-shadow:var(--shadow-2xl);border-bottom:3px solid var(--color-red-primary)}.nav-content.open{transform:translateY(0);opacity:1}.nav-links{flex-direction:column;width:100%;gap:var(--spacing-sm)}.nav-links li{width:100%}.nav-links a{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-base)}.nav-links a:hover{transform:translateY(-1px)}.nav-user-section{width:100%;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.nav-time{display:none}.activity-list,.nav-content{scrollbar-width:none;-ms-overflow-style:none}.activity-list::-webkit-scrollbar,.nav-content::-webkit-scrollbar{display:none}.quick-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stat-card{padding:var(--spacing-md);min-height:140px}.stat-icon{font-size:2rem;height:48px}.stat-label{font-size:.7rem}.stat-value{font-size:1.75rem}.quick-action-buttons{grid-template-columns:1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.quick-action-btn{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-sm);min-height:60px}.quick-action-btn:hover{transform:translateY(-1px)}.quick-link-card{padding:var(--spacing-xl) var(--spacing-lg);min-height:240px}.quick-link-card:hover{transform:translateY(-2px)}}@media (max-width: 480px){.quick-stats{grid-template-columns:1fr;gap:var(--spacing-sm)}.stat-card{padding:var(--spacing-sm);min-height:120px}.stat-icon{font-size:1.75rem;height:42px}.stat-label{font-size:.65rem}.stat-value{font-size:1.5rem}.hero h1{font-size:var(--text-2xl)}.hero p{font-size:var(--text-sm)}}.quick-link-card.coming-soon{cursor:not-allowed;pointer-events:none}.quick-link-card.coming-soon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000c,#0009,#e4002b33);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}.coming-soon-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg);background:var(--gradient-red);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-weight:var(--font-bold);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:2px;z-index:2;box-shadow:0 8px 32px #e4002b66,0 0 0 2px var(--color-white),0 0 0 4px var(--color-red-primary);animation:pulse-badge 2s ease-in-out infinite;text-shadow:0 2px 4px rgba(0,0,0,.2)}@keyframes pulse-badge{0%,to{transform:translate(-50%,-50%) rotate(-5deg) scale(1);box-shadow:0 8px 32px #e4002b66,0 0 0 2px var(--color-white),0 0 0 4px var(--color-red-primary)}50%{transform:translate(-50%,-50%) rotate(-5deg) scale(1.05);box-shadow:0 12px 40px #e4002b99,0 0 0 3px var(--color-white),0 0 0 5px var(--color-red-primary)}}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--color-navy-primary) 0%,#0066A1 100%);color:var(--color-white)}.app-loading .loading-spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.2);border-top:6px solid var(--color-white);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}.app-loading p{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0;opacity:.9}.demo-mode-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;background:linear-gradient(135deg,#0097a7,#00838f);color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.3px;box-shadow:0 2px 8px #00000026}.demo-mode-banner-text{flex:0 0 auto}.demo-mode-hide-btn{background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;padding:2px 12px;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .2s}.demo-mode-hide-btn:hover{background:#ffffff59}.app.demo-mode .main-container{margin-top:36px}@media (max-width: 768px),(pointer: coarse){button,.btn,[role=button],input[type=submit],input[type=button],input[type=reset]{min-height:44px;min-width:44px;padding:12px 16px}.btn-touch,.touch-target{min-height:48px;min-width:48px;padding:14px 20px}nav a,.nav-link,.nav-links a{min-height:44px;display:flex;align-items:center;padding:12px 16px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],textarea,select{min-height:44px;padding:12px 14px;font-size:16px}input[type=checkbox],input[type=radio]{min-width:24px;min-height:24px;margin-right:12px}label:has(input[type=checkbox]),label:has(input[type=radio]){min-height:44px;display:flex;align-items:center;padding:10px 0}.toggle-switch,.switch{min-width:52px;min-height:28px}.icon-btn,.btn-icon,button:has(>svg:only-child),button:has(>.icon:only-child){min-width:44px;min-height:44px;padding:10px}.close-btn,.btn-close,[aria-label=Close],[aria-label=close]{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}li>a,li>button,.clickable-item{min-height:44px;display:flex;align-items:center}.card.clickable,.card[role=button],[onclick]:not(button){min-height:48px;padding:16px}.dropdown-item,.menu-item,.select-option{min-height:44px;padding:12px 16px}.tab,.tab-btn,[role=tab]{min-height:44px;padding:12px 20px}.notification-item,.activity-item{min-height:48px;padding:14px 16px}}@media (max-width: 768px),(pointer: coarse){.btn-group,.button-group,.action-buttons{gap:12px}nav ul,.nav-links{gap:8px}.form-group,.field-group{margin-bottom:16px}.radio-group,.checkbox-group{gap:12px}}:focus-visible{outline:3px solid #3B82F6;outline-offset:2px}:focus:not(:focus-visible){outline:none}button:focus-visible,.btn:focus-visible,[role=button]:focus-visible{outline:3px solid #3B82F6;outline-offset:2px;box-shadow:0 0 0 4px #3b82f64d}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #3B82F6;outline-offset:0;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}@media (prefers-contrast: high){button,.btn,[role=button]{border:2px solid currentColor}input,textarea,select{border:2px solid #000000}a{text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:4px solid #000000;outline-offset:3px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:0;background:#000;color:#fff;padding:12px 16px;z-index:10000;text-decoration:none;font-weight:600}.skip-link:focus{top:0}@media (pointer: coarse){button,a,input,[role=button]{touch-action:manipulation}}.tap-expand{position:relative}.tap-expand:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}@media (max-width: 768px),(pointer: coarse){.duty-card,.duty-option,.shift-card{min-height:80px;padding:20px}.duty-indicator{min-height:60px;padding:14px 18px}.duty-badge{min-height:44px;padding:10px 14px}.floating-duty-badge{min-width:60px;min-height:60px}.end-shift-modal .btn,.shift-modal .btn{min-height:52px;font-size:16px;padding:14px 24px}.test-button{min-height:48px;padding:14px 24px}.settings-toggle,.voice-settings__option{min-height:56px;padding:16px 20px}}.required:after{content:" *";color:#dc2626;font-weight:700}.field-error{border-color:#dc2626!important;background:#fef2f2}.error-message{color:#dc2626;font-size:.875rem;margin-top:4px;display:flex;align-items:center;gap:4px}.field-success{border-color:#10b981!important}.status-success:before{content:"✓ "}.status-warning:before{content:"⚠ "}.status-error:before{content:"✕ "}.status-info:before{content:"ℹ "}.state-warning{background-image:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(245,158,11,.1) 8px,rgba(245,158,11,.1) 16px)}.state-error{background-image:repeating-linear-gradient(-45deg,transparent,transparent 6px,rgba(239,68,68,.1) 6px,rgba(239,68,68,.1) 12px)}.state-success{background-image:repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(16,185,129,.08) 10px,rgba(16,185,129,.08) 20px)}.lp{--lp-bg-deep: #060d18;--lp-bg-surface: #0c1829;--lp-bg-card: rgba(12, 24, 41, .85);--lp-bg-card-hover: rgba(16, 32, 54, .95);--lp-border: rgba(0, 151, 167, .15);--lp-border-strong: rgba(0, 151, 167, .35);--lp-teal: #0097A7;--lp-teal-light: #00ACC1;--lp-teal-dark: #00838F;--lp-teal-glow: rgba(0, 188, 212, .25);--lp-cyan: #00BCD4;--lp-text: #e2e8f0;--lp-text-secondary: #94a3b8;--lp-text-muted: #64748b;--lp-white: #ffffff;--lp-red: #ef4444;--lp-amber: #f59e0b;--lp-nav-height: 64px;--lp-radius: 10px;--lp-radius-sm: 6px;--lp-transition: .25s cubic-bezier(.4, 0, .2, 1)}.lp{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow-y:auto;overflow-x:hidden;background:var(--lp-bg-deep);color:var(--lp-text);font-family:aileron,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lp-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(0,131,143,.18) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 80%,rgba(0,96,100,.15) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(0,151,167,.06) 0%,transparent 60%),linear-gradient(180deg,#060d18,#0a1628 40%,#0c1a2e,#081420);animation:lp-nebula 30s ease-in-out infinite alternate}@keyframes lp-nebula{0%{opacity:1}50%{opacity:.85}to{opacity:1}}.lp-grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(0,151,167,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,151,167,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 30%,transparent 70%)}.lp-nav{position:fixed;top:0;left:0;right:0;height:var(--lp-nav-height);z-index:100;background:#060d18cc;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-bottom:1px solid var(--lp-border)}.lp-nav-inner{max-width:1400px;height:100%;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.lp-nav-logo{display:flex;align-items:center}.lp-nav-actions{position:relative}.lp-nav-signin{display:flex;align-items:center;gap:8px;padding:8px 18px;background:transparent;border:1px solid var(--lp-border-strong);border-radius:8px;color:var(--lp-text);font-family:aileron,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--lp-transition);letter-spacing:.3px}.lp-nav-signin:hover,.lp-nav-signin.active{background:#0097a71f;border-color:var(--lp-teal);color:var(--lp-white);box-shadow:0 0 20px var(--lp-teal-glow)}.lp-nav-chevron{transition:transform var(--lp-transition)}.lp-nav-chevron.open{transform:rotate(180deg)}.lp-login-panel{position:absolute;top:calc(100% + 12px);right:0;width:360px;background:#0a1424f7;backdrop-filter:blur(40px) saturate(160%);-webkit-backdrop-filter:blur(40px) saturate(160%);border:1px solid var(--lp-border-strong);border-radius:14px;padding:0;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 25px 60px #00000080,0 0 40px var(--lp-teal-glow),inset 0 1px #ffffff0a;overflow:hidden}.lp-login-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--lp-teal),var(--lp-cyan),var(--lp-teal),transparent)}.lp-login-panel.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.lp-login-form{padding:28px 24px;display:flex;flex-direction:column;gap:16px}.lp-form-group{display:flex;flex-direction:column;gap:6px}.lp-form-group label{font-size:12px;font-weight:600;color:var(--lp-text-secondary);text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:8px}.lp-saved-badge{display:inline-block;padding:1px 7px;background:linear-gradient(135deg,var(--lp-teal),var(--lp-teal-dark));color:var(--lp-white);font-size:9px;font-weight:700;border-radius:4px;letter-spacing:.5px;text-transform:uppercase}.lp-input-wrap{position:relative;display:flex;align-items:center}.lp-form-group input[type=email],.lp-form-group input[type=password],.lp-form-group input[type=text]{width:100%;padding:11px 40px 11px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--lp-radius-sm);color:var(--lp-white);font-family:aileron,sans-serif;font-size:14px;outline:none;transition:all var(--lp-transition);box-sizing:border-box}.lp-form-group input::placeholder{color:var(--lp-text-muted)}.lp-form-group input:focus{background:#0097a70f;border-color:var(--lp-teal);box-shadow:0 0 0 3px #0097a726,0 0 20px var(--lp-teal-glow)}.lp-form-group input:disabled{opacity:.5;cursor:not-allowed}.lp-clear-btn{position:absolute;right:10px;background:#ef444426;border:none;border-radius:4px;color:var(--lp-red);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all var(--lp-transition)}.lp-clear-btn:hover:not(:disabled){background:#ef444440}.lp-eye-btn{position:absolute;right:10px;background:none;border:none;color:var(--lp-text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;transition:color var(--lp-transition)}.lp-eye-btn:hover:not(:disabled){color:var(--lp-text)}.lp-caps-warn{font-size:11px;color:var(--lp-amber);font-weight:600;padding:4px 8px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:4px;animation:lp-caps-pulse 2s ease-in-out infinite}@keyframes lp-caps-pulse{0%,to{opacity:.8}50%{opacity:1}}.lp-form-options{display:flex;align-items:center}.lp-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.lp-checkbox input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--lp-teal)}.lp-checkbox span{font-size:13px;color:var(--lp-text-secondary);font-weight:500}.lp-error{padding:8px 12px;border-radius:var(--lp-radius-sm);font-size:12px;font-weight:600;animation:lp-shake .4s ease-out}.lp-error--auth,.lp-error--general{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.lp-error--connection{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);color:#fcd34d}@keyframes lp-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.lp-submit-btn{width:100%;padding:12px 20px;background:linear-gradient(135deg,var(--lp-teal) 0%,var(--lp-teal-dark) 100%);border:none;border-radius:var(--lp-radius-sm);color:var(--lp-white);font-family:aileron,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all var(--lp-transition);display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px}.lp-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--lp-teal-light) 0%,var(--lp-teal) 100%);box-shadow:0 4px 20px var(--lp-teal-glow);transform:translateY(-1px)}.lp-submit-btn:active:not(:disabled){transform:translateY(0)}.lp-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.lp-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--lp-white);border-radius:50%;animation:lp-spin .6s linear infinite;flex-shrink:0}@keyframes lp-spin{to{transform:rotate(360deg)}}.lp-session-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50}.lp-session-check p{color:var(--lp-text-secondary);font-size:14px;margin-top:16px}.lp-spinner{width:40px;height:40px;border:3px solid rgba(0,151,167,.2);border-top-color:var(--lp-teal);border-radius:50%;animation:lp-spin .8s linear infinite}.lp-main{position:relative;z-index:2;padding-top:var(--lp-nav-height);min-height:calc(100vh - var(--lp-nav-height));display:flex;flex-direction:column}.lp-hero{flex:1;display:flex;flex-direction:column;justify-content:center;padding:80px 40px 40px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.lp-hero-content{max-width:720px;animation:lp-fade-up .8s ease-out both}@keyframes lp-fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lp-hero-badge{display:inline-flex;align-items:center;padding:6px 16px;background:#0097a71a;border:1px solid rgba(0,151,167,.25);border-radius:100px;font-size:12px;font-weight:700;color:var(--lp-cyan);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:28px;font-family:new-astro-soft,monospace}.lp-hero-title{font-family:boiga,sans-serif;font-size:clamp(36px,4.5vw,64px);font-weight:800;line-height:1.08;letter-spacing:-1.5px;color:var(--lp-white);margin:0 0 24px}.lp-hero-accent{background:linear-gradient(135deg,var(--lp-cyan) 0%,var(--lp-teal) 50%,var(--lp-teal-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-hero-subtitle{font-size:18px;line-height:1.7;color:var(--lp-text-secondary);margin:0 0 36px;max-width:540px;font-weight:400}.lp-hero-actions{display:flex;align-items:center;gap:16px}.lp-demo-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,var(--lp-teal) 0%,var(--lp-teal-dark) 100%);border:none;border-radius:var(--lp-radius);color:var(--lp-white);font-family:aileron,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all var(--lp-transition);letter-spacing:.3px;position:relative;overflow:hidden}.lp-demo-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translate(-100%);transition:transform .6s ease}.lp-demo-btn:hover:not(:disabled):before{transform:translate(100%)}.lp-demo-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--lp-teal-light) 0%,var(--lp-teal) 100%);box-shadow:0 8px 30px var(--lp-teal-glow),0 0 60px #00bcd426;transform:translateY(-2px)}.lp-demo-btn:active:not(:disabled){transform:translateY(0)}.lp-demo-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.lp-demo-hint{font-size:13px;color:var(--lp-text-muted);font-weight:500}.lp-nav-learn-more{color:var(--lp-text-secondary);font-family:aileron,sans-serif;font-size:14px;font-weight:600;text-decoration:none;letter-spacing:.3px;padding:8px 16px;border-radius:8px;transition:all var(--lp-transition)}.lp-nav-learn-more:hover{color:var(--lp-teal-light);background:#0097a714}.lp-learn-more-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:var(--lp-radius);color:var(--lp-text);font-family:aileron,sans-serif;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--lp-transition);letter-spacing:.3px}.lp-learn-more-btn:hover{background:#0097a714;border-color:#0097a759;color:var(--lp-white);transform:translateY(-2px);box-shadow:0 8px 24px #0097a726}.lp-stats{display:flex;align-items:center;gap:0;margin-top:60px;padding:24px 32px;background:#0c182999;border:1px solid var(--lp-border);border-radius:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:lp-fade-up .8s ease-out .3s both}.lp-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.lp-stat-value{font-family:new-astro-soft,monospace;font-size:28px;font-weight:700;color:var(--lp-white);letter-spacing:-.5px}.lp-stat-label{font-size:12px;font-weight:600;color:var(--lp-text-muted);text-transform:uppercase;letter-spacing:1px}.lp-stat-divider{width:1px;height:40px;background:var(--lp-border);flex-shrink:0}.lp-stat-live{display:flex;align-items:center;gap:8px;color:#10b981}.lp-pulse{width:8px;height:8px;background:#10b981;border-radius:50%;position:relative;flex-shrink:0}.lp-pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid #10b981;border-radius:50%;animation:lp-pulse-ring 2s ease-out infinite}@keyframes lp-pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}.lp-features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px 40px 40px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.lp-feature-card{padding:28px 24px;background:var(--lp-bg-card);border:1px solid var(--lp-border);border-radius:14px;transition:all .35s cubic-bezier(.4,0,.2,1);animation:lp-fade-up .6s ease-out both;position:relative;overflow:hidden}.lp-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--lp-teal),transparent);opacity:0;transition:opacity .35s ease}.lp-feature-card:hover{background:var(--lp-bg-card-hover);border-color:var(--lp-border-strong);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d,0 0 30px var(--lp-teal-glow)}.lp-feature-card:hover:before{opacity:1}.lp-feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#0097a71a;border:1px solid rgba(0,151,167,.2);border-radius:12px;color:var(--lp-teal-light);margin-bottom:18px;transition:all var(--lp-transition)}.lp-feature-card:hover .lp-feature-icon{background:#0097a72e;border-color:var(--lp-teal);box-shadow:0 0 20px var(--lp-teal-glow)}.lp-feature-card h3{font-family:boiga,sans-serif;font-size:17px;font-weight:700;color:var(--lp-white);margin:0 0 10px;letter-spacing:-.2px}.lp-feature-card p{font-size:13.5px;line-height:1.6;color:var(--lp-text-secondary);margin:0}.lp-footer{position:relative;z-index:2;border-top:1px solid var(--lp-border);padding:20px 40px;background:#060d1899}.lp-footer-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.lp-footer-attribution{display:flex;align-items:center;text-decoration:none;transition:opacity var(--lp-transition)}.lp-footer-attribution:hover{opacity:.8}.lp-gairware-logo{height:28px;width:auto}.lp-footer-hosted{display:flex;align-items:center;gap:8px}.lp-footer-hosted-text{font-size:12px;color:var(--lp-text-muted);font-weight:500}.lp-footer-pixelish{display:flex;align-items:center;transition:opacity var(--lp-transition)}.lp-footer-pixelish:hover{opacity:.8}.lp-pixelish-logo{height:18px;width:auto;object-fit:contain}.lp-footer-copy{font-size:12px;color:var(--lp-text-muted);letter-spacing:.02em}@media (max-width: 1024px){.lp-features{grid-template-columns:repeat(2,1fr)}.lp-hero{padding:60px 32px 32px}.lp-hero-title{font-size:clamp(32px,4vw,48px)}}@media (max-width: 640px){.lp-nav-inner{padding:0 20px}.lp-hero{padding:40px 20px 20px}.lp-hero-title{font-size:28px;letter-spacing:-.5px}.lp-hero-subtitle{font-size:15px}.lp-stats{flex-wrap:wrap;gap:16px;padding:20px}.lp-stat{min-width:40%}.lp-stat-divider{display:none}.lp-stat-value{font-size:22px}.lp-features{grid-template-columns:1fr;padding:16px 20px 32px}.lp-login-panel{width:calc(100vw - 40px);right:-10px}.lp-footer-inner{flex-direction:column;gap:8px;text-align:center}.lp-hero-actions{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){.lp-bg,.lp-feature-card,.lp-hero-content,.lp-stats,.lp-login-panel,.lp-nav-chevron,.lp-demo-btn:before,.lp-pulse:after{animation:none;transition:none}.lp-login-panel.open{transform:translateY(0) scale(1)}.lp-feature-card:hover,.lp-demo-btn:hover:not(:disabled),.lp-submit-btn:hover:not(:disabled){transform:none}}.dsm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:999999;padding:24px;animation:dsm-fadeIn .3s ease-out}@keyframes dsm-fadeIn{0%{opacity:0}to{opacity:1}}.dsm-container{position:relative;background:#fff;color:#0f172a;border-radius:16px;box-shadow:0 24px 64px #00000059,0 8px 24px #00000026;max-width:880px;width:100%;max-height:90vh;overflow-y:auto;overflow-x:hidden;animation:dsm-slideUp .4s cubic-bezier(.16,1,.3,1);font-family:var(--font-body, "aileron", "Inter", -apple-system, sans-serif)}@keyframes dsm-slideUp{0%{transform:translateY(40px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.dsm-container::-webkit-scrollbar{width:6px}.dsm-container::-webkit-scrollbar-track{background:transparent}.dsm-container::-webkit-scrollbar-thumb{background:#0097a740;border-radius:3px}.dsm-container::-webkit-scrollbar-thumb:hover{background:#0097a766}.dsm-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;background:#ffffff1f;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;color:#ffffffb3;transition:all .2s ease}.dsm-close:hover{background:#fff3;color:#fff;transform:scale(1.05)}.dsm-header{position:relative;background:var(--color-dark-bg-primary, #0F172A);padding:40px 40px 32px;border-radius:16px 16px 0 0;overflow:hidden}.dsm-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(0,151,167,.08) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.dsm-accent-bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary, #0097A7),var(--color-accent, #00BCD4),var(--color-primary, #0097A7))}.dsm-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:28px;position:relative;z-index:1}.dsm-step{display:flex;flex-direction:column;align-items:center;gap:8px}.dsm-step-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-body, "aileron", sans-serif);font-size:13px;font-weight:700;transition:all .3s ease;background:#ffffff14;color:#ffffff59;border:2px solid rgba(255,255,255,.15)}.dsm-step.active .dsm-step-dot{background:var(--color-primary, #0097A7);color:#fff;border-color:var(--color-primary, #0097A7);box-shadow:0 0 16px #0097a766}.dsm-step.done .dsm-step-dot{background:var(--color-success, #10B981);color:#fff;border-color:var(--color-success, #10B981)}.dsm-step-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#fff6;font-family:var(--font-body, "aileron", sans-serif)}.dsm-step.active .dsm-step-label{color:#ffffffd9}.dsm-step.done .dsm-step-label{color:#10b981cc}.dsm-step-line{width:64px;height:2px;background:#ffffff1f;margin:0 16px 26px;border-radius:1px;transition:background .4s ease}.dsm-step-line.filled{background:var(--color-success, #10B981)}.dsm-greeting{position:relative;z-index:1;margin:0 0 6px;font-family:var(--font-body, "aileron", sans-serif);font-size:15px;font-weight:500;color:#00bcd4d9;letter-spacing:.3px}.dsm-title{position:relative;z-index:1;margin:0 0 20px;font-family:var(--font-display, "boiga", "Outfit", sans-serif);font-size:30px;font-weight:700;color:#fff;letter-spacing:-.3px;line-height:1.2}.dsm-header-meta{position:relative;z-index:1;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.dsm-clock{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono, "new-astro-soft", "JetBrains Mono", monospace);font-size:15px;font-weight:600;color:#ffffffe6;background:#ffffff14;padding:6px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.dsm-clock-dot{width:7px;height:7px;border-radius:50%;background:#10b981;animation:dsm-pulse 2s ease-in-out infinite}@keyframes dsm-pulse{0%,to{opacity:1}50%{opacity:.4}}.dsm-rec-hint{font-size:13px;font-weight:500;color:#ffffff80;letter-spacing:.2px}.dsm-body{padding:0}.dsm-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:28px 32px;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.dsm-card{position:relative;background:#fff;border:1px solid #E2E8F0;border-left:5px solid var(--card-color, #94A3B8);border-radius:12px;padding:24px 24px 20px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);text-align:left;font-family:inherit;display:flex;flex-direction:column;gap:16px;box-shadow:0 1px 3px #0000000a;animation:dsm-cardIn .4s cubic-bezier(.16,1,.3,1) both;color:#0f172a}@keyframes dsm-cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dsm-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001a,0 4px 12px #0000000f;border-color:var(--card-color, #94A3B8)}.dsm-card:active{transform:translateY(-2px)}.dsm-card.recommended{border-left-width:5px;box-shadow:0 0 0 2px var(--color-primary, #0097A7),0 4px 16px #0097a726;background:linear-gradient(135deg,#0097a708,#fff)}.dsm-card.recommended:hover{box-shadow:0 0 0 2px var(--color-primary, #0097A7),0 16px 36px #0097a733}.dsm-rec-badge{position:absolute;top:12px;right:12px;background:var(--color-primary, #0097A7);color:#fff;padding:3px 10px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.8px;font-family:var(--font-body, "aileron", sans-serif)}.dsm-card-top{display:flex;align-items:center;gap:14px}.dsm-card-badge{flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.dsm-card-identity{display:flex;flex-direction:column;gap:2px}.dsm-card-code{font-family:var(--font-display, "boiga", "Outfit", sans-serif);font-size:22px;font-weight:700;color:#0f172a;letter-spacing:-.2px;line-height:1.1}.dsm-card-name{font-size:14px;font-weight:500;color:#64748b}.dsm-card-time{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f8fafc;border-radius:8px;border:1px solid #F1F5F9}.dsm-time-value{font-family:var(--font-mono, "new-astro-soft", "JetBrains Mono", monospace);font-size:17px;font-weight:700;color:#0f172a;letter-spacing:.5px}.dsm-time-arrow{color:var(--card-color, #94A3B8);display:flex;align-items:center;opacity:.6}.dsm-time-duration{margin-left:auto;font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.dsm-card-tasks{display:flex;flex-direction:column;gap:6px}.dsm-task{display:flex;align-items:center;gap:10px;font-size:13px;color:#64748b;line-height:1.4}.dsm-task-dot{flex-shrink:0;width:5px;height:5px;border-radius:50%;background:var(--card-color, #94A3B8);opacity:.6}.dsm-card-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:24px}.dsm-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;font-family:var(--font-body, "aileron", sans-serif)}.dsm-status-active{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.25)}.dsm-status-active:before{content:"";width:6px;height:6px;border-radius:50%;background:#10b981;animation:dsm-pulse 2s ease-in-out infinite}.dsm-status-upcoming{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.25)}.dsm-status-upcoming:before{content:"";width:6px;height:6px;border-radius:50%;background:#f59e0b;opacity:.8}.dsm-remaining{font-size:12px;font-weight:500;color:#94a3b8;font-style:italic}.dsm-alt-section{padding:0 32px 28px;background:linear-gradient(180deg,#f1f5f9,#f8fafc)}.dsm-alt-section:first-of-type{padding-top:0}.dsm-divider{text-align:center;position:relative;margin-bottom:20px}.dsm-divider:before,.dsm-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 24px);height:1px;background:#e2e8f0}.dsm-divider:before{left:0}.dsm-divider:after{right:0}.dsm-divider span{display:inline-block;padding:0 12px;font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;background:#f1f5f9}.dsm-alt-btn{width:100%;padding:18px 20px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:16px;font-family:inherit;transition:all .2s ease}.dsm-alt-btn:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.dsm-alt-engineering{border-color:#0097a74d}.dsm-alt-engineering:hover{border-color:var(--color-primary, #0097A7);background:#0097a708}.dsm-alt-icon{flex-shrink:0;color:#64748b}.dsm-alt-engineering .dsm-alt-icon{color:var(--color-primary, #0097A7)}.dsm-alt-text{flex:1;text-align:left}.dsm-alt-text strong{display:block;font-size:15px;font-weight:600;color:#0f172a;margin-bottom:3px}.dsm-alt-text p{margin:0;font-size:13px;color:#64748b;line-height:1.4}.dsm-mandatory-notice{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 32px 28px;padding:16px 20px;background:#8b5cf60f;border:1px solid rgba(139,92,246,.2);border-radius:10px}.dsm-mandatory-notice p{margin:0;font-size:14px;color:#7c3aed;font-weight:500}.dsm-confirm{padding:32px}.dsm-confirm-card{display:flex;align-items:center;gap:28px;padding:36px;border-radius:14px;background:var(--card-gradient, linear-gradient(135deg, #0097A7, #00BCD4));color:#fff;margin-bottom:28px;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000026}.dsm-confirm-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 50%),linear-gradient(315deg,rgba(0,0,0,.15) 0%,transparent 50%);pointer-events:none}.dsm-confirm-badge{flex-shrink:0;position:relative;z-index:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.dsm-confirm-info{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px}.dsm-confirm-code{font-family:var(--font-display, "boiga", "Outfit", sans-serif);font-size:32px;font-weight:700;color:#fff;letter-spacing:-.3px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.dsm-confirm-name{font-size:18px;font-weight:500;color:#fff;opacity:.9}.dsm-confirm-time{display:flex;align-items:center;gap:10px;margin-top:8px;font-family:var(--font-mono, "new-astro-soft", "JetBrains Mono", monospace);font-size:20px;font-weight:600;color:#fff;letter-spacing:.5px;opacity:.95}.dsm-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.dsm-detail{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #F1F5F9;text-align:center}.dsm-detail-icon{display:flex;justify-content:center;margin-bottom:10px}.dsm-detail strong{display:block;font-size:14px;font-weight:700;color:#0f172a;margin-bottom:4px}.dsm-detail p{margin:0;font-size:13px;color:#64748b;line-height:1.4}.dsm-detail-note{margin-top:4px!important;font-size:12px!important;color:#7c3aed!important;font-weight:600!important}.dsm-notif-warning{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#fef2f2;border:1px solid #FECACA;border-radius:10px;margin-bottom:24px}.dsm-notif-warning strong{display:block;font-size:14px;font-weight:700;color:#dc2626;margin-bottom:2px}.dsm-notif-warning p{margin:0;font-size:13px;color:#991b1b}.dsm-confirm-actions{display:flex;gap:12px}.dsm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border:none;border-radius:10px;font-family:var(--font-body, "aileron", sans-serif);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.dsm-btn-ghost{flex:0 0 auto;background:#f1f5f9;color:#475569;border:1px solid #E2E8F0}.dsm-btn-ghost:hover{background:#e2e8f0;border-color:#cbd5e1}.dsm-btn-primary{flex:1;background:var(--color-primary, #0097A7);color:#fff;box-shadow:0 4px 16px #0097a74d}.dsm-btn-primary:hover{background:var(--color-primary-active, #00838F);transform:translateY(-1px);box-shadow:0 8px 24px #0097a759}.dsm-btn-danger{flex:1;background:#dc2626;color:#fff;box-shadow:0 4px 12px #dc262640}.dsm-btn-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.dsm-btn-danger:disabled{opacity:.5;cursor:not-allowed}.dsm-locked-warning{display:flex;align-items:flex-start;gap:16px;margin:24px;padding:20px;background:#fef2f2;border:1px solid #FECACA;border-radius:12px}.dsm-locked-icon{flex-shrink:0;padding-top:2px}.dsm-locked-content h3{margin:0 0 6px;font-size:16px;font-weight:700;color:#dc2626}.dsm-locked-content p{margin:0 0 14px;font-size:14px;color:#7f1d1d}.dsm-override-trigger{padding:8px 16px;background:#f59e0b;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s ease}.dsm-override-trigger:hover{background:#d97706;transform:translateY(-1px)}.dsm-admin-override{padding:32px}.dsm-admin-override h3{margin:0 0 8px;font-family:var(--font-display, "boiga", "Outfit", sans-serif);font-size:22px;font-weight:700;color:#0f172a}.dsm-admin-override p{margin:0 0 16px;font-size:14px;color:#64748b}.dsm-override-input{width:100%;padding:12px 16px;border:2px solid #E2E8F0;border-radius:10px;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:16px;transition:border-color .2s ease;box-sizing:border-box}.dsm-override-input:focus{outline:none;border-color:var(--color-primary, #0097A7);box-shadow:0 0 0 3px #0097a726}.dsm-override-actions{display:flex;gap:12px}@media (max-width: 768px){.dsm-overlay{padding:12px}.dsm-header{padding:32px 24px 24px}.dsm-title{font-size:24px}.dsm-cards-grid{grid-template-columns:1fr;padding:20px;gap:12px}.dsm-card,.dsm-confirm{padding:20px}.dsm-confirm-card{flex-direction:column;text-align:center;padding:28px 20px}.dsm-details-grid{grid-template-columns:1fr}.dsm-confirm-actions{flex-direction:column}.dsm-alt-section{padding:0 20px 20px}.dsm-locked-warning{flex-direction:column;text-align:center;align-items:center}}@media (max-width: 480px){.dsm-overlay{padding:0}.dsm-container{max-height:100vh;border-radius:0}.dsm-header{border-radius:0;padding:28px 20px 20px}.dsm-title{font-size:22px}.dsm-card-code{font-size:18px}.dsm-confirm-code{font-size:26px}}.duty-indicator{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:2px solid rgba(0,102,161,.2);box-shadow:0 4px 12px #0000001a;transition:all .3s ease;animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 4px 12px #0000001a,0 0 20px var(--duty-color, #0066A1) 40}50%{box-shadow:0 6px 20px #00000026,0 0 30px var(--duty-color, #0066A1) 60}}.duty-indicator.clickable{cursor:pointer}.duty-indicator.clickable:hover{transform:translateY(-2px);border-color:var(--duty-color, #0066A1);box-shadow:0 8px 24px #00000026,0 0 40px var(--duty-color, #0066A1) 80}.duty-indicator.warning{border-color:#f59e0b;animation:warningPulse 2s ease-in-out infinite}@keyframes warningPulse{0%,to{box-shadow:0 4px 12px #f59e0b4d,0 0 20px #f59e0b66}50%{box-shadow:0 6px 20px #f59e0b66,0 0 35px #f59e0b99}}.duty-indicator.urgent{border-color:#ef4444;animation:urgentPulse 1.5s ease-in-out infinite}@keyframes urgentPulse{0%,to{box-shadow:0 6px 20px #ef444466,0 0 30px #ef444480;transform:scale(1)}50%{box-shadow:0 8px 28px #ef444499,0 0 45px #ef4444cc;transform:scale(1.02)}}.duty-indicator-content{display:flex;align-items:center;gap:12px}.duty-indicator-icon{font-size:32px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.duty-indicator-info{flex:1;min-width:0}.duty-indicator-code{font-size:16px;font-weight:800;color:#1a202c;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.duty-indicator-name{font-size:13px;font-weight:600;color:#6b7280;opacity:.9}.duty-indicator-time{font-size:14px;font-weight:700;color:var(--duty-color, #0066A1);margin-top:2px}.duty-progress-bar{width:100%;height:6px;background:#00000014;border-radius:3px;overflow:hidden;position:relative}.duty-progress-fill{height:100%;border-radius:3px;transition:width .5s ease;position:relative;overflow:hidden}.duty-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.warning-pulse{position:absolute;top:8px;right:8px;font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.warning-pulse.warning{animation:warningBounce 1s ease-in-out infinite}.warning-pulse.urgent{animation:urgentBounce .5s ease-in-out infinite}@keyframes warningBounce{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes urgentBounce{0%,to{transform:scale(1) rotate(0);opacity:1}25%{transform:scale(1.15) rotate(-5deg);opacity:.9}75%{transform:scale(1.15) rotate(5deg);opacity:.9}}@media (max-width: 768px){.duty-indicator{padding:10px 12px;gap:6px}.duty-indicator-icon{font-size:28px}.duty-indicator-code{font-size:14px}.duty-indicator-time{font-size:12px}}@media (max-width: 480px){.duty-indicator-name{display:none}.duty-indicator{padding:8px 10px}.duty-indicator-icon{font-size:24px}.duty-indicator-code{font-size:13px}.duty-indicator-time{font-size:11px}.duty-progress-bar{height:4px}}@media (prefers-contrast: high){.duty-indicator{border-width:3px;background:#fff;border-color:#000}.duty-indicator-code{color:#000}.duty-indicator-name{color:#333}.duty-indicator-time{color:#000;font-weight:800}.duty-indicator.warning{border-width:4px;border-color:#b45309;background:repeating-linear-gradient(45deg,#fef3c7,#fef3c7 10px,#fbbf24 10px,#fbbf24 20px)}.duty-indicator.urgent{border-width:4px;border-color:#991b1b;background:repeating-linear-gradient(45deg,#fee2e2,#fee2e2 10px,#ef4444 10px,#ef4444 20px)}.duty-progress-bar{border:2px solid #000000;background:#fff}.duty-progress-fill{background:#000!important}}.duty-indicator.high-contrast-mode,.duty-indicator[data-accessibility=patterns]{position:relative}.duty-indicator.warning:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(245,158,11,.15) 8px,rgba(245,158,11,.15) 16px);border-radius:10px;pointer-events:none;z-index:0}.duty-indicator.urgent:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 6px,rgba(239,68,68,.12) 6px,rgba(239,68,68,.12) 12px),repeating-linear-gradient(-45deg,transparent,transparent 6px,rgba(239,68,68,.12) 6px,rgba(239,68,68,.12) 12px);border-radius:10px;pointer-events:none;z-index:0}.duty-indicator.warning .duty-indicator-content,.duty-indicator.urgent .duty-indicator-content,.duty-indicator.warning .duty-progress-bar,.duty-indicator.urgent .duty-progress-bar,.duty-indicator.warning .warning-pulse,.duty-indicator.urgent .warning-pulse{position:relative;z-index:1}.duty-indicator:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:#10b981;border:2px solid white;box-shadow:0 2px 4px #0003}.duty-indicator.warning:after{width:0;height:0;border-radius:0;background:transparent;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #F59E0B;border-top:none;box-shadow:none}.duty-indicator.urgent:after{width:10px;height:10px;border-radius:0;background:#ef4444;transform:translate(-50%) rotate(45deg)}@media (prefers-reduced-motion: reduce){.duty-indicator,.duty-indicator.warning,.duty-indicator.urgent,.warning-pulse,.duty-progress-fill:after{animation:none}.duty-indicator.clickable:hover{transform:none}}.duty-indicator:focus-visible{outline:3px solid #3B82F6;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wm-card{position:relative;background:#fff;border-radius:16px;overflow:hidden;max-width:720px;margin:160px auto 24px;box-shadow:0 1px 3px #0000000a,0 8px 32px #00000014;border:1px solid rgba(0,0,0,.06);animation:wm-enter .5s cubic-bezier(.16,1,.3,1);z-index:100;font-family:var(--font-body, "aileron", "Inter", -apple-system, sans-serif)}@keyframes wm-enter{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.wm-card.wm-celebrating{animation:wm-celebrate .7s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 32px #00000014,0 0 0 2px var(--wm-color, #0097A7),0 0 40px color-mix(in srgb,var(--wm-color, #0097A7) 25%,transparent)}@keyframes wm-celebrate{0%{opacity:0;transform:scale(.9) translateY(-30px)}60%{transform:scale(1.02) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.wm-card.warning{border-color:#f59e0b4d;box-shadow:0 8px 32px #00000014,0 0 0 1px #f59e0b33}.wm-card.urgent{border-color:#ef44444d;box-shadow:0 8px 32px #00000014,0 0 0 1px #ef44444d;animation:wm-enter .5s cubic-bezier(.16,1,.3,1),wm-urgentPulse 2.5s ease-in-out infinite .5s}@keyframes wm-urgentPulse{0%,to{box-shadow:0 8px 32px #00000014,0 0 0 1px #ef44444d}50%{box-shadow:0 8px 32px #ef444426,0 0 0 2px #ef444466}}.wm-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:none;background:#ffffff1f;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff9;transition:all .2s ease;z-index:5}.wm-close:hover{background:#fff3;color:#fff}.wm-header{position:relative;background:var(--color-dark-bg-primary, #0F172A);padding:28px 28px 24px;overflow:hidden}.wm-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(0,151,167,.06) 1px,transparent 1px);background-size:16px 16px;pointer-events:none}.wm-header-accent{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--wm-color, #0097A7),var(--color-accent, #00BCD4),var(--wm-color, #0097A7))}.wm-greeting-row{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.wm-greeting-text{flex:1;min-width:0}.wm-greeting{margin:0 0 6px;font-family:var(--font-display, "boiga", "Outfit", sans-serif);font-size:24px;font-weight:700;color:#fff;letter-spacing:-.2px;line-height:1.2}.wm-card.wm-celebrating .wm-greeting{animation:wm-greetPop .6s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes wm-greetPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.wm-subtitle{margin:0;font-size:14px;font-weight:400;color:#ffffff8c}.wm-subtitle strong{color:#00bcd4e6;font-weight:600}.wm-clock{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono, "new-astro-soft", "JetBrains Mono", monospace);font-size:14px;font-weight:600;color:#fffc;background:#ffffff12;padding:5px 12px;border-radius:7px;border:1px solid rgba(255,255,255,.08);margin-top:2px}.wm-clock-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:wm-pulse 2s ease-in-out infinite}@keyframes wm-pulse{0%,to{opacity:1}50%{opacity:.35}}.wm-duty-strip{display:flex;align-items:center;gap:16px;padding:20px 28px;background:#fafbfc;border-bottom:1px solid #F1F5F9}.wm-duty-badge{flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}.wm-card.wm-celebrating .wm-duty-badge{animation:wm-badgeBounce .5s ease-out .3s}@keyframes wm-badgeBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.1)}}.wm-duty-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.wm-duty-code{font-family:var(--font-display, "boiga", "Outfit", sans-serif);font-size:18px;font-weight:700;color:#0f172a;letter-spacing:-.1px}.wm-duty-time{display:flex;align-items:center;gap:6px;font-family:var(--font-mono, "new-astro-soft", "JetBrains Mono", monospace);font-size:14px;font-weight:600;color:var(--wm-color, #0097A7)}.wm-time-arrow{opacity:.5}.wm-progress{position:relative;flex-shrink:0;width:56px;height:56px}.wm-ring{width:56px;height:56px;transform:rotate(-90deg)}.wm-ring-bg{fill:none;stroke:#f1f5f9;stroke-width:5}.wm-ring-fill{fill:none;stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .8s ease}.wm-progress-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-body, "aileron", sans-serif);font-size:13px;font-weight:800;color:#0f172a}.wm-progress-bar{height:4px;background:#f1f5f9;overflow:hidden}.wm-progress-fill{height:100%;transition:width .8s ease;position:relative}.wm-progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:wm-shimmer 2.5s ease infinite}@keyframes wm-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.wm-message{display:flex;align-items:center;gap:10px;margin:20px 24px 0;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;line-height:1.4}.wm-message-icon{flex-shrink:0;display:flex}.wm-message.normal{background:#10b98112;color:#065f46;border:1px solid rgba(16,185,129,.15)}.wm-message.normal .wm-message-icon{color:#10b981}.wm-message.warning{background:#f59e0b14;color:#92400e;border:1px solid rgba(245,158,11,.2)}.wm-message.warning .wm-message-icon{color:#f59e0b}.wm-message.urgent{background:#ef444414;color:#991b1b;border:1px solid rgba(239,68,68,.2);animation:wm-msgPulse 1.5s ease-in-out infinite}.wm-message.urgent .wm-message-icon{color:#ef4444}@keyframes wm-msgPulse{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.wm-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 24px 24px}.wm-action{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px 14px;border:1px solid #E8ECF1;border-radius:12px;background:#fff;cursor:pointer;font-family:inherit;transition:all .2s ease}.wm-action:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.wm-action:active{transform:translateY(-1px)}.wm-action-icon{transition:color .2s ease}.wm-action-label{font-size:12px;font-weight:700;color:#0f172a;text-align:center;letter-spacing:.1px}.wm-action-breakdown{color:#94a3b8}.wm-action-breakdown:hover{border-color:#ef4444;background:#fef2f2}.wm-action-breakdown:hover .wm-action-icon{color:#ef4444}.wm-action-dashboard{color:#94a3b8}.wm-action-dashboard:hover{border-color:var(--color-primary, #0097A7);background:#0097a70a}.wm-action-dashboard:hover .wm-action-icon{color:var(--color-primary, #0097A7)}.wm-action-handover{color:#94a3b8}.wm-action-handover:hover{border-color:#10b981;background:#f0fdf4}.wm-action-handover:hover .wm-action-icon{color:#10b981}@media (max-width: 768px){.wm-card{margin:150px 16px 16px}.wm-header{padding:24px 20px 20px}.wm-greeting{font-size:20px}.wm-duty-strip{padding:16px 20px}.wm-actions{padding:16px 20px 20px;gap:8px}.wm-action{padding:14px 10px 12px}.wm-message{margin:16px 20px 0}}@media (max-width: 480px){.wm-card{margin:140px 12px 12px;border-radius:14px}.wm-greeting-row{flex-direction:column;gap:10px}.wm-greeting{font-size:18px}.wm-duty-strip{flex-wrap:wrap;gap:12px}.wm-progress{width:100%;display:flex;justify-content:center}.wm-actions{grid-template-columns:1fr}.wm-action{flex-direction:row;justify-content:flex-start;padding:14px 16px;gap:12px}.wm-action-label{font-size:14px;text-align:left}}@media (prefers-reduced-motion: reduce){.wm-card,.wm-card.wm-celebrating,.wm-card.urgent,.wm-card.wm-celebrating .wm-greeting,.wm-card.wm-celebrating .wm-duty-badge,.wm-message.urgent,.wm-progress-fill:after{animation:none!important}.wm-action:hover{transform:none}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.change-password-modal{background:#1a1a1a;border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 60px #00000080;border:1px solid #333;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #333}.modal-header h2{margin:0;font-size:1.5rem;color:#fff}.close-btn{background:none;border:none;color:#999;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:#333;color:#fff}.modal-body{padding:24px}.user-info{background:#252525;padding:12px;border-radius:8px;margin-bottom:20px;border-left:3px solid #E4002B}.user-info p{margin:0;color:#ccc;font-size:.9rem}.user-info strong{color:#fff}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#fff;font-weight:500;font-size:.95rem}.form-group input{width:100%;padding:12px;background:#252525;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem;transition:all .2s}.form-group input:focus{outline:none;border-color:#e4002b;background:#2a2a2a}.form-group input:disabled{opacity:.5;cursor:not-allowed}.password-hint{display:block;margin-top:6px;color:#999;font-size:.85rem}.show-password-toggle{margin-bottom:20px}.show-password-toggle label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#ccc;font-size:.9rem}.show-password-toggle input[type=checkbox]{cursor:pointer}.error-message{background:#e4002b1a;border:1px solid rgba(228,0,43,.3);color:#f44;padding:12px;border-radius:8px;margin-bottom:20px;font-size:.9rem}.success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:12px;border-radius:8px;margin-bottom:20px;font-size:.9rem;animation:successPulse .5s ease-out}@keyframes successPulse{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel,.btn-submit{padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:#333;color:#fff}.btn-cancel:hover:not(:disabled){background:#444}.btn-submit{background:#e4002b;color:#fff}.btn-submit:hover:not(:disabled){background:#ff1744;transform:translateY(-1px);box-shadow:0 4px 12px #e4002b4d}.btn-cancel:disabled,.btn-submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.change-password-modal{width:95%;margin:10px}.modal-header{padding:16px 20px}.modal-header h2{font-size:1.25rem}.modal-body{padding:20px}.modal-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.minimal-header-logo{position:fixed;top:16px;left:16px;z-index:9999;display:flex;align-items:center;padding:8px 16px;background:linear-gradient(135deg,#1f2937f2,#111827f2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:12px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000004d}.minimal-header-logo:hover{background:linear-gradient(135deg,#1f2937,#111827);border-color:#0097a780;transform:translateY(-2px);box-shadow:0 8px 30px #0006}.minimal-user-menu{position:fixed;top:16px;right:16px;z-index:9999;font-family:Inter,system-ui,-apple-system,sans-serif}.user-menu-trigger{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;background:linear-gradient(135deg,#1f2937f2,#111827f2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000004d}.user-menu-trigger:hover{background:linear-gradient(135deg,#1f2937,#111827);border-color:#0097a780;transform:translateY(-2px);box-shadow:0 8px 30px #0006}.user-menu-trigger.active{border-color:#0097a7;box-shadow:0 0 0 3px #0097a733}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#0097a7,#00838f);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;font-family:Outfit,sans-serif}.user-name{color:#f8fafc;font-weight:600;font-size:14px;font-family:Outfit,sans-serif;letter-spacing:-.2px}.menu-arrow{color:#f8fafc99;font-size:10px;transition:transform .2s ease}.user-menu-trigger:hover .menu-arrow{color:#0097a7}.user-menu-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:340px;max-height:calc(100vh - 80px);overflow-y:auto;overflow-x:visible;background:linear-gradient(180deg,#0f172afa,#0a0f1efa);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 20px 60px #00000080;animation:slideDown .25s cubic-bezier(.4,0,.2,1)}.user-menu-dropdown::-webkit-scrollbar{width:5px}.user-menu-dropdown::-webkit-scrollbar-track{background:transparent}.user-menu-dropdown::-webkit-scrollbar-thumb{background:#0097a74d;border-radius:3px}.user-menu-dropdown::-webkit-scrollbar-thumb:hover{background:#0097a780}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;background:linear-gradient(135deg,#0097a71a,#00838f0d);border-bottom:1px solid rgba(255,255,255,.08)}.user-info-large{display:flex;gap:14px;align-items:center}.user-avatar-large{width:52px;height:52px;background:linear-gradient(135deg,#0097a7,#006064);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;font-family:Outfit,sans-serif;flex-shrink:0}.user-details h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#f8fafc;font-family:Outfit,sans-serif}.user-details p{margin:0 0 6px;font-size:13px;color:#f8fafc99}.user-depot{display:inline-block;padding:3px 10px;background:#0097a726;border:1px solid rgba(0,151,167,.3);border-radius:20px;font-size:11px;color:#0097a7;font-weight:500}.menu-time{font-size:13px;color:#f8fafc80;font-family:JetBrains Mono,monospace;padding:4px 10px;background:#ffffff0d;border-radius:8px}.duty-indicator{display:flex;align-items:center;gap:12px;width:100%;padding:12px 20px;background:linear-gradient(135deg,#3b82f61f,#8b5cf614);border:none;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .2s ease;text-align:left}.duty-indicator:hover{background:linear-gradient(135deg,#3b82f633,#8b5cf626)}.duty-icon{font-size:20px}.duty-info{display:flex;flex-direction:column;gap:2px}.duty-label{font-size:13px;font-weight:600;color:#f8fafc}.duty-time{font-size:11px;color:#f8fafc80;font-family:JetBrains Mono,monospace}.quick-action-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:calc(100% - 24px);margin:12px;padding:12px 20px;background:linear-gradient(135deg,#0097a7,#00838f);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0097a74d}.quick-action-btn:hover{background:linear-gradient(135deg,#00acc1,#0097a7);transform:translateY(-2px);box-shadow:0 6px 20px #0097a766}.quick-action-btn:active{transform:translateY(0)}.menu-section{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.menu-section h4{margin:0;padding:8px 20px 6px;font-size:10px;font-weight:600;color:#f8fafc66;text-transform:uppercase;letter-spacing:1px}.menu-nav{display:flex;flex-direction:column}.menu-nav-item{display:flex;align-items:center;gap:14px;padding:12px 20px;text-decoration:none;transition:all .2s ease;position:relative}.menu-nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:#0097a7;border-radius:0 3px 3px 0;transition:height .2s ease}.menu-nav-item:hover{background:#ffffff0a}.menu-nav-item:hover:before{height:60%}.menu-nav-item.active{background:#0097a71a}.menu-nav-item.active:before{height:60%}.nav-icon{font-size:18px;width:24px;text-align:center}.nav-text{display:flex;flex-direction:column;gap:2px}.nav-label{font-size:14px;font-weight:500;color:#f8fafc}.nav-desc{font-size:11px;color:#f8fafc66}.nav-item-with-submenu{position:relative}.menu-nav-item.has-submenu{cursor:default}.submenu-arrow{margin-left:auto;font-size:16px;color:#f8fafc66;transition:transform .2s ease,color .2s ease}.nav-item-with-submenu:hover .submenu-arrow{color:#0097a7;transform:translate(-3px)}.nav-submenu{position:absolute;right:100%;left:auto;top:0;width:200px;background:linear-gradient(180deg,#0f172afa,#0a0f1efa);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 10px 40px #00000080;padding:8px 0;opacity:0;visibility:hidden;transform:translate(10px);transition:all .25s cubic-bezier(.4,0,.2,1);z-index:10001;margin-right:8px}.nav-item-with-submenu:hover .nav-submenu{opacity:1;visibility:visible;transform:translate(0)}.submenu-item{display:flex;align-items:center;gap:10px;padding:10px 16px;text-decoration:none;color:#f8fafccc;font-size:13px;font-weight:500;transition:all .2s ease;border-left:2px solid transparent}.submenu-item:hover{background:#0097a726;color:#f8fafc;border-left-color:#0097a7}.submenu-icon{font-size:14px;width:20px;text-align:center}.submenu-label{font-family:Outfit,sans-serif;flex:1}.external-icon{font-size:10px;color:#f8fafc66;margin-left:auto;transition:color .2s ease}.submenu-item:hover .external-icon{color:#0097a7}@media (max-width: 640px){.nav-submenu{position:fixed;left:50%;right:auto;top:auto;bottom:100px;transform:translate(-50%);width:calc(100vw - 48px);max-width:280px;margin-left:0;margin-right:0}.nav-item-with-submenu:hover .nav-submenu{transform:translate(-50%)}}.menu-actions{display:flex;flex-direction:column}.menu-actions button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 20px;background:transparent;border:none;color:#f8fafcb3;font-size:13px;cursor:pointer;transition:all .2s ease;text-align:left}.menu-actions button:hover{background:#ffffff0a;color:#f8fafc}.menu-footer{padding:12px}.logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:10px;color:#f87171;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.logout-btn:hover:not(:disabled){background:#dc262633;border-color:#dc262666}.logout-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.minimal-header-logo{top:12px;left:12px;padding:6px 12px}.minimal-header-logo svg,.minimal-header-logo img{height:28px!important}.minimal-user-menu{top:12px;right:12px}.user-menu-dropdown{width:calc(100vw - 24px);right:0}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (prefers-color-scheme: light){.minimal-header-logo{background:linear-gradient(135deg,#fffffff2,#f9fafbf2);border-color:#0000001a}.minimal-header-logo:hover{background:#fff}.user-menu-trigger{background:linear-gradient(135deg,#fffffff2,#f9fafbf2);border-color:#0000001a}.user-menu-trigger:hover{background:#fff}.user-name{color:#1f2937}.menu-arrow{color:#1f293780}.user-menu-dropdown{background:linear-gradient(180deg,#fffffffa,#f9fafbfa);border-color:#0000001a}.user-details h3,.nav-label,.duty-label{color:#1f2937}.user-details p,.nav-desc,.duty-time,.menu-time{color:#6b7280}.menu-section h4{color:#9ca3af}.menu-nav-item:hover,.menu-actions button:hover{background:#0000000a}.nav-submenu{background:linear-gradient(180deg,#fffffffa,#f9fafbfa);border-color:#0000001a}.submenu-item{color:#4b5563}.submenu-item:hover{background:#0097a71a;color:#1f2937}.submenu-arrow{color:#9ca3af}}@media (prefers-reduced-motion: reduce){.user-menu-trigger,.user-menu-dropdown,.menu-nav-item,.quick-action-btn{transition:none}.user-menu-dropdown{animation:none}}.af-footer{width:100%;padding:10px 24px;margin-top:auto;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;font-family:var(--font-body, "aileron", -apple-system, BlinkMacSystemFont, sans-serif);font-size:12px;transition:background .3s ease}.af-default{background:#0b1120;color:#ffffff73}.af-dark{background:#080c18f5;color:#fff6;border-top-color:#ffffff0d}.af-minimal{background:transparent;color:#ffffff59;border-top-color:transparent}.af-inner{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;gap:16px}.af-left{display:flex;align-items:center;gap:8px}.af-brand{font-family:var(--font-mono, "new-astro-soft", "JetBrains Mono", ui-monospace, monospace);font-size:11px;letter-spacing:-.02em;color:#ffffff8c}.af-brand strong{font-weight:600;color:#ffffffb3}.af-copy{color:#ffffff59;font-size:11px;letter-spacing:.02em}.af-right{display:flex;align-items:center}.af-hosted{color:#ffffff59;font-size:11px}.af-hosted a{color:#ffffff80;text-decoration:none;transition:color .2s ease;display:inline-flex;align-items:center;vertical-align:middle}.af-hosted a:hover{color:#fffc}.af-pixelish-link svg{opacity:.6;transition:opacity .2s ease}.af-pixelish-link:hover svg{opacity:1}.af-dark .af-brand{color:#ffffff73}.af-dark .af-brand strong{color:#fff9}.af-dark .af-copy,.af-dark .af-hosted{color:#ffffff4d}.af-dark .af-hosted a{color:#ffffff59}.af-dark .af-pixelish-link svg{opacity:.45}@media (max-width: 600px){.af-footer{padding:8px 16px}.af-inner{flex-direction:column;gap:4px}.af-right{display:none}}@media print{.af-footer{display:none}}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-left:4px solid;border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all var(--transition-normal);height:100%}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-hover)}.stat-content{display:flex;align-items:center;gap:var(--spacing-md)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.stat-details{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:52px}.stat-value-wrapper{display:flex;align-items:center;gap:4px;line-height:1;min-height:40px}.stat-value-number{font-size:36px;font-weight:700;line-height:1;display:flex;align-items:center;height:36px}.stat-value-unit{font-size:20px;font-weight:500;line-height:1;opacity:.8;display:flex;align-items:center;height:36px;padding-bottom:4px}.stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px;text-transform:uppercase;letter-spacing:.5px;font-weight:500;line-height:1.2}.stat-change{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border);font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.stat-change.positive{color:var(--color-success)}.stat-change.negative{color:var(--color-danger)}@media (max-width: 768px){.stat-value-number{font-size:28px;height:28px}.stat-value-unit{font-size:16px;height:28px;padding-bottom:2px}.stat-value-wrapper{min-height:32px}.stat-icon{width:40px;height:40px;font-size:20px}.stat-label{font-size:12px;margin-top:2px}.stat-details{min-height:44px}}.quick-feedback-widget{position:fixed;bottom:24px;left:80px;z-index:998}.quick-feedback-trigger{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-size:24px;border:none;box-shadow:0 4px 12px #6c5ce766,0 2px 6px #0003;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.quick-feedback-trigger:hover{transform:scale(1.1);box-shadow:0 6px 20px #6c5ce780,0 3px 8px #0000004d}.quick-feedback-widget.expanded{width:360px;bottom:24px;left:80px}.quick-feedback-panel{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:slideInUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff}.panel-header h3{margin:0;font-size:18px;font-weight:600}.close-btn{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .2s}.close-btn:hover{background:#ffffff4d}.sentiment-selector{display:flex;gap:12px;padding:24px;justify-content:center}.sentiment-btn{flex:1;padding:20px 12px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.sentiment-btn:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.sentiment-btn.happy:hover{border-color:#00b894;background:#f0fdf9}.sentiment-btn.neutral:hover{border-color:#fdcb6e;background:#fffbf0}.sentiment-btn.sad:hover{border-color:#ff7675;background:#fff5f5}.sentiment-btn .emoji{font-size:36px;display:block}.sentiment-btn .label{font-size:14px;font-weight:500;color:#666}.feedback-details{padding:20px}.selected-sentiment{font-size:16px;font-weight:500;color:#333;margin:0 0 20px;text-align:center;padding:12px;background:#f8f9fa;border-radius:8px}.quick-options{margin-bottom:20px}.quick-label{font-size:13px;color:#666;margin:0 0 12px}.quick-buttons{display:flex;flex-wrap:wrap;gap:8px}.quick-option{padding:8px 14px;border:1.5px solid #e0e0e0;border-radius:20px;background:#fff;font-size:13px;color:#666;cursor:pointer;transition:all .2s}.quick-option:hover{border-color:#6c5ce7;color:#6c5ce7;background:#f5f3ff}.quick-option.selected{border-color:#6c5ce7;background:#6c5ce7;color:#fff}.voice-input{margin:20px 0}.voice-btn{width:100%;padding:14px;border:2px dashed #d0d0d0;border-radius:10px;background:#f8f9fa;color:#666;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.voice-btn:hover{border-color:#6c5ce7;background:#f5f3ff;color:#6c5ce7}.voice-btn.recording{border-color:#ff7675;background:#fff5f5;color:#d63031;border-style:solid}.pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.audio-recorded{font-size:12px;color:#00b894;margin:8px 0 0;text-align:center}.feedback-textarea{width:100%;padding:12px;border:1.5px solid #d0d0d0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:16px;transition:all .2s}.feedback-textarea:focus{outline:none;border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.action-buttons{display:flex;gap:10px}.btn-submit,.btn-skip{flex:1;padding:12px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-submit{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;box-shadow:0 2px 8px #6c5ce74d}.btn-submit:hover{box-shadow:0 4px 12px #6c5ce766;transform:translateY(-1px)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-skip{background:#f5f5f5;color:#999}.btn-skip:hover{background:#e0e0e0;color:#666}.quick-feedback-success{padding:40px 20px;text-align:center}.success-checkmark{width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(135deg,#00b894,#00cec9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;animation:scaleIn .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.quick-feedback-success p{margin:0;font-size:16px;font-weight:500;color:#333}@media (max-width: 640px){.quick-feedback-widget{bottom:16px;left:70px}.quick-feedback-trigger{width:48px;height:48px;font-size:20px}.quick-feedback-widget.expanded{width:calc(100% - 32px);left:16px;right:16px;bottom:80px}.sentiment-selector{flex-direction:column}.sentiment-btn{flex-direction:row;justify-content:flex-start;padding:16px}.sentiment-btn .emoji{font-size:28px}}@media (prefers-color-scheme: dark){.quick-feedback-panel{background:#1e1e1e;color:#e0e0e0}.sentiment-btn{background:#2a2a2a;border-color:#444}.sentiment-btn .label{color:#999}.selected-sentiment{background:#2a2a2a;color:#e0e0e0}.quick-option{background:#2a2a2a;border-color:#444;color:#999}.quick-option:hover{background:#3a3a5c}.voice-btn{background:#2a2a2a;border-color:#444;color:#999}.feedback-textarea{background:#2a2a2a;border-color:#444;color:#e0e0e0}.btn-skip{background:#2a2a2a;color:#999}}.error-boundary-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.error-boundary-content{background:#fff;border-radius:16px;padding:48px;max-width:600px;width:100%;box-shadow:0 20px 60px #0000001a;text-align:center}.error-icon{font-size:64px;margin-bottom:24px;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.error-boundary-content h1{font-size:28px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.error-message{font-size:16px;color:#666;line-height:1.6;margin:0 0 32px}.error-details{text-align:left;background:#f8f9fa;border-radius:8px;padding:16px;margin:24px 0;cursor:pointer}.error-details summary{font-weight:600;color:#333;cursor:pointer;-webkit-user-select:none;user-select:none}.error-details summary:hover{color:#ee5a6f}.error-details-content{margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0}.error-details-content h3{font-size:14px;color:#d63031;margin:0 0 12px;font-weight:600}.error-details-content pre{font-size:12px;font-family:Courier New,monospace;background:#fff;padding:12px;border-radius:6px;overflow-x:auto;color:#333;margin:8px 0;border:1px solid #e0e0e0}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-actions button{padding:12px 32px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-retry{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-retry:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#ee5a6f,#d63031);color:#fff;box-shadow:0 4px 12px #ee5a6f4d}.btn-primary:hover{box-shadow:0 6px 16px #ee5a6f66;transform:translateY(-2px)}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover{background:#e0e0e0;color:#333}.error-reported-notice{margin-top:24px;padding:12px;background:#d4edda;color:#155724;border-radius:6px;font-size:14px}@media (max-width: 640px){.error-boundary-content{padding:32px 24px}.error-icon{font-size:48px}.error-boundary-content h1{font-size:22px}.error-message{font-size:14px}.error-actions{flex-direction:column}.error-actions button{width:100%}}.duty-notes-widget{position:fixed;z-index:9000}.duty-notes-widget--bottom-left{bottom:100px;left:20px}.duty-notes-widget--bottom-right{bottom:100px;right:20px}.duty-notes-widget--top-right{top:100px;right:20px}.duty-notes-widget__trigger{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #3b82f666,0 0 0 4px #3b82f61a;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}.duty-notes-widget__trigger:hover{transform:scale(1.1);box-shadow:0 6px 28px #3b82f680,0 0 0 6px #3b82f626}.duty-notes-widget__trigger.active{background:linear-gradient(135deg,#ef4444,#dc2626);transform:rotate(90deg)}.duty-notes-widget__trigger-icon{font-size:1.5rem;color:#fff}.duty-notes-widget__badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;border:2px solid #1a1a2e;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.duty-notes-widget__panel{position:absolute;bottom:70px;left:0;width:340px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff1a;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.duty-notes-widget--bottom-right .duty-notes-widget__panel{left:auto;right:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.duty-notes-widget__header{padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.duty-notes-widget__header h3{margin:0 0 12px;font-size:1rem;font-weight:600;color:#fff}.duty-notes-widget__tabs{display:flex;gap:8px}.duty-notes-widget__tab{flex:1;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.duty-notes-widget__tab:hover{background:#ffffff1a}.duty-notes-widget__tab.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:transparent;color:#fff}.duty-notes-widget__form{padding:16px}.duty-notes-widget__error{padding:10px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.8125rem;margin-bottom:12px}.duty-notes-widget__success{padding:10px 12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#10b981;font-size:.8125rem;margin-bottom:12px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.duty-notes-widget__type-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.duty-notes-widget__type-btn{padding:8px 4px;background:#ffffff0d;border:2px solid transparent;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .2s ease;color:#ffffffb3;font-size:.6875rem}.duty-notes-widget__type-btn span:first-child{font-size:1.25rem}.duty-notes-widget__type-btn:hover{background:#ffffff1a}.duty-notes-widget__type-btn.active{border-color:var(--type-color);background:#ffffff1a;color:#fff}.duty-notes-widget__input{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-family:inherit;font-size:.875rem;resize:none;transition:border-color .2s ease}.duty-notes-widget__input:focus{outline:none;border-color:#3b82f6}.duty-notes-widget__input::placeholder{color:#fff6}.duty-notes-widget__footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.duty-notes-widget__char-count{font-size:.75rem;color:#ffffff80}.duty-notes-widget__submit{padding:8px 20px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.duty-notes-widget__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.duty-notes-widget__submit:disabled{opacity:.5;cursor:not-allowed}.duty-notes-widget__notes-list{max-height:300px;overflow-y:auto;padding:12px}.duty-notes-widget__loading,.duty-notes-widget__empty{padding:24px;text-align:center;color:#ffffff80;font-size:.875rem}.duty-notes-widget__note{padding:12px;background:#ffffff08;border-radius:8px;margin-bottom:8px;border-left:3px solid transparent}.duty-notes-widget__note.priority{border-left-color:#ef4444;background:#ef44440d}.duty-notes-widget__note-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.duty-notes-widget__note-type{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:.6875rem;font-weight:600;color:#fff}.duty-notes-widget__note-actions{display:flex;align-items:center;gap:8px}.duty-notes-widget__note-time{font-size:.75rem;color:#ffffff80}.duty-notes-widget__delete-btn{width:28px;height:28px;padding:0;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .2s ease;opacity:.7}.duty-notes-widget__delete-btn:hover:not(:disabled){background:#ef444433;border-color:#ef444480;opacity:1;transform:scale(1.05)}.duty-notes-widget__delete-btn:disabled{opacity:.4;cursor:not-allowed}.duty-notes-widget__note.deleting{opacity:.5;pointer-events:none;animation:fadeOut .3s ease forwards}@keyframes fadeOut{0%{opacity:.5;transform:translate(0)}to{opacity:0;transform:translate(-10px)}}.duty-notes-widget__note-content{margin:0;font-size:.875rem;color:#ffffffe6;line-height:1.5;white-space:pre-wrap;word-break:break-word}.duty-notes-widget__duty-info{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#0003;font-size:.75rem;color:#ffffff80}@media (max-width: 480px){.duty-notes-widget{bottom:80px!important;right:16px!important;left:auto!important}.duty-notes-widget__panel{width:calc(100vw - 32px);max-width:340px;right:0;left:auto}.duty-notes-widget__trigger{width:48px;height:48px}.duty-notes-widget__trigger-icon{font-size:1.25rem}}@media print{.duty-notes-widget{display:none}}@media (prefers-reduced-motion: reduce){.duty-notes-widget__trigger,.duty-notes-widget__panel,.duty-notes-widget__tab,.duty-notes-widget__submit{transition:none;animation:none}.duty-notes-widget__badge{animation:none}}.end-of-shift-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md, 16px)}.end-of-shift-modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.end-of-shift-modal__container{position:relative;z-index:1;width:100%;max-width:480px;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.end-of-shift-modal__card{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:var(--radius-xl, 20px);padding:var(--spacing-xl, 32px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 80px #00000080,0 0 0 1px #ffffff0d}.end-of-shift-modal.urgent .end-of-shift-modal__card{border-color:#f59e0b80;box-shadow:0 25px 80px #00000080,0 0 40px #f59e0b33}.end-of-shift-modal.ended .end-of-shift-modal__card{border-color:#ef444499;box-shadow:0 25px 80px #00000080,0 0 60px #ef44444d;animation:pulseRed 2s ease-in-out infinite}@keyframes pulseRed{0%,to{box-shadow:0 25px 80px #00000080,0 0 40px #ef444433}50%{box-shadow:0 25px 80px #00000080,0 0 80px #ef444466}}.end-of-shift-modal__header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md, 16px);margin-bottom:var(--spacing-lg, 24px)}.end-of-shift-modal__icon{font-size:4rem;animation:iconPulse 1.5s ease-in-out infinite}.end-of-shift-modal.ended .end-of-shift-modal__icon{animation:iconShake .5s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes iconShake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.end-of-shift-modal__title{margin:0;font-size:1.75rem;font-weight:700;color:#fff;text-align:center}.end-of-shift-modal.urgent .end-of-shift-modal__title{color:#f59e0b}.end-of-shift-modal.ended .end-of-shift-modal__title{color:#ef4444}.end-of-shift-modal__countdown{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-lg, 24px);background:#0000004d;border-radius:var(--radius-lg, 12px);margin-bottom:var(--spacing-lg, 24px)}.end-of-shift-modal__countdown-label{font-size:.875rem;color:#fff9;text-transform:uppercase;letter-spacing:1px}.end-of-shift-modal__countdown-value{font-size:2.5rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.end-of-shift-modal.urgent .end-of-shift-modal__countdown-value{color:#f59e0b}.end-of-shift-modal.ended .end-of-shift-modal__countdown-value{color:#ef4444;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}.end-of-shift-modal__message{text-align:center;font-size:1rem;color:#ffffffe6;line-height:1.6;margin:0 0 var(--spacing-lg, 24px)}.end-of-shift-modal__breakdowns-alert{display:flex;align-items:center;gap:var(--spacing-md, 16px);padding:var(--spacing-md, 16px);background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg, 12px);margin-bottom:var(--spacing-lg, 24px)}.end-of-shift-modal__breakdowns-icon{font-size:2rem}.end-of-shift-modal__breakdowns-info{display:flex;flex-direction:column;gap:2px}.end-of-shift-modal__breakdowns-info strong{color:#ef4444;font-size:1rem}.end-of-shift-modal__breakdowns-info span{color:#ffffffb3;font-size:.875rem}.end-of-shift-modal__duty-info{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-sm, 8px);background:#ffffff0d;border-radius:var(--radius-md, 8px);margin-bottom:var(--spacing-lg, 24px);font-size:.875rem;color:#ffffffb3}.end-of-shift-modal__duty-separator{color:#ffffff4d}.end-of-shift-modal__actions{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}.end-of-shift-modal__btn{width:100%;padding:14px 24px;border-radius:var(--radius-lg, 12px);border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, 8px)}.end-of-shift-modal__btn--acknowledge{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.end-of-shift-modal__btn--acknowledge:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.end-of-shift-modal__btn--handover{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.end-of-shift-modal__btn--handover:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.end-of-shift-modal__btn--handover-secondary{background:#8b5cf633;border:1px solid rgba(139,92,246,.5);color:#a78bfa}.end-of-shift-modal__btn--handover-secondary:hover{background:#8b5cf64d}.end-of-shift-modal__btn--extend{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.end-of-shift-modal__btn--extend:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.end-of-shift-modal__btn--end{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe6}.end-of-shift-modal__btn--end:hover{background:#ffffff26}.end-of-shift-modal__footer-note{text-align:center;font-size:.8125rem;color:#ffffff80;margin:var(--spacing-md, 16px) 0 0;font-style:italic}@media (max-width: 480px){.end-of-shift-modal__card{padding:var(--spacing-lg, 24px) var(--spacing-md, 16px)}.end-of-shift-modal__icon{font-size:3rem}.end-of-shift-modal__title{font-size:1.5rem}.end-of-shift-modal__countdown-value{font-size:2rem}.end-of-shift-modal__countdown{padding:var(--spacing-md, 16px)}}@media (prefers-reduced-motion: reduce){.end-of-shift-modal__container,.end-of-shift-modal__icon,.end-of-shift-modal.ended .end-of-shift-modal__card,.end-of-shift-modal.ended .end-of-shift-modal__countdown-value{animation:none}}@media print{.end-of-shift-modal{display:none}}.handover-toast{position:fixed;bottom:20px;right:20px;min-width:320px;max-width:420px;background:linear-gradient(135deg,#1e293bfa,#0f172afa);border-radius:16px;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;overflow:hidden;animation:slideInRight .4s cubic-bezier(.34,1.56,.64,1);transition:all .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.handover-toast--info{border-left:4px solid #3b82f6}.handover-toast--info:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#60a5fa)}.handover-toast--warning{border-left:4px solid #f59e0b}.handover-toast--warning:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f59e0b,#fbbf24);animation:pulseGlow 2s ease-in-out infinite}.handover-toast--urgent{border-left:4px solid #ef4444}.handover-toast--urgent:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ef4444,#f87171);animation:pulseGlow 1s ease-in-out infinite}.handover-toast--critical{border-left:4px solid #dc2626;animation:slideInRight .4s cubic-bezier(.34,1.56,.64,1),shake .5s ease-in-out .4s}.handover-toast--critical:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#dc2626,#ef4444,#dc2626);animation:pulseGlow .5s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.6}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.handover-toast__main{display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer;transition:background .2s ease}.handover-toast__main:hover{background:#ffffff0d}.handover-toast__icon{font-size:24px;flex-shrink:0}.handover-toast--critical .handover-toast__icon,.handover-toast--urgent .handover-toast__icon{animation:bounce .6s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.handover-toast__content{flex:1;min-width:0}.handover-toast__title{color:#fff;font-size:15px;font-weight:600;margin-bottom:2px}.handover-toast__subtitle{color:#ffffffb3;font-size:13px}.handover-toast--warning .handover-toast__subtitle,.handover-toast--urgent .handover-toast__subtitle,.handover-toast--critical .handover-toast__subtitle{color:#fbbf24}.handover-toast__badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ef444433;border:2px solid #ef4444;border-radius:50%;color:#ef4444;font-size:14px;font-weight:700;flex-shrink:0}.handover-toast--critical .handover-toast__badge{animation:pulseBadge 1s ease infinite}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.handover-toast__close{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff9;font-size:16px;cursor:pointer;transition:all .2s ease}.handover-toast__close:hover{background:#fff3;color:#fff}.handover-toast__expanded{border-top:1px solid rgba(255,255,255,.1);padding:12px 16px 16px;animation:expandIn .3s ease}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:400px}}.handover-toast__breakdown-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.handover-toast__breakdown-item{display:flex;align-items:center;justify-content:space-between;background:#ffffff0d;padding:10px 12px;border-radius:8px;transition:background .2s ease}.handover-toast__breakdown-item:hover{background:#ffffff1a}.handover-toast__breakdown-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.handover-toast__fleet{background:#3b82f633;color:#60a5fa;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;flex-shrink:0}.handover-toast__severity{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;flex-shrink:0}.handover-toast__severity--stop{background:#dc262633;color:#f87171}.handover-toast__severity--amber{background:#f59e0b33;color:#fbbf24}.handover-toast__severity--continue{background:#10b98133;color:#34d399}.handover-toast__location{color:#fff9;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.handover-toast__quick-resolve{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#10b98133;border:1px solid rgba(16,185,129,.3);border-radius:6px;color:#10b981;font-size:14px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.handover-toast__quick-resolve:hover{background:#10b9814d;transform:scale(1.1)}.handover-toast__more{text-align:center;color:#ffffff80;font-size:12px;padding:4px}.handover-toast__actions{display:flex;gap:8px;margin-bottom:10px}.handover-toast__btn{flex:1;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.handover-toast__btn--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.handover-toast__btn--primary:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.handover-toast__btn--secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.handover-toast__btn--secondary:hover{background:#ffffff26}.handover-toast__note{color:#ffffff80;font-size:11px;text-align:center;line-height:1.4}.handover-toast.expanded{min-width:380px}@media (max-width: 480px){.handover-toast{left:10px;right:10px;bottom:10px;min-width:unset;max-width:unset}.handover-toast__breakdown-info{flex-wrap:wrap;gap:6px}.handover-toast__location{width:100%;flex-basis:100%}}body{transition:background-color .5s ease,box-shadow .5s ease}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--duty-theme-gradient, transparent);pointer-events:none;z-index:-1;transition:background .5s ease}body.duty-theme-100{--accent-color: var(--duty-theme-primary, #3B82F6)}body.duty-theme-200{--accent-color: var(--duty-theme-primary, #10B981)}body.duty-theme-400{--accent-color: var(--duty-theme-primary, #F59E0B)}body.duty-theme-500{--accent-color: var(--duty-theme-primary, #8B5CF6)}body[class*=duty-theme-] .btn-primary:not(.btn-danger){background:var(--duty-theme-primary, var(--color-red-primary));border-color:var(--duty-theme-primary, var(--color-red-primary))}body[class*=duty-theme-] .btn-primary:not(.btn-danger):hover{box-shadow:0 4px 16px var(--duty-theme-glow, rgba(227, 6, 19, .3))}body[class*=duty-theme-] .card--themed{border-top:3px solid var(--duty-theme-primary, var(--color-red-primary))}body[class*=duty-theme-] .progress-themed .progress-fill{background:linear-gradient(90deg,var(--duty-theme-primary),var(--duty-theme-secondary))}body[class*=duty-theme-] input:focus,body[class*=duty-theme-] select:focus,body[class*=duty-theme-] textarea:focus{box-shadow:0 0 0 3px var(--duty-theme-accent, rgba(227, 6, 19, .1))}body[class*=duty-theme-]:after{content:"";position:fixed;top:0;left:0;width:300px;height:300px;background:radial-gradient(circle,var(--duty-theme-accent, transparent) 0%,transparent 70%);pointer-events:none;z-index:-1;opacity:.5}@media (prefers-reduced-motion: reduce){body,body:before,body:after{transition:none;animation:none}}.shift-summary-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.shift-summary-modal.phase-1,.shift-summary-modal.phase-2,.shift-summary-modal.phase-3,.shift-summary-modal.phase-4{opacity:1;pointer-events:auto}.shift-summary-modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}.shift-summary-modal__confetti{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:1}.confetti-particle{position:absolute;top:-10px;left:var(--x, 50%);width:10px;height:10px;background:var(--color, #FFD700);border-radius:2px;animation:confettiDrop 2.5s ease-out forwards;animation-delay:var(--delay, 0s)}@keyframes confettiDrop{0%{top:-10px;opacity:1;transform:rotate(0) scale(1)}to{top:110%;opacity:0;transform:rotate(720deg) scale(.5)}}.shift-summary-modal__container{position:relative;z-index:2;width:90%;max-width:720px;max-height:90vh;overflow-y:auto}.shift-summary-modal__card{background:#fff;color:#1f2937;border-radius:24px;overflow:hidden;box-shadow:0 25px 80px #0000004d;animation:cardSlideUp .5s cubic-bezier(.34,1.56,.64,1)}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.shift-summary-modal__header{padding:32px 40px;color:#fff;position:relative;overflow:hidden}.shift-summary-modal__header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 60%);animation:headerShine 3s ease-in-out infinite}@keyframes headerShine{0%,to{transform:translate(-20%,-20%)}50%{transform:translate(20%,20%)}}.shift-summary-modal__header-content{position:relative;display:flex;align-items:center;gap:16px}.shift-summary-modal__icon{font-size:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:iconPop .6s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes iconPop{0%{transform:scale(0) rotate(-20deg)}to{transform:scale(1) rotate(0)}}.shift-summary-modal__title-group{flex:1}.shift-summary-modal__title{margin:0 0 6px;font-size:28px;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.1)}.shift-summary-modal__subtitle{margin:0;font-size:16px;opacity:.9}.shift-summary-modal__duration{display:flex;align-items:center;gap:32px;padding:28px 40px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid rgba(0,0,0,.05)}.duration-visual{flex-shrink:0}.duration-clock{display:flex;align-items:baseline;gap:4px;padding:12px 16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.duration-hours,.duration-minutes{font-size:32px;font-weight:800;color:var(--duty-color, #0066A1)}.duration-label{font-size:12px;font-weight:600;color:#6b7280;margin-right:8px}.duration-info{display:flex;flex-direction:column;gap:4px}.duration-range{font-size:14px;font-weight:700;color:#1f2937}.duration-name{font-size:13px;color:#6b7280;font-weight:500}.shift-summary-modal__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#0000000d;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.shift-summary-modal__stats.visible{opacity:1;transform:translateY(0)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;background:#fff;text-align:center}.stat-icon{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px}.stat-value{font-size:28px;font-weight:800;color:#1f2937}.stat-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.shift-summary-modal__pending-warning{display:flex;align-items:center;gap:14px;margin:20px 40px;padding:16px 20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;border-left:4px solid #F59E0B}.pending-icon{font-size:20px}.pending-text{font-size:13px;font-weight:600;color:#92400e}.shift-summary-modal__achievements{padding:24px 40px;background:linear-gradient(135deg,#10b9810d,#0596690d);opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.shift-summary-modal__achievements.visible{opacity:1;transform:translateY(0)}.achievements-title{margin:0 0 20px;font-size:18px;font-weight:700;color:#065f46}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.achievement-badge{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border-radius:12px;border:2px solid #10B981;box-shadow:0 2px 8px #10b98126;opacity:0;transform:translate(-20px);animation:achievementSlide .4s ease forwards;animation-delay:calc(var(--delay, 0s) + .3s)}@keyframes achievementSlide{to{opacity:1;transform:translate(0)}}.achievement-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.achievement-info{display:flex;flex-direction:column;gap:2px}.achievement-title{font-size:14px;font-weight:700;color:#065f46}.achievement-desc{font-size:12px;color:#6b7280}.shift-summary-modal__notes{padding:24px 40px;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.shift-summary-modal__notes.visible{opacity:1;transform:translateY(0)}.notes-label{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:15px;font-weight:600;color:#4b5563}.notes-icon{font-size:18px}.notes-input{width:100%;padding:14px 16px;border:2px solid #E5E7EB;border-radius:12px;font-family:inherit;font-size:14px;color:#1f2937;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.notes-input:focus{outline:none;border-color:var(--duty-color, #0066A1);box-shadow:0 0 0 3px #0066a11a}.notes-input::placeholder{color:#9ca3af}.shift-summary-modal__actions{display:flex;gap:16px;padding:24px 40px;background:#f9fafb;border-top:1px solid rgba(0,0,0,.05)}.shift-summary-modal__btn{flex:1;padding:16px 28px;border:none;border-radius:12px;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.shift-summary-modal__btn:disabled{opacity:.6;cursor:not-allowed}.shift-summary-modal__btn--cancel{background:#fff;color:#4b5563;border:2px solid #E5E7EB}.shift-summary-modal__btn--cancel:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.shift-summary-modal__btn--confirm{color:#fff;box-shadow:0 4px 12px #0066a14d}.shift-summary-modal__btn--confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0066a166}.shift-summary-modal__footer{margin:0;padding:18px 40px;text-align:center;font-size:14px;color:#6b7280;background:#f3f4f6}@media (max-width: 768px){.shift-summary-modal__container{width:95%;max-width:600px;max-height:85vh}.shift-summary-modal__header{padding:24px}.shift-summary-modal__icon{font-size:40px}.shift-summary-modal__title{font-size:22px}.shift-summary-modal__duration{padding:24px;gap:24px}.shift-summary-modal__stats{grid-template-columns:repeat(4,1fr)}.stat-item{padding:20px 12px}.stat-icon{width:48px;height:48px;font-size:28px}.stat-value{font-size:24px}.achievements-grid{grid-template-columns:1fr;gap:10px}.shift-summary-modal__achievements,.shift-summary-modal__notes,.shift-summary-modal__actions,.shift-summary-modal__footer{padding-left:24px;padding-right:24px}.shift-summary-modal__pending-warning{margin-left:24px;margin-right:24px}}@media (max-width: 540px){.shift-summary-modal__container{width:100%;max-height:100vh;border-radius:0}.shift-summary-modal__card{border-radius:0}.shift-summary-modal__header{padding:20px}.shift-summary-modal__title{font-size:20px}.shift-summary-modal__duration{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}.duration-hours,.duration-minutes{font-size:28px}.shift-summary-modal__stats{grid-template-columns:repeat(2,1fr)}.stat-item{padding:16px 10px}.stat-icon{width:44px;height:44px;font-size:24px}.stat-value{font-size:22px}.achievements-grid{grid-template-columns:1fr;gap:8px}.achievement-badge{padding:12px 14px}.achievement-icon{font-size:24px}.shift-summary-modal__achievements,.shift-summary-modal__notes,.shift-summary-modal__actions,.shift-summary-modal__footer{padding-left:20px;padding-right:20px}.shift-summary-modal__pending-warning{margin-left:20px;margin-right:20px}.shift-summary-modal__actions{flex-direction:column-reverse;gap:12px}.shift-summary-modal__btn{padding:14px 20px;font-size:15px}}@media (prefers-reduced-motion: reduce){.shift-summary-modal__card,.shift-summary-modal__icon,.shift-summary-modal__stats,.shift-summary-modal__achievements,.shift-summary-modal__notes,.achievement-badge,.confetti-particle{animation:none;opacity:1;transform:none}.shift-summary-modal__header:before{animation:none}.shift-summary-modal__btn--confirm:hover:not(:disabled){transform:none}}.session-timeout-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px;animation:overlay-fade-in .2s ease-out}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.session-timeout-modal{background:linear-gradient(145deg,#1e1e2dfa,#141423fa);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:modal-slide-up .3s ease-out}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.session-timeout__header{display:flex;align-items:center;gap:16px;padding:24px;background:linear-gradient(135deg,#f59e0b26,#fcd34d14);border-bottom:1px solid rgba(255,255,255,.1)}.session-timeout__icon{font-size:2rem;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#f59e0b33,#fcd34d1a);border-radius:12px;animation:icon-pulse 2s ease-in-out infinite}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.session-timeout__title{margin:0;font-size:1.25rem;font-weight:700;color:#f59e0b}.session-timeout__subtitle{margin:4px 0 0;font-size:.875rem;color:#a0aec0}.session-timeout__content{padding:24px}.session-timeout__info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.session-timeout__info-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:12px}.session-timeout__info-icon{font-size:1.5rem;flex-shrink:0}.session-timeout__info-content{display:flex;flex-direction:column;gap:4px}.session-timeout__info-label{font-size:.75rem;color:#718096;text-transform:uppercase;letter-spacing:.5px}.session-timeout__info-value{font-size:1.125rem;font-weight:700;color:#fff}.session-timeout__info-value--warning{color:#f59e0b}.session-timeout__duty{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;margin-bottom:20px}.session-timeout__duty-label{font-size:.875rem;color:#718096}.session-timeout__duty-value{font-size:.875rem;font-weight:600;color:#3b82f6}.session-timeout__warning-box{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(135deg,#f59e0b1a,#fcd34d0d);border:1px solid rgba(245,158,11,.2);border-radius:8px}.session-timeout__warning-box span{font-size:1.25rem;flex-shrink:0}.session-timeout__warning-box p{margin:0;font-size:.875rem;color:#f59e0b;line-height:1.5}.session-timeout__actions{display:flex;gap:12px;padding:20px 24px;background:#0003;border-top:1px solid rgba(255,255,255,.1)}.session-timeout__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.session-timeout__btn:disabled{opacity:.6;cursor:not-allowed}.session-timeout__btn--secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.session-timeout__btn--secondary:hover:not(:disabled){background:#ffffff26}.session-timeout__btn--primary{background:linear-gradient(135deg,#f59e0b,#fcd34d);color:#1a1a2e}.session-timeout__btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#f59e0b);transform:translateY(-2px);box-shadow:0 4px 16px #f59e0b66}.session-timeout__spinner{width:18px;height:18px;border:2px solid rgba(26,26,46,.3);border-top-color:#1a1a2e;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 480px){.session-timeout-modal{margin:8px}.session-timeout__header{padding:20px}.session-timeout__icon{width:48px;height:48px;font-size:1.5rem}.session-timeout__title{font-size:1.125rem}.session-timeout__content{padding:20px}.session-timeout__info-grid{grid-template-columns:1fr}.session-timeout__actions{flex-direction:column;padding:16px 20px}}:root{color-scheme:light;--color-primary: #0097A7;--color-primary-hover: #00ACC1;--color-primary-active: #00838F;--color-primary-dark: #00838F;--color-primary-darker: #006064;--color-primary-light: #E0F7FA;--color-primary-50: #E0F7FA;--color-primary-100: #B2EBF2;--color-primary-200: #80DEEA;--color-primary-300: #4DD0E1;--color-primary-400: #26C6DA;--color-primary-500: #00BCD4;--color-primary-600: #00ACC1;--color-primary-700: #0097A7;--color-primary-800: #00838F;--color-primary-900: #006064;--color-secondary: #1F2937;--color-secondary-light: #374151;--color-secondary-dark: #111827;--color-secondary-50: #F9FAFB;--color-secondary-100: #F3F4F6;--color-secondary-200: #E5E7EB;--color-secondary-300: #D1D5DB;--color-secondary-400: #9CA3AF;--color-secondary-500: #6B7280;--color-secondary-600: #4B5563;--color-secondary-700: #374151;--color-secondary-800: #1F2937;--color-secondary-900: #111827;--color-navy-primary: #1F2937;--color-navy-dark: #111827;--color-navy-darker: #0D1117;--color-navy-light: #374151;--color-accent: #00BCD4;--color-accent-dark: #0097A7;--color-accent-light: #E0F7FA;--color-critical: #D32F2F;--color-critical-hover: #E53935;--color-critical-dark: #C62828;--color-critical-darker: #B71C1C;--color-critical-light: #FFEBEE;--color-red-primary: #D32F2F;--color-red-dark: #C62828;--color-red-darker: #B71C1C;--color-red-light: #FFEBEE;--color-warning: #F57C00;--color-warning-dark: #E65100;--color-warning-light: #FFF3E0;--color-success: #2E7D32;--color-success-dark: #1B5E20;--color-success-light: #E8F5E9;--color-info: #1976D2;--color-info-dark: #1565C0;--color-info-light: #E3F2FD;--color-info-lightest: #F0F7FF;--color-emergency: #EF5350;--color-emergency-dark: #D32F2F;--color-emergency-light: #FFCDD2;--color-white: #FFFFFF;--color-off-white: #FAFAFA;--color-grey-50: #F8FAFC;--color-grey-100: #F1F5F9;--color-grey-200: #E2E8F0;--color-grey-300: #CBD5E1;--color-grey-400: #94A3B8;--color-grey-500: #64748B;--color-grey-600: #475569;--color-grey-700: #334155;--color-grey-800: #1E293B;--color-grey-900: #0F172A;--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-tertiary: #94A3B8;--color-text-muted: #64748B;--color-text-disabled: #CBD5E1;--color-text-inverse: #FFFFFF;--color-dark-bg-primary: #0F172A;--color-dark-bg-secondary: #1E293B;--color-dark-bg-tertiary: #334155;--color-dark-border: #475569;--color-dark-text-primary: #F1F5F9;--color-dark-text-secondary: #94A3B8;--color-dark-text-tertiary: #64748B;--dashboard-bg: #0F172A;--dashboard-surface: #1E293B;--dashboard-accent: #0097A7;--dashboard-text: #F1F5F9;--font-display: "boiga", "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "aileron", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "new-astro-soft", "JetBrains Mono", "Monaco", "Menlo", monospace;--font-family: "aileron", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 40px;--text-5xl: 48px;--line-height-xs: 1.33;--line-height-sm: 1.43;--line-height-base: 1.5;--line-height-lg: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--letter-spacing-tight: -.3px;--letter-spacing-normal: 0;--letter-spacing-wide: .5px;--letter-spacing-wider: 1px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--shadow-lift: 0 4px 12px rgba(0, 0, 0, .08);--shadow-hover: 0 8px 24px rgba(0, 151, 167, .15);--shadow-focus: 0 0 0 3px rgba(0, 151, 167, .2);--shadow-focus-primary: 0 0 0 3px rgba(0, 151, 167, .25);--shadow-teal-sm: 0 4px 12px rgba(0, 151, 167, .1);--shadow-teal-md: 0 8px 24px rgba(0, 151, 167, .15);--shadow-teal-lg: 0 12px 36px rgba(0, 151, 167, .2);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--glass-dark-bg: rgba(15, 23, 42, .8);--glass-dark-border: rgba(255, 255, 255, .15);--transition-fast: .15s ease-out;--transition-base: .2s ease-out;--transition-smooth: .2s ease;--transition-slow: .3s ease-out;--transition-slowest: .5s ease-out;--animation-fast: .5s;--animation-normal: 1s;--animation-slow: 2s;--animation-slowest: 3s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--z-content: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-notification: 800;--opacity-disabled: .5;--opacity-hover: .8;--opacity-focus: .9;--opacity-subtle: .05;--opacity-medium: .1;--opacity-strong: .2;--opacity-light: .1;--opacity-normal: .5;--opacity-high: .8;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 3px;--gradient-primary: linear-gradient(135deg, #0097A7 0%, #00838F 100%);--gradient-primary-light: linear-gradient(135deg, #00BCD4 0%, #0097A7 100%);--gradient-primary-hover: linear-gradient(135deg, #00ACC1 0%, #0097A7 100%);--gradient-primary-vibrant: linear-gradient(135deg, #26C6DA 0%, #00ACC1 50%, #0097A7 100%);--gradient-primary-to-navy: linear-gradient(135deg, #0097A7 0%, #1F2937 100%);--gradient-welcome: linear-gradient(135deg, #0097A7 0%, #00838F 50%, #006064 100%);--gradient-secondary: linear-gradient(180deg, #1F2937 0%, #111827 100%);--gradient-secondary-light: linear-gradient(180deg, #374151 0%, #1F2937 100%);--gradient-navy: linear-gradient(135deg, #1F2937 0%, #111827 100%);--gradient-navy-light: linear-gradient(135deg, #374151 0%, #1F2937 100%);--gradient-success: linear-gradient(135deg, #2E7D32 0%, #1B5E20 100%);--gradient-warning: linear-gradient(135deg, #F57C00 0%, #E65100 100%);--gradient-critical: linear-gradient(135deg, #D32F2F 0%, #C62828 100%);--gradient-info: linear-gradient(135deg, #1976D2 0%, #1565C0 100%);--gradient-red: linear-gradient(135deg, #D32F2F 0%, #C62828 100%);--gradient-red-light: linear-gradient(135deg, #FFEBEE 0%, #FFCDD2 100%);--gradient-barry: linear-gradient( 135deg, rgba(0, 151, 167, .15) 0%, rgba(0, 188, 212, .1) 50%, rgba(0, 131, 143, .15) 100% );--gradient-aurora: linear-gradient( 135deg, rgba(0, 151, 167, .1) 0%, rgba(0, 188, 212, .08) 50%, rgba(0, 96, 100, .1) 100% );--btn-height-sm: 32px;--btn-height-md: 40px;--btn-height-lg: 48px;--btn-padding-x-sm: var(--spacing-sm);--btn-padding-y-sm: 6px;--btn-padding-x-md: var(--spacing-md);--btn-padding-y-md: var(--spacing-sm);--btn-padding-x-lg: var(--spacing-lg);--btn-padding-y-lg: 12px;--btn-size-icon-lg: 45px;--btn-size-icon-md: 42px;--input-height: 40px;--input-padding-x: var(--spacing-md);--input-padding-y: var(--spacing-sm);--input-border: 1px solid var(--color-grey-300);--input-border-focus: 1px solid var(--color-primary);--input-border-error: 1px solid var(--color-critical);--card-padding-sm: var(--spacing-md);--card-padding-md: var(--spacing-lg);--card-padding-lg: var(--spacing-xl);--card-border-radius: var(--radius-lg);--header-height: 85px;--logo-height: 55px;--sidebar-width: 280px;--sidebar-width-collapsed: 80px;--badge-min-width: 20px;--badge-height: 20px;--touch-target-min: 44px;--touch-target-comfortable: 48px}@media (prefers-color-scheme: dark){:root{--color-primary: #00ACC1;--color-primary-hover: #26C6DA;--color-primary-dark: #0097A7;--color-primary-light: #1A3A3D;--color-critical: #EF5350;--color-critical-dark: #D32F2F;--color-critical-light: #3D1A1A;--color-red-primary: #EF5350;--color-red-dark: #D32F2F;--color-red-light: #3D1A1A;--color-success: #4CAF50;--color-success-dark: #2E7D32;--color-success-light: #1A3D1A;--color-warning: #FFB74D;--color-warning-dark: #F57C00;--color-warning-light: #3D2A1A;--color-info: #64B5F6;--color-info-dark: #1976D2;--color-info-light: #1A2A3D;--color-navy-primary: #64B5F6;--color-navy-dark: #90CAF9;--color-navy-darker: #1E293B;--color-navy-light: #BBDEFB;--color-white: #0F172A;--color-off-white: #1E293B;--color-grey-50: #1E293B;--color-grey-100: #334155;--color-grey-200: #475569;--color-grey-300: #64748B;--color-grey-400: #94A3B8;--color-grey-500: #CBD5E1;--color-grey-600: #E2E8F0;--color-grey-700: #F1F5F9;--color-grey-800: #F8FAFC;--color-grey-900: #FFFFFF;--color-text-primary: #F1F5F9;--color-text-secondary: #94A3B8;--color-text-tertiary: #64748B;--color-text-disabled: #475569;--color-text-inverse: #0F172A;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-lift: 0 4px 12px rgba(0, 0, 0, .4);--shadow-hover: 0 8px 24px rgba(0, 151, 167, .2)}}@media print{:root{--color-text-primary: #000000;--color-text-secondary: #333333;--shadow-sm: none;--shadow-md: none;--shadow-lg: none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--btn-padding-y-md) var(--btn-padding-x-md);border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;user-select:none;-webkit-user-select:none}.btn-primary{background:var(--color-red-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-red-dark);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary:focus:not(:disabled){outline:none;box-shadow:var(--color-red-primary) 0 0 0 3px}.btn-secondary{background:var(--color-navy-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--color-navy-light);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary:focus:not(:disabled){outline:none;box-shadow:var(--color-navy-primary) 0 0 0 3px}.btn-outline{background:transparent;color:var(--color-red-primary);border:2px solid var(--color-red-primary);box-shadow:none}.btn-outline:hover:not(:disabled){background:var(--color-red-light);border-color:var(--color-red-dark);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.btn-outline:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:transparent;color:var(--color-red-primary);box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--color-grey-100);color:var(--color-red-dark)}.btn-ghost:active:not(:disabled){background:var(--color-grey-200)}.btn-danger{background:var(--color-critical);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background:var(--color-critical-dark);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-danger:focus:not(:disabled){outline:none;box-shadow:var(--color-critical) 0 0 0 3px}.btn-success{background:var(--color-success);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background:var(--color-success-dark);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-sm{padding:var(--btn-padding-y-sm) var(--btn-padding-x-sm);font-size:var(--text-xs)}.btn-lg{padding:var(--btn-padding-y-lg) var(--btn-padding-x-lg);font-size:var(--text-base);height:var(--btn-height-lg)}.btn-block{width:100%;display:flex;justify-content:center}.btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;transform:none!important}.btn.btn-loading{color:transparent;pointer-events:none}.btn.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--color-white);border:1px solid var(--color-grey-200);border-radius:var(--radius-lg);padding:var(--card-padding-md);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-grey-300)}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.card--compact{padding:var(--card-padding-sm)}.card--expanded{padding:var(--card-padding-lg)}.card--elevated{box-shadow:var(--shadow-lg)}.card--glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.card--error{background:var(--color-critical-light);border-color:var(--color-critical)}.card--warning{background:var(--color-warning-light);border-color:var(--color-warning)}.card--success{background:var(--color-success-light);border-color:var(--color-success)}.card--info{background:var(--color-info-light);border-color:var(--color-info)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-grey-200)}.card-header h3,.card-header h4{margin:0;color:var(--color-navy-dark);font-size:var(--text-lg);font-weight:var(--font-semibold)}.card-header-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.card-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.card-body p{margin:0;color:var(--color-text-primary);font-size:var(--text-base);line-height:var(--line-height-base)}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-grey-200)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-navy-dark);text-transform:uppercase;letter-spacing:.5px}.form-label.required:after{content:" *";color:var(--color-critical)}.form-input,.form-select,.form-textarea{padding:var(--input-padding-y) var(--input-padding-x);border:var(--input-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-white);transition:all var(--transition-fast)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-tertiary)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-red-primary);box-shadow:0 0 0 3px #e306131a;background:var(--color-white)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--color-grey-100);color:var(--color-text-tertiary);cursor:not-allowed;opacity:var(--opacity-disabled)}.form-input--error,.form-select--error,.form-textarea--error{border-color:var(--color-critical)}.form-input--error:focus,.form-select--error:focus,.form-textarea--error:focus{box-shadow:0 0 0 3px #dc26261a}.form-textarea{min-height:100px;resize:vertical}.form-help{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.form-error{font-size:var(--text-sm);color:var(--color-critical);margin-top:var(--spacing-xs)}.form-success{font-size:var(--text-sm);color:var(--color-success);margin-top:var(--spacing-xs)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:var(--color-red-light);color:var(--color-red-dark)}.badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-critical{background:var(--color-critical-light);color:var(--color-critical-dark)}.badge-info{background:var(--color-info-light);color:var(--color-info-dark)}.badge-grey{background:var(--color-grey-200);color:var(--color-text-secondary)}.alert{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);border-left:4px solid;align-items:flex-start}.alert-icon{flex-shrink:0;font-size:var(--text-xl);line-height:1}.alert-content{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.alert-title{font-weight:var(--font-semibold);font-size:var(--text-sm)}.alert-message{font-size:var(--text-sm);line-height:var(--line-height-base)}.alert-close{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:var(--text-lg);opacity:.7;transition:opacity var(--transition-fast)}.alert-close:hover{opacity:1}.alert-success{background:var(--color-success-light);border-color:var(--color-success);color:var(--color-success-dark)}.alert-warning{background:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning-dark)}.alert-critical{background:var(--color-critical-light);border-color:var(--color-critical);color:var(--color-critical-dark)}.alert-info{background:var(--color-info-light);border-color:var(--color-info);color:var(--color-info-dark)}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-family);font-weight:var(--font-bold);color:var(--color-navy-dark);line-height:var(--line-height-lg)}h1{font-size:var(--text-4xl);margin-bottom:var(--spacing-lg)}h2{font-size:var(--text-3xl);margin-bottom:var(--spacing-lg)}h3{font-size:var(--text-2xl);margin-bottom:var(--spacing-md)}h4{font-size:var(--text-xl);margin-bottom:var(--spacing-md)}h5{font-size:var(--text-lg);margin-bottom:var(--spacing-md)}h6{font-size:var(--text-base);margin-bottom:var(--spacing-md)}p{margin:0;color:var(--color-text-primary);font-size:var(--text-base);line-height:var(--line-height-base)}.text-sm{font-size:var(--text-sm);line-height:var(--line-height-sm)}.text-xs{font-size:var(--text-xs);line-height:var(--line-height-xs)}.text-lg{font-size:var(--text-lg);line-height:var(--line-height-lg)}.text-muted{color:var(--color-text-secondary)}.text-light{color:var(--color-text-tertiary)}.text-error{color:var(--color-critical)}.flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between;align-items:center}.flex-start{justify-content:flex-start}.flex-end{justify-content:flex-end}.flex-gap-sm{gap:var(--spacing-sm)}.flex-gap-md{gap:var(--spacing-md)}.flex-gap-lg{gap:var(--spacing-lg)}.grid{display:grid}.grid-gap-md{gap:var(--spacing-md)}.grid-gap-lg{gap:var(--spacing-lg)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}:focus-visible{outline:2px solid var(--color-red-primary);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 1400px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.flex-column-mobile{flex-direction:column}.hide-mobile{display:none}}@media (max-width: 480px){.card{padding:var(--card-padding-sm)}.btn{width:100%;justify-content:center}.alert{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;height:100%;overflow:auto}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-off-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base);margin:0;padding:0;height:auto;min-height:100%}#root{display:flex;flex-direction:column;min-height:100vh}::selection{background-color:var(--color-red-primary);color:var(--color-text-inverse)}::-moz-selection{background-color:var(--color-red-primary);color:var(--color-text-inverse)}a{color:var(--color-red-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-red-dark);text-decoration:underline}a:active{color:var(--color-red-darker)}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-grey-100);padding:2px 6px;border-radius:var(--radius-sm);color:var(--color-navy-dark)}pre{background:var(--color-grey-100);border:1px solid var(--color-grey-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--spacing-lg)}pre code{background:none;padding:0;color:inherit}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.container-sm{max-width:800px}.container-md{max-width:1000px}.container-lg{max-width:1400px}.content-wrapper{padding:var(--spacing-2xl) var(--spacing-lg)}.section{margin-bottom:var(--spacing-3xl)}.section:last-child{margin-bottom:0}.offline-banner{background:var(--color-critical);color:var(--color-text-inverse);padding:var(--spacing-md) var(--spacing-lg);text-align:center;font-weight:var(--font-semibold);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-notification);box-shadow:var(--shadow-md);animation:slideDown var(--transition-fast) ease-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.loading{display:inline-block;width:20px;height:20px;border:3px solid var(--color-grey-300);border-top-color:var(--color-red-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--color-text-secondary)}.loading-spinner p{margin:0}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width: 1400px){.container{padding:0 var(--spacing-lg)}.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.container{padding:0 var(--spacing-md)}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){html{font-size:16px}body{font-size:var(--text-base)}.container{padding:0 var(--spacing-md)}.content-wrapper{padding:var(--spacing-xl) var(--spacing-md)}.grid-2,.grid-3,.grid-4,.grid-auto{grid-template-columns:1fr}.hide-tablet{display:none!important}}@media (max-width: 480px){html{font-size:14px}body{font-size:var(--text-sm)}.container{padding:0 var(--spacing-md)}.content-wrapper{padding:var(--spacing-lg) var(--spacing-md)}.hide-mobile{display:none!important}.offline-banner{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm)}}@media (max-width: 360px){.container{padding:0 var(--spacing-sm)}.content-wrapper{padding:var(--spacing-md) var(--spacing-sm)}}:root{--color-primary: #0097A7;--color-primary-dark: #00838F;--color-primary-light: #00ACC1;--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #F1F5F9;--bg-hover: #E2E8F0;--bg-overlay: rgba(15, 23, 42, .8);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-danger: #D32F2F;--border: #E2E8F0;--border-hover: #CBD5E1;--border-focus: #0097A7;--color-success: #2E7D32;--color-warning: #F57C00;--color-danger: #D32F2F;--color-info: #1976D2;--color-amber: #F57C00;--color-stop: #D32F2F;--color-continue: #2E7D32;--color-emergency: #EF5350;--color-priority: #EF5350;--color-badge: #1F2937;--color-highlight: rgba(0, 151, 167, .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-teal: 0 8px 24px rgba(0, 151, 167, .15);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", Consolas, "Courier New", monospace;--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-xxl: 1.5rem;--font-xxxl: 2rem;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060}html{color-scheme:light}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary);line-height:1.6;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}.theme-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.theme-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.theme-card-header{border-bottom:1px solid var(--border);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}.theme-btn{font-family:var(--font-display);font-size:var(--font-sm);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.theme-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.theme-btn:active{transform:translateY(0)}.theme-btn-primary{background:linear-gradient(135deg,#0097a7,#00838f);color:#fff}.theme-btn-primary:hover{background:linear-gradient(135deg,#00acc1,#0097a7);box-shadow:var(--shadow-teal)}.theme-btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.theme-btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--color-primary)}.theme-btn-danger{background:linear-gradient(135deg,#d32f2f,#c62828);color:#fff}.theme-btn-danger:hover{background:linear-gradient(135deg,#e53935,#d32f2f)}.theme-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em}.theme-badge-danger{background-color:var(--color-danger);color:#fff}.theme-badge-warning{background-color:var(--color-warning);color:#fff}.theme-badge-success{background-color:var(--color-success);color:#fff}.theme-badge-info{background-color:var(--color-info);color:#fff}.theme-badge-stop{background-color:var(--color-stop);color:#fff}.theme-badge-amber{background-color:var(--color-amber);color:#fff}.theme-badge-continue{background-color:var(--color-continue);color:#fff}.theme-badge-primary{background-color:var(--color-primary);color:#fff}.theme-input,.theme-select,.theme-textarea{background-color:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--font-md);transition:all var(--transition-fast);width:100%}.theme-input:hover,.theme-select:hover,.theme-textarea:hover{border-color:var(--border-hover)}.theme-input:focus,.theme-select:focus,.theme-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--color-highlight)}.theme-table{width:100%;border-collapse:collapse;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.theme-table th,.theme-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--border)}.theme-table th{background-color:var(--bg-tertiary);font-family:var(--font-display);font-weight:600;color:var(--text-secondary);font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.05em}.theme-table tbody tr:hover{background-color:var(--bg-secondary)}.theme-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.theme-modal{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-danger{color:var(--text-danger)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.text-teal{color:var(--color-primary)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-danger{background-color:var(--color-danger)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-teal{background-color:var(--color-primary)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.theme-loading{display:inline-block;width:20px;height:20px;border:3px solid var(--border);border-radius:50%;border-top-color:var(--color-primary);animation:theme-spin 1s ease-in-out infinite}@keyframes theme-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){:root{--font-md: .875rem;--font-lg: 1rem;--font-xl: 1.125rem;--font-xxl: 1.25rem;--font-xxxl: 1.5rem}.theme-card{padding:var(--spacing-md)}}.dark-theme,[data-theme=dark]{--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-tertiary: #334155;--bg-hover: #475569;--bg-overlay: rgba(0, 0, 0, .9);--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--text-danger: #EF5350;--border: #334155;--border-hover: #475569;--border-focus: #00ACC1;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--shadow-teal: 0 8px 24px rgba(0, 151, 167, .25);--color-highlight: rgba(0, 172, 193, .2);color-scheme:dark}.dark-theme body,[data-theme=dark] body{background-color:var(--bg-primary);color:var(--text-primary)}.dark-theme ::-webkit-scrollbar-track,[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-primary)}.dark-theme ::-webkit-scrollbar-thumb,[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--bg-tertiary)}.dark-theme ::-webkit-scrollbar-thumb:hover,[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}:root{--color-primary: #0097A7;--color-primary-hover: #00ACC1;--color-primary-dark: #00838F;--bg-primary: #0B1120;--bg-secondary: #141D2B;--bg-tertiary: #1E293B;--bg-hover: #0F1624;--text-primary: #FFFFFF;--text-secondary: #94A3B8;--text-muted: #64748B;--border: #1E293B;--border-hover: #334155;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #DC2626;--color-info: #3B82F6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--transition-fast: .15s ease-in-out;--transition-normal: .2s ease-in-out;--z-dropdown: 1000;--z-fixed: 1030;--z-modal: 1040}.dashboard-layout *{margin:0;padding:0;box-sizing:border-box}.dashboard-header{background-color:var(--bg-secondary);color:var(--text-primary);padding:var(--spacing-md);border-bottom:1px solid var(--border);position:relative;margin-top:0}.dashboard-header h1{font-size:24px;font-family:Outfit,-apple-system,sans-serif;font-weight:700;display:flex;align-items:center;gap:var(--spacing-sm)}.dashboard-content{background-color:var(--bg-primary);color:var(--text-primary);min-height:calc(100vh - 200px)}.shared-nav-container{position:fixed;top:0;left:0;right:0;background-color:var(--bg-secondary);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:var(--z-fixed);padding:var(--spacing-sm) var(--spacing-md)}.shared-nav-header{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.nav-logo{display:flex;align-items:baseline;gap:var(--spacing-sm);cursor:pointer;font-size:20px;font-weight:700;text-decoration:none}.nav-logo .go{color:var(--text-primary)}.nav-logo .north-east{color:var(--color-primary)}.nav-system-badge{font-size:12px;color:var(--text-secondary);font-weight:400;padding-left:10px;border-left:2px solid var(--border);margin-left:5px}.nav-dashboard-switcher{display:flex;gap:var(--spacing-sm)}.nav-btn{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.nav-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover);transform:translateY(-1px)}.nav-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.nav-quick-actions{display:flex;gap:var(--spacing-sm)}.nav-action-btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;transition:all var(--transition-fast);text-decoration:none;display:inline-block}.nav-action-btn.emergency{background-color:var(--color-danger);color:#fff}.nav-action-btn:not(.emergency){background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-action-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.floating-quick-panel{position:fixed;right:-300px;top:80px;width:280px;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg) 0 0 var(--radius-lg);box-shadow:var(--shadow-lg);transition:right .3s ease;z-index:var(--z-dropdown)}.floating-quick-panel.active{right:0}.panel-toggle-btn{position:absolute;left:-40px;top:20px;width:40px;height:40px;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md) 0 0 var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px}.quick-panel-content{padding:var(--spacing-md)}.quick-panel-content h4{font-size:14px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:15px;font-weight:600}.quick-btn{width:100%;padding:12px;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;margin-bottom:10px;transition:all var(--transition-fast);text-decoration:none;display:block;text-align:center}.quick-btn.emergency{background-color:var(--color-danger);color:#fff}.quick-btn.primary{background-color:var(--color-primary);color:#fff}.quick-btn:hover{transform:translate(-2px);box-shadow:var(--shadow-md)}.live-badge{background-color:var(--color-success);color:#fff;padding:2px 8px;border-radius:9999px;font-size:10px;font-weight:600;animation:pulse 2s infinite}.header-stats{display:flex;justify-content:center;gap:30px;padding:15px;background-color:var(--bg-tertiary);margin-top:-20px;position:relative;z-index:10;border-radius:var(--radius-md);border:1px solid var(--border)}.header-stat{display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px;color:var(--text-secondary)}.header-stat strong{font-size:16px;font-weight:600;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:var(--spacing-md)}.container{padding:var(--spacing-md)}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:20px}.loading{text-align:center;padding:40px;color:var(--text-secondary)}.spinner{border:3px solid var(--bg-tertiary);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 20px}.empty-state{text-align:center;padding:60px;color:var(--text-secondary);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);margin:20px;box-shadow:var(--shadow-md)}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-secondary);border-top:1px solid var(--border);box-shadow:0 -2px 10px #0000004d;padding:8px 0;z-index:var(--z-dropdown);justify-content:space-around;align-items:center}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;text-decoration:none;color:var(--text-secondary);font-size:11px;border:none;background:none;cursor:pointer;transition:all var(--transition-fast)}.mobile-nav-item:hover{color:var(--color-primary)}.mobile-icon{font-size:20px;margin-bottom:4px}.mobile-emergency{background-color:var(--color-danger);color:#fff;border-radius:50%;width:56px;height:56px;margin:-20px 0 0}@media (max-width: 768px){.shared-nav-container{padding:10px}.shared-nav-header{flex-direction:column;gap:var(--spacing-sm)}.nav-dashboard-switcher,.nav-quick-actions{display:none}.mobile-bottom-nav{display:flex}.dashboard-content{padding-bottom:80px}.header-stats{display:none}.stats-grid{padding:10px;gap:var(--spacing-sm)}.breakdown-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-scale{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes pulse-border{0%,to{border-color:#ef4444}50%{border-color:#dc2626}}@keyframes blink{0%,to{opacity:1}50%{opacity:.7}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-10px)}75%{transform:translateY(-5px)}}@keyframes slideDownCenter{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes slideUpCenter{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-100%);opacity:0}}@keyframes pulse-green{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes pulse-red{0%{box-shadow:0 0 #ef444480}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes pulse-amber{0%{box-shadow:0 0 #f59e0b80}70%{box-shadow:0 0 0 10px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 2s infinite}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-fade-out{animation:fadeOut .3s ease-out}.animate-slide-down{animation:slideDown .3s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.loading-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0 40px);background-size:1000px 100%}.transition-all{transition:all .3s ease}.transition-transform{transition:transform .3s ease}.transition-opacity{transition:opacity .3s ease}.transition-colors{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.hover-scale:hover{transform:scale(1.02)}.hover-scale-sm:hover{transform:scale(1.01)}.hover-scale-lg:hover{transform:scale(1.05)}.active-scale:active{transform:scale(.98)}.hover-shadow:hover{box-shadow:0 4px 12px #00000026}.hover-shadow-lg:hover{box-shadow:0 8px 20px #0003}.engineering-dashboard .dashboard-header,.engineering-dashboard-header{background-image:none!important;background:var(--bg-secondary)!important;background-color:var(--bg-secondary)!important}.engineering-dashboard{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}.gradient-bg,.gradient-header,.bg-gradient{background-image:none!important;background:var(--bg-secondary)!important}.performance-metrics .metric-card{background:var(--bg-secondary)!important;background-image:none!important;border:1px solid var(--border)!important}.engineering-dashboard .connection-bar{background:var(--bg-tertiary)!important;background-image:none!important}[class*=gradient],[style*=gradient]{background-image:none!important}.bg-gradient-to-r,.bg-gradient-to-l,.bg-gradient-to-t,.bg-gradient-to-b,.bg-gradient-to-br,.bg-gradient-to-bl,.bg-gradient-to-tr,.bg-gradient-to-tl,.from-purple-600,.to-red-500,.from-purple-500,.to-pink-500{background-image:none!important;background:var(--bg-secondary)!important}.engineering-dashboard *{--tw-gradient-from: transparent !important;--tw-gradient-to: transparent !important;--tw-gradient-stops: transparent !important}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.activity-feed-sidebar .live-activity-feed.embedded{width:100%!important;position:relative!important;right:auto!important;top:auto!important;max-width:100%!important}.home-page .main-content-grid{display:grid!important;grid-template-columns:1fr 420px!important;gap:30px!important;max-width:1400px!important;margin:0 auto!important;width:100%!important;align-items:start!important}.home-page .activity-feed-sidebar{position:-webkit-sticky!important;position:sticky!important;top:100px!important;height:-webkit-fit-content!important;height:fit-content!important;max-height:calc(100vh - 120px)!important;background:transparent!important;padding:0!important;box-shadow:none!important;border:none!important}.home-page .content-area{display:flex;flex-direction:column;gap:30px}.home-page .hero{margin-bottom:30px!important}.home-page .quick-stats{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:16px!important;margin-bottom:25px!important}.home-page .stat-card{padding:20px!important}.home-page .quick-action-buttons{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:12px!important;margin-bottom:30px!important;max-width:none!important}.home-page .quick-action-btn{padding:15px 16px!important;font-size:.9rem!important}.home-page .quick-links{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:20px!important;margin-bottom:30px!important;max-width:none!important;justify-content:stretch!important}.home-page .quick-link-card{padding:30px 20px!important;min-height:200px!important}.activity-feed:not(.live-activity-feed){display:none!important}@media (max-width: 1200px){.home-page .main-content-grid{grid-template-columns:1fr 380px!important}}@media (max-width: 1024px){.home-page .main-content-grid{grid-template-columns:1fr!important;gap:20px!important}.home-page .activity-feed-sidebar{position:static!important;margin-top:30px!important;max-height:600px!important}}@media (max-width: 768px){.home-page .quick-action-buttons{grid-template-columns:repeat(2,1fr)!important}.home-page .quick-links{grid-template-columns:1fr!important}.home-page .quick-stats{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 1023px){.minimal-header-logo{position:static;margin-right:auto}.user-menu-trigger .user-name{display:none}.user-menu-dropdown{width:100vw;max-width:360px;right:0;top:56px;max-height:calc(100vh - 60px);overflow-y:auto}.main-container{padding:12px}.dsm-container{max-width:100%;margin:8px;max-height:calc(100vh - 16px);border-radius:12px}.dsm-cards-grid{grid-template-columns:1fr 1fr;gap:12px}.dsm-card{padding:16px 16px 14px}.dsm-confirm-card{flex-direction:column;text-align:center;padding:24px;gap:16px}.dsm-details-grid{grid-template-columns:1fr;gap:10px}.dsm-confirm-actions{flex-direction:column}.dsm-btn{width:100%;justify-content:center}.fleet-modal-content,.fleet-selection-modal{max-width:100%;width:calc(100vw - 24px);margin:12px}.wizard-container,.breakdown-guide-container{padding:12px}.wizard-button-group{flex-direction:column;gap:8px}.wizard-button-group button{width:100%;min-height:48px}.sdc-breakdown-grid{grid-template-columns:1fr}.sdc-card-actions{flex-wrap:wrap}.lp-login-panel{width:calc(100vw - 24px);max-width:360px}.modal-overlay>div,.rvm-dialog,.rts-dialog,.dem-modal,.change-password-modal{max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow-y:auto}button,a,[role=button],[role=tab],[role=menuitem],input[type=checkbox],input[type=radio],select,.notification-item{min-height:44px}}@media (max-width: 767px){.dsm-cards-grid{grid-template-columns:1fr}.dsm-card-code{font-size:18px}.dsm-time-value{font-size:14px}.eta-summary-grid{grid-template-columns:1fr 1fr}.sc-depot-cards{grid-template-columns:1fr}.sc-engineer-row{flex-wrap:wrap;gap:8px}.ep-export-content,.mgmt-two-column-layout{grid-template-columns:1fr}.mgmt-period-buttons{flex-wrap:wrap;gap:6px}.mgmt-period-btn{font-size:12px;padding:6px 10px}.app-footer{display:none}}@media print{.minimal-user-menu,.minimal-header-logo,.skip-link,.notification-panel,.quick-feedback,.duty-notes-widget,button,nav{display:none!important}.main-container{padding:0;margin:0}}