:root{--primary-green: #006B3C;--dark-emerald: #003D24;--deep-forest: #002B1A;--card-green: #064E32;--metallic-gold: #D4AF37;--bright-gold: #FFD700;--soft-gold: #F4D675;--white: #FFFFFF;--cream-white: #FFFDF5;--light-gold-bg: #FFF8E5;--primary-text: #123524;--secondary-text: #737373;--success-green: #008F52;--error-red: #D71920;--pending-orange: #E5A000;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: "Playfair Display", Georgia, serif;--sidebar-width: 270px;--header-height: 62px;--bottom-nav-height: 64px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-sm: 0 2px 8px rgba(0, 43, 26, .08);--shadow-md: 0 6px 18px rgba(0, 43, 26, .14);--shadow-lg: 0 12px 32px rgba(0, 43, 26, .22)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{width:100%;min-height:100%;overflow-x:clip;font-size:16px}body{width:100%;min-width:320px;margin:0;font-family:var(--font-body);background-color:var(--cream-white);color:var(--primary-text);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}h1,h2,h3,h4,.font-heading{font-family:var(--font-heading);color:var(--deep-forest);font-weight:700;word-break:break-word}.app-container{display:flex;min-height:100vh;width:100%;position:relative}.main-content{width:100%;min-width:0;max-width:100%;padding:16px;padding-bottom:calc(var(--bottom-nav-height) + 32px);transition:padding .2s ease}.mobile-top-header{display:flex;position:fixed;top:0;left:0;right:0;height:var(--header-height);background:linear-gradient(135deg,var(--deep-forest) 0%,var(--dark-emerald) 100%);border-bottom:1px solid var(--metallic-gold);z-index:900;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:var(--shadow-md)}.header-left{display:flex;align-items:center;gap:12px}.header-hamburger-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#d4af3740,#ffd70026);border:1.5px solid var(--metallic-gold);color:var(--bright-gold);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0;box-shadow:0 2px 8px #0000004d;transition:all .2s ease;touch-action:manipulation}.header-hamburger-btn:hover,.header-hamburger-btn:active{background:linear-gradient(135deg,var(--bright-gold) 0%,var(--metallic-gold) 100%);color:var(--deep-forest);transform:scale(.96);border-color:var(--bright-gold)}.header-hamburger-btn svg{width:20px;height:20px;fill:currentColor;display:block}.header-brand{display:flex;align-items:center;gap:8px;text-decoration:none}.brand-crest-icon{width:26px;height:26px;fill:var(--bright-gold);display:flex;align-items:center;justify-content:center}.brand-crest-icon svg{width:100%;height:100%;fill:currentColor}.brand-wordmark{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--bright-gold);letter-spacing:2px}.header-right{display:flex;align-items:center;gap:12px}.header-icon-btn{position:relative;width:38px;height:38px;border-radius:50%;background:#d4af371f;border:1px solid rgba(212,175,55,.4);display:flex;align-items:center;justify-content:center;color:var(--bright-gold);text-decoration:none;cursor:pointer}.header-icon-btn svg{width:18px;height:18px;fill:currentColor}.badge-unread-dot{position:absolute;top:4px;right:4px;min-width:16px;height:16px;border-radius:8px;background:var(--error-red);color:var(--white);font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px;border:1.5px solid var(--deep-forest)}.astra-sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,var(--deep-forest) 0%,#001F13 100%);border-right:1px solid rgba(212,175,55,.25);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:1000;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-lg)}.sidebar-header{padding:20px 20px 16px;border-bottom:1px solid rgba(212,175,55,.2);display:flex;align-items:center;gap:10px}.sidebar-avatar-panel{padding:16px 20px;background:#00000040;border-bottom:1px solid rgba(212,175,55,.15);display:flex;align-items:center;gap:12px}.sidebar-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--card-green) 0%,var(--primary-green) 100%);border:1.5px solid var(--metallic-gold);color:var(--bright-gold);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.sidebar-user-details{min-width:0;flex:1}.sidebar-user-name{color:var(--white);font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-vip-badge{display:inline-flex;align-items:center;gap:4px;background:#d4af372e;border:1px solid var(--metallic-gold);color:var(--bright-gold);font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:9999px;margin-top:4px}.sidebar-nav{flex:1;padding:16px 12px}.nav-group{margin-bottom:20px}.nav-group-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--metallic-gold);padding:6px 12px 4px;font-weight:700}.nav-list{list-style:none}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-sm);color:#e2e8f0;text-decoration:none!important;font-size:.88rem;font-weight:500;transition:all .2s ease}.nav-link svg{width:18px;height:18px;fill:currentColor;flex-shrink:0}.nav-link:hover{background:#d4af371f;color:var(--bright-gold)}.nav-link.active{background:linear-gradient(135deg,#d4af3740,#006b3c59);color:var(--bright-gold);font-weight:700;border-left:3.5px solid var(--bright-gold)}.sidebar-footer{padding:16px 20px;border-top:1px solid rgba(212,175,55,.2)}.btn-sidebar-logout{width:100%;padding:11px 14px;background:#d7192026;border:1px solid rgba(215,25,32,.4);color:#ffa4a4;font-size:.85rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-sidebar-logout:hover{background:var(--error-red);color:var(--white)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#002b1ab3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:950;opacity:0;transition:opacity .3s ease}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:linear-gradient(180deg,#00331E 0%,var(--deep-forest) 100%);border-top:1px solid var(--metallic-gold);display:flex;align-items:stretch;justify-content:space-around;z-index:850;box-shadow:0 -4px 18px #002b1a40;padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none!important;color:#9ca3af;font-size:.72rem;font-weight:600;transition:all .2s ease;touch-action:manipulation;padding:6px 0;position:relative}.bottom-nav-item svg{width:22px;height:22px;fill:currentColor;transition:transform .2s ease}.bottom-nav-item.active{color:var(--bright-gold)}.bottom-nav-item.active svg{transform:translateY(-2px);filter:drop-shadow(0 2px 4px rgba(255,215,0,.4))}.bottom-nav-item.active:before{content:"";position:absolute;top:0;left:20%;right:20%;height:3px;background:var(--bright-gold);border-radius:0 0 3px 3px;box-shadow:0 1px 6px var(--bright-gold)}@media (min-width: 901px){.mobile-top-header,.sidebar-backdrop{display:none!important}.astra-sidebar{transform:none!important}.main-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));max-width:calc(100% - var(--sidebar-width));padding:32px 40px 40px}.mobile-bottom-nav{display:none!important}}@media (max-width: 900px){.mobile-top-header{display:flex}.astra-sidebar{transform:translate(-100%);width:280px;max-width:82vw}.astra-sidebar.open{transform:translate(0)}.sidebar-backdrop.visible{display:block;opacity:1}.main-content{margin-left:0!important;width:100%!important;max-width:100%!important;padding:16px;padding-top:calc(var(--header-height) + 16px);padding-bottom:calc(var(--bottom-nav-height) + 32px)}}.astra-card-signature{position:relative;background:linear-gradient(135deg,var(--deep-forest) 0%,var(--card-green) 60%,var(--dark-emerald) 100%);border:1.5px solid var(--metallic-gold);border-radius:var(--radius-lg);padding:24px;color:var(--white);box-shadow:0 8px 24px #002b1a59;overflow:hidden;margin-bottom:24px}.aircraft-watermark{position:absolute;right:-20px;bottom:-20px;width:280px;height:200px;pointer-events:none;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20500'%20fill='none'%3e%3cg%20opacity='0.12'%3e%3c!--%20Fuselage%20--%3e%3cpath%20d='M120%20250%20C120%20220%20280%20200%20480%20200%20C620%20200%20740%20225%20780%20245%20C790%20250%20790%20255%20780%20260%20C740%20278%20620%20300%20480%20300%20C280%20300%20120%20280%20120%20250%20Z'%20fill='%23D4AF37'/%3e%3c!--%20Cockpit%20Window%20--%3e%3cpath%20d='M720%20235%20C740%20240%20760%20245%20770%20248%20C760%20250%20740%20252%20720%20252%20Z'%20fill='%23FFD700'/%3e%3c!--%20Swept%20Wings%20--%3e%3cpath%20d='M380%20205%20L260%2040%20C250%2025%20270%2020%20290%2035%20L480%20205%20Z'%20fill='%23D4AF37'/%3e%3cpath%20d='M380%20295%20L260%20460%20C250%20475%20270%20480%20290%20465%20L480%20295%20Z'%20fill='%23D4AF37'/%3e%3c!--%20Jet%20Engines%20--%3e%3cellipse%20cx='360'%20cy='130'%20rx='45'%20ry='16'%20fill='%23D4AF37'/%3e%3cellipse%20cx='360'%20cy='370'%20rx='45'%20ry='16'%20fill='%23D4AF37'/%3e%3c!--%20Tail%20Fin%20&%20Stabilizers%20--%3e%3cpath%20d='M160%20220%20L70%2080%20C60%2065%2080%2065%20100%2080%20L210%20220%20Z'%20fill='%23D4AF37'/%3e%3cpath%20d='M150%20250%20L80%20190%20C70%20180%2085%20180%20100%20190%20L180%20250%20Z'%20fill='%23D4AF37'/%3e%3cpath%20d='M150%20250%20L80%20310%20C70%20320%2085%20320%20100%20310%20L180%20250%20Z'%20fill='%23D4AF37'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:right bottom;opacity:.9;z-index:1}.card-signature-content{position:relative;z-index:2}.signature-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.signature-brand-tag{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soft-gold)}.nigeria-badge{display:inline-flex;align-items:center;gap:5px;background:#0000004d;border:1px solid rgba(212,175,55,.5);border-radius:9999px;padding:3px 10px;font-size:.7rem;color:var(--white);font-weight:600}.flag-pill{width:14px;height:10px;display:inline-flex;border-radius:2px;overflow:hidden}.flag-pill span{flex:1;height:100%}.flag-pill .fg-green{background:#008751}.flag-pill .fg-white{background:#fff}.balance-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#fffc;margin-bottom:4px}.balance-value{font-family:var(--font-heading);font-size:clamp(2rem,5vw,2.6rem);font-weight:700;color:var(--bright-gold);line-height:1.15;margin-bottom:20px;word-break:break-word}.signature-btn-group{display:flex;gap:12px;flex-wrap:wrap}.astra-card-secondary{background:var(--white);border:1px solid rgba(212,175,55,.3);border-radius:var(--radius-md);padding:18px;box-shadow:var(--shadow-sm);min-width:0;position:relative}.secondary-stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--secondary-text);margin-bottom:6px}.secondary-stat-value{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--deep-forest);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.astra-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid rgba(212,175,55,.3);box-shadow:var(--shadow-sm);padding:20px;margin-bottom:20px;width:100%;min-width:0}@media (min-width: 768px){.astra-card{padding:28px}}.btn-gold{background:linear-gradient(135deg,var(--bright-gold) 0%,var(--metallic-gold) 100%);color:var(--deep-forest);font-weight:700;padding:11px 20px;border-radius:var(--radius-sm);border:1px solid var(--metallic-gold);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;box-shadow:0 2px 8px #d4af374d;transition:all .2s ease;font-size:.9rem;touch-action:manipulation}.btn-gold:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-emerald{background:var(--dark-emerald);color:var(--white);font-weight:600;padding:11px 20px;border-radius:var(--radius-sm);border:1px solid var(--metallic-gold);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:all .2s ease;font-size:.9rem;touch-action:manipulation}.btn-emerald:hover{background:var(--card-green);border-color:var(--bright-gold)}.badge-status{padding:4px 10px;border-radius:9999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-block;white-space:nowrap}.badge-pending{background:#fff4d9;color:#b27b00;border:1px solid var(--pending-orange)}.badge-completed{background:#e6f8ef;color:var(--success-green);border:1px solid var(--success-green)}.badge-failed{background:#fde8e8;color:var(--error-red);border:1px solid var(--error-red)}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.table-responsive{overflow-x:visible}table.mc-table{min-width:0!important;width:100%!important;border:0!important}table.mc-table thead,table.mc-table tr.mc-header-row{display:none!important}table.mc-table,table.mc-table tbody,table.mc-table tr,table.mc-table td{display:block;width:100%}table.mc-table tr{background:#fff;border:1px solid #ECECEC!important;border-radius:12px;box-shadow:0 2px 8px #0f2d1e0f;margin-bottom:12px;padding:6px 14px}table.mc-table td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0!important;border:0!important;border-bottom:1px dashed #EEE!important;text-align:right!important;word-break:break-word}table.mc-table td:last-child{border-bottom:0!important}table.mc-table td:before{content:attr(data-label);flex:0 0 auto;max-width:45%;text-align:left;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--secondary-text, #6B7280)}table.mc-table td[data-label=""]:before{content:none}table.mc-table td[data-label=""]{justify-content:flex-end}table.mc-table td.mc-full{display:block;text-align:center!important}table.mc-table td.mc-full:before{content:none}table.mc-table td>*{max-width:100%}table.mc-table td button,table.mc-table td .btn-gold,table.mc-table td a.btn-gold{flex-shrink:0}}
