:root{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-secondary:#f43f5e;--color-secondary-hover:#e11d48;--color-background-dark:#0f172a;--color-surface-dark:#1e293b;--color-text-light:#f8fafc;--color-text-muted:#94a3b8;--color-border-dark:#334155;--font-family-base:"Inter", system-ui, -apple-system, sans-serif;--transition-fast:.15s ease;--transition-normal:.3s ease;--shadow-premium:0 10px 15px -3px #0000004d, 0 4px 6px -4px #0000004d;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--sidebar-width:260px;--sidebar-collapsed-width:80px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);background-color:var(--color-background-dark);color:var(--color-text-light);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-base);letter-spacing:-.025em;margin-bottom:.5rem;font-weight:700;line-height:1.2}h1{font-size:2.25rem}h2{font-size:1.875rem}p{color:var(--color-text-muted)}a{color:inherit;text-decoration:none}.app-layout{min-height:100vh;display:flex}.main-content{transition:margin-left var(--transition-normal);flex-direction:column;flex:1;padding:2rem;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--color-surface-dark);border-right:1px solid var(--color-border-dark);height:100vh;transition:width var(--transition-normal);z-index:50;box-shadow:var(--shadow-premium);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-x:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{border-bottom:1px solid var(--color-border-dark);justify-content:space-between;align-items:center;height:70px;min-height:70px;padding:0 1.5rem;display:flex}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.sidebar-menu{flex-direction:column;flex:1;gap:.5rem;padding:1rem 0;display:flex;overflow-y:auto}.menu-item{color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-weight:500;display:flex}.sidebar.collapsed .menu-item{justify-content:center;padding:.75rem 0}.menu-item:hover,.menu-item.active{color:var(--color-text-light);border-right:3px solid var(--color-primary);background-color:#ffffff0d}.menu-item.sub-item{opacity:.8;padding-left:3.5rem;font-size:.9rem}.sidebar.collapsed .menu-item.sub-item{display:none}.menu-title-wrapper{justify-content:space-between;align-items:center;width:100%;display:flex}.menu-icon{justify-content:center;min-width:24px;display:flex}.content-area{margin-left:var(--sidebar-width);transition:margin-left var(--transition-normal);min-height:100vh;width:calc(100% - var(--sidebar-width));flex-direction:column;display:flex}.content-area.collapsed{margin-left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width))}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-premium);border-radius:1rem;padding:1.5rem}.btn{transition:all var(--transition-fast);cursor:pointer;border:none;border-radius:.5rem;outline:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-icon{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.5rem;display:inline-flex}.btn-icon:hover{color:var(--color-text-light);background-color:#ffffff1a}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 6px -1px #3b82f680}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px #3b82f680}.btn-primary:active{transform:translateY(0)}.hero-gradient{background:linear-gradient(135deg, var(--color-surface-dark) 0%, var(--color-background-dark) 100%);position:relative;overflow:hidden}.hero-gradient:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#3b82f626 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.relative{z-index:1;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s forwards fadeIn}.mobile-menu-btn{display:none}@media (width<=768px){.content-area,.content-area.collapsed{width:100%!important;margin-left:0!important}.sidebar{z-index:1000;transform:translate(-100%);width:260px!important}.sidebar.mobile-open{transform:translate(0)}.sidebar.mobile-open.collapsed{width:260px!important}.main-content{padding:.5rem!important}.glass-panel{padding:1rem!important}table{white-space:nowrap;width:100%;display:block;overflow-x:auto}.hidden-mobile{display:none!important}.mobile-menu-btn{display:inline-flex!important}}.sidebar-mobile-overlay{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0}body{background-color:var(--color-background,#f3f4f6)}.print-container{color:#000;background-color:#fff;max-width:1000px;margin:0 auto;padding:2rem;font-family:Arial,sans-serif}.print-header{border-bottom:2px solid #000;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.header-left h1{text-transform:uppercase;margin:0 0 .5rem;font-size:1.5rem}.header-left h2{margin:0 0 .2rem;font-size:1.2rem}.header-left h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:400}.header-left p{color:#555;margin:0;font-size:.9rem}.header-right.box-signature{border:1px solid #000;flex-direction:column;justify-content:space-between;width:250px;padding:.5rem;display:flex}.box-title{font-size:.8rem;font-weight:700}.box-line{border-bottom:1px solid #ccc;margin-top:1.5rem}.box-date{margin-top:.5rem;font-size:.8rem}.print-instructions{background-color:#fce4e4;border:1px solid #000;margin-bottom:2rem;padding:1rem}.mission-group{page-break-inside:avoid;margin-bottom:3rem}.mission-title{background-color:#e5e7eb;border:1px solid #000;border-bottom:none;padding:.5rem;font-size:1.2rem;font-weight:700}.print-table{border-collapse:collapse;width:100%}.print-table th,.print-table td{text-align:left;border:1px solid #000;padding:.5rem}.print-table th{background-color:#f9fafb;font-weight:700}.check-box{border:2px solid #000;width:20px;height:20px;margin:0 auto}@media print{@page{size:auto;margin:10mm}body{margin:0;background-color:#0000!important}.print-container{width:100%;max-width:none;padding:0}.print-instructions{background-color:#0000;border:2px solid #000}.mission-title{background-color:#0000;border-bottom:1px solid #000}}