.cl{outline:1px solid blue}:root{--navy-50: #f0f3f9;--navy-100: #dce3f0;--navy-200: #b9c7e1;--navy-300: #96acd2;--navy-400: #7390c3;--navy-500: #5567a8;--navy-600: #3b4986;--navy-700: #2d3866;--navy-800: #1f2647;--navy-900: #12182d;--gold-50: #fffcf5;--gold-100: #fff8e6;--gold-200: #fff0cc;--gold-300: #ffe799;--gold-400: #ffd966;--gold-500: #fec923;--gold-600: #e5b520;--gold-700: #cc9f1c;--gold-800: #998718;--success: #10b981;--success-light: #d1fae5;--success-dark: #047857;--warning: #f59e0b;--warning-light: #fef3c7;--warning-dark: #d97706;--error: #ef4444;--error-light: #fee2e2;--error-dark: #dc2626;--info: #3b82f6;--info-light: #dbeafe;--info-dark: #1d4ed8;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--font-family: "Inter", -apple-system, system-ui, BlinkMacSystemFont, sans-serif;--font-size-2xs: .6875rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .15);--shadow-2xl: 0 24px 48px rgba(0, 0, 0, .2);--shadow-acrylic: 0 8px 32px rgba(59, 73, 134, .1);--shadow-elevated: 0 16px 40px rgba(59, 73, 134, .12);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--nav-height: 64px;--mobile-nav-height: 68px;--sidebar-width: 320px;--max-width: 1440px;--content-width: 1200px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.6;color:var(--gray-900);background:var(--gray-50);padding-top:var(--nav-height);overflow-x:hidden}@media(max-width:768px){body{padding-bottom:var(--mobile-nav-height)}}a{text-decoration:none;color:var(--info)}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}.fluent-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:radial-gradient(circle,var(--navy-200) 0%,transparent 70%);top:-10%;left:-10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,var(--gold-200) 0%,transparent 70%);bottom:-10%;right:-10%;animation-delay:5s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,var(--info-light) 0%,transparent 70%);top:50%;right:30%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.5rem!important}.ml-5{margin-left:3rem!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.5rem!important}.mr-5{margin-right:3rem!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-5{margin-left:3rem!important;margin-right:3rem!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.m-n1{margin:-.25rem!important}.m-n2{margin:-.5rem!important}.m-n3{margin:-1rem!important}.m-n4{margin:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n1{margin-top:-.25rem!important}.mt-n2{margin-top:-.5rem!important}.mt-n3{margin-top:-1rem!important}.mt-n4{margin-top:-1.5rem!important}.mt-n5{margin-top:-3rem!important}.mb-n1{margin-bottom:-.25rem!important}.mb-n2{margin-bottom:-.5rem!important}.mb-n3{margin-bottom:-1rem!important}.mb-n4{margin-bottom:-1.5rem!important}.mb-n5{margin-bottom:-3rem!important}.ml-n1{margin-left:-.25rem!important}.ml-n2{margin-left:-.5rem!important}.ml-n3{margin-left:-1rem!important}.ml-n4{margin-left:-1.5rem!important}.ml-n5{margin-left:-3rem!important}.mr-n1{margin-right:-.25rem!important}.mr-n2{margin-right:-.5rem!important}.mr-n3{margin-right:-1rem!important}.mr-n4{margin-right:-1.5rem!important}.mr-n5{margin-right:-3rem!important}.mx-n1{margin-left:-.25rem!important;margin-right:-.25rem!important}.mx-n2{margin-left:-.5rem!important;margin-right:-.5rem!important}.mx-n3{margin-left:-1rem!important;margin-right:-1rem!important}.mx-n4{margin-left:-1.5rem!important;margin-right:-1.5rem!important}.mx-n5{margin-left:-3rem!important;margin-right:-3rem!important}.my-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-n4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-n5{margin-top:-3rem!important;margin-bottom:-3rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.5rem!important}.pl-5{padding-left:3rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.5rem!important}.pr-5{padding-right:3rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-5{padding-left:3rem!important;padding-right:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.container,.container-fluid{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1140px}}@media(min-width:1400px){.container{max-width:1320px}}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;background:var(--navy-100);color:var(--navy-700)}.badge-success{background:#10b9811a;color:var(--success)}.badge-warning{background:#f59e0b1a;color:#d97706}.badge-error{background:#ef44441a;color:var(--error)}.badge-info{background:#3b82f61a;color:var(--info)}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.row{display:flex;flex-wrap:wrap}.col{flex-basis:0;flex-grow:1;max-width:100%;padding-right:.75rem;padding-left:.75rem}.order-first{order:-1!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-last{order:999!important}@media(min-width:992px){.order-lg-first{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-last{order:999!important}}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{flex-basis:0;flex-grow:1;max-width:100%;padding-right:.75rem;padding-left:.75rem}.col-1{flex:0 0 calc(100% / 12 * 1);max-width:calc(100% / 12 * 1)}.col-2{flex:0 0 calc(100% / 12 * 2);max-width:calc(100% / 12 * 2)}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 calc(100% / 12 * 4);max-width:calc(100% / 12 * 4)}.col-5{flex:0 0 calc(100% / 12 * 5);max-width:calc(100% / 12 * 5)}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 calc(100% / 12 * 7);max-width:calc(100% / 12 * 7)}.col-8{flex:0 0 calc(100% / 12 * 8);max-width:calc(100% / 12 * 8)}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 calc(100% / 12 * 10);max-width:calc(100% / 12 * 10)}.col-11{flex:0 0 calc(100% / 12 * 11);max-width:calc(100% / 12 * 11)}.col-12{flex:0 0 100%;max-width:100%}@media(min-width:576px){.col-sm-1{flex:0 0 calc(100% / 12 * 1);max-width:calc(100% / 12 * 1)}.col-sm-2{flex:0 0 calc(100% / 12 * 2);max-width:calc(100% / 12 * 2)}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 calc(100% / 12 * 4);max-width:calc(100% / 12 * 4)}.col-sm-5{flex:0 0 calc(100% / 12 * 5);max-width:calc(100% / 12 * 5)}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 calc(100% / 12 * 7);max-width:calc(100% / 12 * 7)}.col-sm-8{flex:0 0 calc(100% / 12 * 8);max-width:calc(100% / 12 * 8)}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 calc(100% / 12 * 10);max-width:calc(100% / 12 * 10)}.col-sm-11{flex:0 0 calc(100% / 12 * 11);max-width:calc(100% / 12 * 11)}.col-sm-12{flex:0 0 100%;max-width:100%}}@media(min-width:768px){.col-md-1{flex:0 0 calc(100% / 12 * 1);max-width:calc(100% / 12 * 1)}.col-md-2{flex:0 0 calc(100% / 12 * 2);max-width:calc(100% / 12 * 2)}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 calc(100% / 12 * 4);max-width:calc(100% / 12 * 4)}.col-md-5{flex:0 0 calc(100% / 12 * 5);max-width:calc(100% / 12 * 5)}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 calc(100% / 12 * 7);max-width:calc(100% / 12 * 7)}.col-md-8{flex:0 0 calc(100% / 12 * 8);max-width:calc(100% / 12 * 8)}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 calc(100% / 12 * 10);max-width:calc(100% / 12 * 10)}.col-md-11{flex:0 0 calc(100% / 12 * 11);max-width:calc(100% / 12 * 11)}.col-md-12{flex:0 0 100%;max-width:100%}}@media(min-width:992px){.col-lg-1{flex:0 0 calc(100% / 12 * 1);max-width:calc(100% / 12 * 1)}.col-lg-2{flex:0 0 calc(100% / 12 * 2);max-width:calc(100% / 12 * 2)}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 calc(100% / 12 * 4);max-width:calc(100% / 12 * 4)}.col-lg-5{flex:0 0 calc(100% / 12 * 5);max-width:calc(100% / 12 * 5)}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 calc(100% / 12 * 7);max-width:calc(100% / 12 * 7)}.col-lg-8{flex:0 0 calc(100% / 12 * 8);max-width:calc(100% / 12 * 8)}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 calc(100% / 12 * 10);max-width:calc(100% / 12 * 10)}.col-lg-11{flex:0 0 calc(100% / 12 * 11);max-width:calc(100% / 12 * 11)}.col-lg-12{flex:0 0 100%;max-width:100%}}@media(min-width:1200px){.col-xl-1{flex:0 0 calc(100% / 12 * 1);max-width:calc(100% / 12 * 1)}.col-xl-2{flex:0 0 calc(100% / 12 * 2);max-width:calc(100% / 12 * 2)}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 calc(100% / 12 * 4);max-width:calc(100% / 12 * 4)}.col-xl-5{flex:0 0 calc(100% / 12 * 5);max-width:calc(100% / 12 * 5)}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 calc(100% / 12 * 7);max-width:calc(100% / 12 * 7)}.col-xl-8{flex:0 0 calc(100% / 12 * 8);max-width:calc(100% / 12 * 8)}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 calc(100% / 12 * 10);max-width:calc(100% / 12 * 10)}.col-xl-11{flex:0 0 calc(100% / 12 * 11);max-width:calc(100% / 12 * 11)}.col-xl-12{flex:0 0 100%;max-width:100%}}@media(min-width:1400px){.col-xxl-1{flex:0 0 calc(100% / 12 * 1);max-width:calc(100% / 12 * 1)}.col-xxl-2{flex:0 0 calc(100% / 12 * 2);max-width:calc(100% / 12 * 2)}.col-xxl-3{flex:0 0 25%;max-width:25%}.col-xxl-4{flex:0 0 calc(100% / 12 * 4);max-width:calc(100% / 12 * 4)}.col-xxl-5{flex:0 0 calc(100% / 12 * 5);max-width:calc(100% / 12 * 5)}.col-xxl-6{flex:0 0 50%;max-width:50%}.col-xxl-7{flex:0 0 calc(100% / 12 * 7);max-width:calc(100% / 12 * 7)}.col-xxl-8{flex:0 0 calc(100% / 12 * 8);max-width:calc(100% / 12 * 8)}.col-xxl-9{flex:0 0 75%;max-width:75%}.col-xxl-10{flex:0 0 calc(100% / 12 * 10);max-width:calc(100% / 12 * 10)}.col-xxl-11{flex:0 0 calc(100% / 12 * 11);max-width:calc(100% / 12 * 11)}.col-xxl-12{flex:0 0 100%;max-width:100%}}@media(max-width:575px){.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{padding-right:0!important;padding-left:0!important}}@media(min-width:576px){.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{padding-right:.75rem;padding-left:.75rem}}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}@media(min-width:576px){.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}}@media(min-width:768px){.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}}@media(min-width:992px){.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}}@media(min-width:1200px){.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}}@media(min-width:1400px){.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}}.top-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:#fffc;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-acrylic);z-index:100}.nav-container{max-width:var(--max-width);margin:0 auto;height:100%;padding:0 var(--space-6);display:flex;align-items:center;gap:var(--space-8)}@media(max-width:768px){.nav-container{padding:0 var(--space-4);gap:var(--space-4)}}.brand-logo{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.logo-icon-wrapper svg{width:40px;height:40px;filter:drop-shadow(0 2px 8px rgba(59,73,134,.2))}.brand-text{display:none}@media(min-width:768px){.brand-text{display:flex;flex-direction:column}}.brand-name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--gray-900);line-height:1}.brand-tagline{font-size:var(--font-size-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.search-bar{flex:1;max-width:500px;display:none;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-full);transition:all var(--transition-base)}@media(min-width:1024px){.search-bar{display:flex}}.search-bar:focus-within{background:var(--white);border-color:var(--navy-400);box-shadow:0 0 0 3px #3b49861a}.search-bar i{width:18px;height:18px;color:var(--gray-400)}.search-bar input{flex:1;border:none;background:transparent;font-size:var(--font-size-sm);color:var(--gray-900);outline:none}.search-bar input::placeholder{color:var(--gray-400)}.search-shortcut{padding:2px 6px;background:var(--gray-200);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--gray-500)}.nav-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.action-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);color:var(--gray-600);transition:all var(--transition-fast)}.action-btn:hover{background:var(--gray-100);color:var(--gray-900)}.action-btn i{width:20px;height:20px}.notification-badge{position:absolute;top:8px;right:8px;width:16px;height:16px;background:var(--error);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid white}.profile-dropdown{position:relative}.profile-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);padding-right:var(--space-3);border-radius:var(--radius-full);transition:all var(--transition-base)}.profile-btn:hover{background:var(--gray-100)}.profile-btn img{width:36px;height:36px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--navy-400)}.profile-text{display:none}@media(min-width:768px){.profile-text{display:flex;flex-direction:column;align-items:flex-start}}.profile-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-900);line-height:1.2}.profile-room{font-size:var(--font-size-xs);color:var(--gray-500)}.chevron{width:16px;height:16px;color:var(--gray-400);transition:transform var(--transition-base)}.profile-btn.active .chevron{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + var(--space-2));right:0;width:280px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.95);transition:all var(--transition-base);overflow:hidden}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.dropdown-header{padding:var(--space-5);background:linear-gradient(135deg,var(--navy-600) 0%,var(--navy-700) 100%);display:flex;gap:var(--space-3)}.dropdown-header img{width:48px;height:48px;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.2)}.dropdown-header div{flex:1}.dropdown-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#fff}.dropdown-email{font-size:var(--font-size-xs);color:#ffffffb3}.dropdown-section{padding:var(--space-2)}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-700);transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--gray-100);color:var(--gray-900)}.dropdown-item.danger{color:var(--error)}.dropdown-item.danger:hover{background:var(--error-light)}.dropdown-item i{width:18px;height:18px}.dropdown-divider{height:1px;background:var(--gray-200);margin:var(--space-2) 0}.row-divider{margin:var(--space-6) 0;border:none;height:1px;background:var(--gray-200)}.main-content{min-height:calc(100vh - var(--nav-height));padding:var(--space-8) var(--space-4)}@media(max-width:768px){.main-content{padding:var(--space-6) var(--space-4);padding-bottom:calc(var(--space-6) + var(--mobile-nav-height))}}.content-wrapper{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}.page-header{margin-bottom:var(--space-8)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--gray-500)}.breadcrumbs a{display:flex;align-items:center;color:var(--gray-500);transition:color var(--transition-fast)}.breadcrumbs a:hover{color:var(--navy-600)}.breadcrumbs i{width:16px;height:16px}.separator{width:14px;height:14px}.current{color:var(--gray-900);font-weight:var(--font-weight-medium)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-2)}@media(max-width:640px){.page-title{font-size:var(--font-size-2xl)}}.page-subtitle{font-size:var(--font-size-base);color:var(--gray-600)}.stats-row{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin-bottom:var(--space-10)}@media(min-width:768px){.stats-row{grid-template-columns:repeat(3,1fr)}}.card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-5);transition:all .3s ease;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--navy-600);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card:hover:before{width:100%;opacity:.05;pointer-events:none}.card.primary{border-left:4px solid var(--navy-600);background:linear-gradient(135deg,#3b498605,#3b49860a)}.card.primary:before{background:var(--navy-600)}.card.success{border-left:4px solid var(--success);background:linear-gradient(135deg,#10b98105,#10b9810a)}.card.success:before{background:var(--success)}.card.warning{border-left:4px solid var(--warning);background:linear-gradient(135deg,#f59e0b05,#f59e0b0a)}.card.warning:before{background:var(--warning)}.card.danger{border-left:4px solid var(--error);background:linear-gradient(135deg,#ef444405,#ef44440a)}.card.danger:before{background:var(--error)}.card.info{border-left:4px solid var(--info);background:linear-gradient(135deg,#3b82f605,#3b82f60a)}.card.info:before{background:var(--info)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.card-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl)}.card.primary .card-icon{background:#3b49861a;color:var(--navy-600)}.card.success .card-icon{background:#10b9811a;color:var(--success)}.card.warning .card-icon{background:#f59e0b1a;color:var(--warning)}.card.danger .card-icon{background:#ef44441a;color:var(--error)}.card.info .card-icon{background:#3b82f61a;color:var(--info)}.card-icon i{width:22px;height:22px}.card-body{margin-bottom:var(--space-3)}.card-label{font-size:var(--font-size-xs);color:var(--gray-600);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-2) 0}.card-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin:0 0 var(--space-1) 0}.card-meta{font-size:var(--font-size-sm);color:var(--gray-600);margin:0}.card-footer{border-top:1px solid var(--gray-100);padding-top:var(--space-3)}.card-link{display:flex;align-items:center;justify-content:space-between;color:var(--navy-600);font-weight:var(--font-weight-medium);text-decoration:none;font-size:var(--font-size-sm);transition:all .2s ease}.card-link:hover{color:var(--warning);gap:var(--space-1)}.card-link i{width:16px;height:16px}.progress-mini{flex:1;height:4px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--navy-500),var(--navy-400));border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-text{font-weight:var(--font-weight-medium)}.trend-icon{width:14px;height:14px}.trend-text{font-weight:var(--font-weight-medium)}.h-auto{height:auto!important}.h-100{height:100%!important}.h-50{height:50%!important}.min-h-auto{min-height:auto!important}.min-h-100{min-height:100%!important}.min-h-screen{min-height:100vh!important}.max-h-auto{max-height:auto!important}.max-h-100{max-height:100%!important}.max-h-screen{max-height:100vh!important}.w-auto{width:auto!important}.w-100{width:100%!important}.w-50{width:50%!important}.min-w-auto{min-width:auto!important}.min-w-100{min-width:100%!important}.max-w-auto{max-width:auto!important}.max-w-100{max-width:100%!important}.content-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:1024px){.content-grid{grid-template-columns:1fr 320px}}.section-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.section-card.highlight{background:linear-gradient(135deg,var(--navy-50) 0%,var(--gray-50) 100%);border:1px solid var(--navy-200)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--gray-900)}.btn-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--navy-600);transition:color var(--transition-fast)}.btn-text:hover{color:var(--navy-700)}.actions-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2)}@media(min-width:640px){.actions-grid{grid-template-columns:repeat(2,1fr)}}.action-tile{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;transition:all var(--transition-base)}.action-tile:hover{border-color:transparent;box-shadow:var(--shadow-md);transform:translateY(-2px)}.tile-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tile-icon.blue{background:var(--info-light);color:var(--info-dark)}.tile-icon.gold{background:var(--gold-200);color:var(--gold-800)}.tile-icon.purple{background:#ede9fe;color:#6d28d9}.tile-icon.green{background:var(--success-light);color:var(--success-dark)}.tile-icon.primary{background:#3b49861a;color:var(--navy-600)}.tile-icon.warning{background:#f59e0b1a;color:var(--warning-dark)}.tile-icon.success{background:#10b9811a;color:var(--success-dark)}.tile-icon.info{background:#3b82f61a;color:var(--info-dark)}.tile-icon.secondary{background:#ede9fe;color:#6d28d9}.accordion{padding:var(--space-4);border-radius:var(--radius-lg);border-left:3px solid;cursor:pointer;transition:all var(--transition-base)}.accordion.primary{background:#5f6dad0d;border-left-color:var(--navy-600)}.accordion.warning{background:#5f6dad0d;border-left-color:var(--warning-dark)}.accordion.success{background:#5f6dad0d;border-left-color:var(--success-dark)}.accordion.info{background:#5f6dad0d;border-left-color:var(--info-dark)}.accordion.secondary{background:#5f6dad0d;border-left-color:#6d28d9}.accordion summary{font-weight:var(--font-weight-semibold);color:var(--gray-900);-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.accordion:hover summary{color:var(--navy-700)}.accordion-content{margin-top:var(--space-3);color:var(--gray-700);line-height:1.6}.tile-icon i{width:24px;height:24px}.tile-content{flex:1}.tile-content h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin-bottom:2px}.tile-content p{font-size:var(--font-size-sm);color:var(--gray-600)}.tile-arrow{width:20px;height:20px;color:var(--gray-400);transition:all var(--transition-base)}.action-tile:hover .tile-arrow{color:var(--navy-600);transform:translate(4px)}.activity-list{display:flex;flex-direction:column;gap:var(--space-4)}.activity-item{display:flex;gap:var(--space-4);align-items:flex-start}.activity-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon.success{background:var(--success-light);color:var(--success-dark)}.activity-icon.info{background:var(--info-light);color:var(--info-dark)}.activity-icon.warning{background:var(--warning-light);color:var(--warning-dark)}.activity-icon i{width:18px;height:18px}.activity-content{flex:1}.activity-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin-bottom:2px}.activity-meta{font-size:var(--font-size-sm);color:var(--gray-600)}.activity-time{font-size:var(--font-size-xs);color:var(--gray-500)}.timeline-item.upcoming .timeline-marker{border-color:var(--gray-300)}.btn-text{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:none;border:none;color:var(--navy-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:none;transition:color var(--transition-fast)}.btn-text:hover{color:var(--navy-700);text-decoration:underline}.btn-text:active{color:var(--navy-800)}.btn-text:disabled,.btn-text[disabled]{opacity:.5;cursor:not-allowed;text-decoration:none}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--navy-600),var(--navy-700));color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);border:none;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.btn-primary:hover{background:linear-gradient(135deg,var(--navy-700),var(--navy-800));box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary.full-width{width:100%}.btn-primary i{width:18px;height:18px}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--error),#dc2626);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);border:none;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}.btn-success{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--success),#059669);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);border:none;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success:active{transform:translateY(0)}.btn-warning{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--warning),#d97706);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);border:none;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-warning:active{transform:translateY(0)}.btn-info{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--info),#1d4ed8);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);border:none;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.btn-info:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-info:active{transform:translateY(0)}.link-list{display:flex;flex-direction:column}.link-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--gray-700);transition:all var(--transition-fast)}.link-item:hover{background:var(--gray-100);color:var(--navy-700)}.link-item i{width:18px;height:18px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background:#fff;border-top:1px solid var(--gray-200);box-shadow:0 -4px 16px #00000014;display:flex;justify-content:space-around;padding:var(--space-2);z-index:90}@media(min-width:768px){.mobile-nav{display:none}}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-lg);color:var(--gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);cursor:pointer}.nav-item:hover:not(:disabled){color:var(--navy-500);background:var(--navy-50)}.nav-item.active{color:var(--navy-700);background:var(--navy-50)}.nav-item:disabled,.nav-item[disabled]{color:var(--gray-400);opacity:.5;cursor:not-allowed;pointer-events:none}.nav-item i{width:24px;height:24px}.nav-icon-badge{position:relative}.nav-icon-badge .badge{position:absolute;top:-4px;right:-8px;width:16px;height:16px;background:var(--error);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid white}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-card,.section-card,.action-tile{animation:fadeIn .4s ease-out}.stat-card:nth-child(1){animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid;font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--space-4)}.alert-icon{width:20px;height:20px;flex-shrink:0;margin-top:2px}.alert strong{font-weight:var(--font-weight-semibold);display:block;margin-bottom:var(--space-1)}.alert-primary{background:#3b498614;border-left-color:var(--navy-600);color:var(--navy-800)}.alert-primary .alert-icon{color:var(--navy-600)}.alert-success{background:#10b98114;border-left-color:var(--success);color:#047857}.alert-success .alert-icon{color:var(--success)}.alert-warning{background:#f59e0b14;border-left-color:var(--warning);color:#92400e}.alert-warning .alert-icon{color:var(--warning)}.alert-error{background:#ef444414;border-left-color:var(--error);color:#991b1b}.alert-error .alert-icon{color:var(--error)}.alert-info{background:#3b82f614;border-left-color:var(--info);color:#1e40af}.alert-info .alert-icon{color:var(--info)}.alert-dismissible{padding-right:var(--space-10);position:relative}.alert-close{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;color:inherit;opacity:.5;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);transition:all var(--transition-fast)}.alert-close:hover{opacity:1;background:#0000000d}.alert-close i{width:16px;height:16px}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--font-size-sm)}.table thead{background:var(--gray-50)}.table thead th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);color:var(--gray-700);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--gray-200)}.table thead th:first-child{border-top-left-radius:var(--radius-lg)}.table thead th:last-child{border-top-right-radius:var(--radius-lg)}.table tbody tr{transition:all var(--transition-fast);border-bottom:1px solid var(--gray-100)}.table tbody tr:hover{background:var(--navy-50)}.table tbody td{padding:var(--space-4);color:var(--gray-800);vertical-align:middle}.table tbody td strong{color:var(--gray-900);font-weight:var(--font-weight-semibold)}.table tbody td a{color:var(--navy-600);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.table tbody td a:hover{color:var(--navy-700);text-decoration:underline}@media(max-width:768px){.table{font-size:var(--font-size-xs)}.table thead th,.table tbody td{padding:var(--space-2) var(--space-3)}}.text-start{text-align:left!important}.text-center{text-align:center!important}.text-end{text-align:right!important}.text-justify{text-align:justify!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:800!important}.text-muted{color:var(--gray-600)!important}.text-dark{color:var(--gray-900)!important}.text-light{color:var(--gray-400)!important}.text-white{color:#fff!important}.text-primary{color:var(--navy-600)!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-danger{color:var(--error)!important}.text-info{color:var(--info)!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.fs-xs{font-size:var(--font-size-xs)!important}.fs-sm{font-size:var(--font-size-sm)!important}.fs-base{font-size:var(--font-size-base)!important}.fs-md{font-size:var(--font-size-md)!important}.fs-lg{font-size:var(--font-size-lg)!important}.fs-xl{font-size:var(--font-size-xl)!important}.fs-2xl{font-size:var(--font-size-2xl)!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-break{word-wrap:break-word;word-break:break-word}.text-wrap{word-break:break-word;word-wrap:break-word;overflow-wrap:break-word}.pagination{display:flex;gap:var(--space-2);align-items:center;justify-content:center}.page-link{padding:var(--space-2) var(--space-3);min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-700);background:#fff;transition:all var(--transition-fast);cursor:pointer}.page-link:hover{border-color:var(--navy-500);color:var(--navy-600);background:var(--navy-50)}.page-link.active{border-color:var(--navy-600);background:var(--navy-600);color:#fff}.page-link:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-700);margin-bottom:var(--space-2)}.form-control{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--gray-900);background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-lg);transition:all var(--transition-base)}.form-control:focus{outline:none;border-color:var(--navy-500);box-shadow:0 0 0 3px #3b49861a}.form-control::placeholder{color:var(--gray-400)}.form-control:disabled{background:var(--gray-100);cursor:not-allowed;opacity:.6}select.form-control{cursor:pointer}textarea.form-control{resize:vertical;min-height:100px}.form-text{font-size:var(--font-size-sm);color:var(--gray-600);margin-top:var(--space-2)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.auth-card{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);width:100%;max-width:420px;padding:var(--space-8)}.auth-logo{text-align:center;margin-bottom:var(--space-8)}.auth-logo svg{width:60px;height:60px;margin:0 auto var(--space-4)}.auth-logo h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-2)}.auth-logo p{font-size:var(--font-size-sm);color:var(--gray-600)}.auth-link{text-align:right;margin-top:var(--space-2)}.auth-link a{font-size:var(--font-size-sm);color:var(--navy-600);font-weight:var(--font-weight-semibold);transition:color var(--transition-fast)}.auth-link a:hover{color:var(--navy-700)}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--font-size-sm);color:var(--gray-600)}.auth-footer a{color:var(--navy-600);font-weight:var(--font-weight-semibold)}.otp-inputs{display:flex;gap:var(--space-2);justify-content:center;margin:var(--space-8) 0;flex-wrap:wrap}.otp-input{width:48px;height:48px;min-width:44px;min-height:44px;text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-family:var(--font-family);color:var(--gray-900);background:#fff;border:2px solid var(--gray-300);border-radius:var(--radius-lg);transition:all var(--transition-base)}.otp-input:focus{outline:none;border-color:var(--navy-500);box-shadow:0 0 0 3px #3b49861a}@media(min-width:640px){.otp-inputs{gap:var(--space-3);margin:var(--space-10) 0}.otp-input{width:56px;height:56px;font-size:var(--font-size-2xl)}}.resend-link{text-align:center;margin-top:var(--space-6);font-size:var(--font-size-sm);color:var(--gray-600)}.resend-link a{color:var(--navy-600);font-weight:var(--font-weight-semibold)}.empty-state{background:#fff;border:2px dashed var(--gray-300);border-radius:var(--radius-2xl);padding:var(--space-12);text-align:center}.empty-state-icon{width:120px;height:120px;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--navy-100) 0%,var(--gold-100) 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.empty-state-icon i{width:60px;height:60px;color:var(--navy-600)}.empty-state-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-3)}.empty-state-description{font-size:var(--font-size-base);color:var(--gray-600);margin-bottom:var(--space-8);max-width:500px;margin-left:auto;margin-right:auto}.empty-state-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.info-banner{background:linear-gradient(135deg,var(--navy-600) 0%,var(--navy-700) 100%);border-radius:var(--radius-2xl);padding:var(--space-8);color:#fff;position:relative;overflow:hidden}.info-banner:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(254,201,35,.1) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite}.info-banner-content{position:relative;z-index:1}.info-banner h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.info-banner p{font-size:var(--font-size-base);color:#ffffffe6;margin-bottom:var(--space-6)}.info-banner-features{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-6)}@media(min-width:640px){.info-banner-features{grid-template-columns:repeat(2,1fr)}}.feature-item{display:flex;align-items:flex-start;gap:var(--space-3)}.feature-icon{width:40px;height:40px;background:#ffffff26;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon i{width:20px;height:20px;color:var(--gold-400)}.feature-content h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.feature-content p{font-size:var(--font-size-sm);color:#fffc;margin:0}.timeline{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-6)}.timeline-item{display:flex;gap:var(--space-4);position:relative}.timeline-item:not(:last-child):before{content:"";position:absolute;left:15px;top:32px;bottom:-20px;width:2px;background:var(--gray-200)}.timeline-item.completed:before{background:var(--success)}.timeline-item.active:before{background:var(--navy-500)}.timeline-marker{width:32px;height:32px;border-radius:var(--radius-full);border:3px solid var(--gray-300);background:#fff;flex-shrink:0}.timeline-item.completed .timeline-marker{border-color:var(--success);background:var(--success);position:relative}.timeline-item.completed .timeline-marker:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#fff;border-radius:var(--radius-full)}.timeline-item.active .timeline-marker{border-color:var(--navy-500);background:var(--navy-500);animation:pulse 2s ease-in-out infinite}.timeline-content{flex:1;padding-top:2px}.timeline-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin-bottom:2px}.timeline-date{font-size:var(--font-size-sm);color:var(--gray-600)}@keyframes pulse{0%,to{box-shadow:0 0 #3b498666}50%{box-shadow:0 0 0 8px #3b498600}}.profile-header{background:linear-gradient(135deg,var(--navy-600) 0%,var(--navy-700) 100%);border-radius:var(--radius-2xl);padding:var(--space-8);margin-bottom:var(--space-8);color:#fff;position:relative;overflow:hidden}.profile-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(254,201,35,.1) 0%,transparent 70%)}.profile-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-6)}.profile-avatar-large{width:120px;height:120px;border-radius:var(--radius-full);border:4px solid rgba(255,255,255,.2);object-fit:cover}.profile-info h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.profile-meta{display:flex;gap:var(--space-6);margin-top:var(--space-4)}.profile-meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:#ffffffe6}.profile-meta-item i{width:18px;height:18px}.form-row{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:640px){.form-row{grid-template-columns:repeat(2,1fr)}}.avatar-upload{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.avatar-upload img{width:80px;height:80px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--gray-200)}.avatar-upload-actions{display:flex;gap:var(--space-3)}.invoice-header{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-2xl);padding:var(--space-8);margin-bottom:var(--space-6)}.invoice-header-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:768px){.invoice-header-grid{grid-template-columns:1fr 1fr}}.invoice-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.invoice-logo svg{width:48px;height:48px}.invoice-logo-text h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-900)}.invoice-logo-text p{font-size:var(--font-size-sm);color:var(--gray-600)}.invoice-meta{display:flex;flex-direction:column;gap:var(--space-2)}.invoice-meta-item{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.invoice-meta-label{color:var(--gray-600)}.invoice-meta-value{font-weight:var(--font-weight-semibold);color:var(--gray-900)}.invoice-summary{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-6)}.invoice-summary-row{display:flex;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--gray-200)}.invoice-summary-row:last-child{border-bottom:none}.invoice-total{background:linear-gradient(135deg,var(--navy-600),var(--navy-700));color:#fff;border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-4)}.invoice-total-row{display:flex;justify-content:space-between;align-items:center}.invoice-total-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.invoice-total-amount{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.print-hide{display:block}@media print{.top-nav,.mobile-nav,.breadcrumbs,.print-hide{display:none!important}body{padding:0}.main-content{padding:var(--space-4)}}.modal-trigger-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.modal-trigger-btn{padding:var(--space-4);border:2px solid var(--navy-200);border-radius:var(--radius-lg);background:#fff;cursor:pointer;text-align:center;transition:all var(--transition-base);font-weight:var(--font-weight-semibold);color:var(--navy-600)}.modal-trigger-btn:hover{background:var(--navy-50);border-color:var(--navy-500);transform:translateY(-2px);box-shadow:var(--shadow-md)}.modal-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base)}.modal-overlay.active{display:flex;opacity:1}.modal{background:#fff;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;transform:scale(.95);transition:transform var(--transition-base);position:relative}.modal-overlay.active .modal{transform:scale(1)}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin:0}.modal-subtitle{font-size:var(--font-size-sm);color:var(--gray-600);margin:var(--space-1) 0 0 0}.modal-close{background:none;border:none;font-size:var(--font-size-lg);color:var(--gray-400);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);transition:all var(--transition-base)}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-body p{color:var(--gray-700);line-height:1.6;margin-bottom:var(--space-4)}.modal-footer{padding:var(--space-6);border-top:1px solid var(--gray-200);display:flex;gap:var(--space-3);justify-content:flex-end}.modal-footer button{min-width:120px}.modal.modal-success .modal-header{background:var(--success);border-color:var(--success);color:#fff}.modal.modal-success .modal-title,.modal.modal-success .modal-subtitle{color:#fff}.modal.modal-warning .modal-header{background:var(--warning);border-color:var(--warning);color:#fff}.modal.modal-warning .modal-title,.modal.modal-warning .modal-subtitle{color:#fff}.modal.modal-error .modal-header{background:var(--error);border-color:var(--error);color:#fff}.modal.modal-error .modal-title,.modal.modal-error .modal-subtitle{color:#fff}.modal.modal-info .modal-header{background:var(--info);border-color:var(--info);color:#fff}.modal.modal-info .modal-title,.modal.modal-info .modal-subtitle{color:#fff}.modal-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-2xl)}.modal.modal-success .modal-icon{background:var(--success)}.modal.modal-warning .modal-icon{background:var(--warning)}.modal.modal-error .modal-icon{background:var(--error)}.modal.modal-info .modal-icon{background:var(--info)}.modal-confirmation{text-align:center}.modal-confirmation .modal-icon{margin:0 auto var(--space-4)}.modal-confirmation .modal-title{margin-bottom:var(--space-2)}.modal-confirmation p{font-size:var(--font-size-base);color:var(--gray-700);margin-bottom:var(--space-6)}.modal.modal-lg{max-width:700px}.modal.modal-sm{max-width:400px}@media(max-width:640px){.modal{width:95%;max-height:95vh}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}.modal-trigger-grid{grid-template-columns:1fr}}.section-title-lg{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--gray-900);margin:0}.icon-warning{width:20px;height:20px;margin-right:var(--space-2);vertical-align:middle;color:var(--warning)}.reservation-card{background:linear-gradient(135deg,#3b498614,#c8902a0a);border:2px solid var(--navy-200);border-radius:var(--radius-xl);padding:var(--space-6);position:relative;overflow:hidden}.reservation-card-content{position:relative;z-index:1}.reservation-id{font-size:var(--font-size-md);color:var(--gray-600);font-weight:var(--font-weight-bold)}.reservation-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin:0}.reservation-meta{font-size:var(--font-size-sm);color:var(--gray-600);margin:0}.info-block{margin-bottom:var(--space-4)}.info-label{font-size:var(--font-size-xs);color:var(--gray-600);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-1) 0}.info-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin:0}.actions-stack{display:flex;flex-direction:column;gap:var(--space-4)}.btn-text-link{display:inline-flex;gap:var(--space-2);color:var(--navy-600);font-weight:var(--font-weight-medium)}.btn-text-link i{width:18px;height:18px}.full-width{width:100%}.mb-1{margin-bottom:var(--space-1)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.bill-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--gray-100)}.bill-info h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin:0 0 var(--space-2) 0}.bill-info p{font-size:var(--font-size-sm);color:var(--gray-600);margin:0}.bill-actions{display:flex;gap:var(--space-2)}.bill-details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-200)}@media(max-width:575px){.bill-details{grid-template-columns:1fr}}.detail-item{display:flex;flex-direction:column;gap:var(--space-1)}.detail-label{font-size:var(--font-size-xs);color:var(--gray-600);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--gray-900)}.bill-items{margin-bottom:var(--space-6)}.bill-items-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--gray-900);margin:0 0 var(--space-3) 0}.bill-table{width:100%;border-collapse:collapse}.bill-table thead{background:var(--gray-50)}.bill-table th{padding:var(--space-3);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--gray-700);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--gray-200)}.bill-table td{padding:var(--space-3);border-bottom:1px solid var(--gray-100);font-size:var(--font-size-sm);color:var(--gray-700)}.bill-table tbody tr:hover{background:var(--gray-50)}.bill-table th:last-child,.bill-table td:last-child{text-align:right}.bill-summary{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.summary-row.total{border-top:1px solid var(--gray-200);padding-top:var(--space-3);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.summary-row.total span:last-child{color:var(--navy-600);font-size:var(--font-size-lg)}.status-card{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--gray-200);text-align:center;margin-bottom:var(--space-4)}.status-card.open{background:linear-gradient(135deg,#3b82f60d,#3b82f614);border-color:#3b82f633}.status-card.paid{background:linear-gradient(135deg,#10b9810d,#10b98114);border-color:#10b98133}.status-card.closed{background:linear-gradient(135deg,#6b72800d,#6b728014);border-color:#6b728033}.status-icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.status-card.open .status-icon{color:var(--info)}.status-card.paid .status-icon{color:var(--success)}.status-card.closed .status-icon{color:var(--gray-600)}.status-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--gray-900);margin:0 0 var(--space-1) 0}.status-text{font-size:var(--font-size-sm);color:var(--gray-600);margin:0}.wizard-container{max-width:var(--max-width);margin:0 auto}.wizard-steps{display:flex;justify-content:space-between;margin-bottom:var(--space-12);position:relative}.wizard-steps:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background:var(--gray-200);z-index:-1}.wizard-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);flex:1}.wizard-step-circle{width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid var(--gray-300);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);color:var(--gray-600);position:relative;z-index:1;transition:all var(--transition-base)}.wizard-step.active .wizard-step-circle{background:var(--navy-600);color:#fff;border-color:var(--navy-600);box-shadow:0 0 0 8px #3b49861a}.wizard-step.completed .wizard-step-circle{background:var(--success);color:#fff;border-color:var(--success)}.wizard-step.completed .wizard-step-circle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#fff;border-radius:50%}.wizard-step-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-600);text-align:center}.wizard-step.active .wizard-step-label{color:var(--navy-600);font-weight:var(--font-weight-semibold)}.wizard-step.completed .wizard-step-label{color:var(--success)}.wizard-content{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-6);display:none}.wizard-content.active{display:block}.wizard-content h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);color:var(--gray-900)}.wizard-content p{font-size:var(--font-size-sm);color:var(--gray-600);margin-bottom:var(--space-6)}.wizard-actions{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8)}.wizard-actions button{flex:1}.progress-bar{height:4px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-8)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--navy-600),var(--gold-500));border-radius:var(--radius-full);transition:width var(--transition-base)}@media(max-width:640px){.wizard-steps{margin-bottom:var(--space-8)}.wizard-step-label{font-size:var(--font-size-xs)}.wizard-step-circle{width:40px;height:40px;font-size:var(--font-size-sm)}.wizard-content{padding:var(--space-6)}.wizard-content h2{font-size:var(--font-size-xl)}.wizard-actions{flex-direction:column}}.markdown-content{font-size:var(--font-size-base);line-height:1.8;color:var(--gray-800)}.markdown-content h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin:var(--space-8) 0 var(--space-4) 0}.markdown-content h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin:var(--space-6) 0 var(--space-3) 0}.markdown-content h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin:var(--space-5) 0 var(--space-2) 0}.markdown-content h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--gray-800);margin:var(--space-4) 0 var(--space-2) 0}.markdown-content p{margin:var(--space-3) 0;color:var(--gray-700)}.markdown-content ul,.markdown-content ol{margin:var(--space-3) 0;padding-left:var(--space-8)}.markdown-content li{margin:var(--space-2) 0;color:var(--gray-700)}.markdown-content strong{font-weight:var(--font-weight-bold);color:var(--gray-900)}.markdown-content em{font-style:italic;color:var(--gray-800)}.markdown-content blockquote{border-left:4px solid var(--navy-600);padding:var(--space-4);margin:var(--space-4) 0;background:var(--navy-50);border-radius:var(--radius-md);color:var(--gray-800)}.markdown-content code{background:var(--gray-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:Monaco,Courier New,monospace;font-size:.9em;color:var(--error)}.markdown-content pre{background:var(--gray-900);color:#e0e0e0;padding:var(--space-5);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--space-4) 0}.markdown-content pre code{background:none;padding:0;color:inherit}.markdown-content a{color:var(--navy-600);font-weight:var(--font-weight-medium);text-decoration:underline;transition:color var(--transition-fast)}.markdown-content a:hover{color:var(--navy-700)}.markdown-content hr{border:none;height:2px;background:var(--gray-200);margin:var(--space-8) 0}.markdown-content table{width:100%;border-collapse:collapse;margin:var(--space-4) 0}.markdown-content table th{background:var(--gray-100);padding:var(--space-3);text-align:left;font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--gray-200)}.markdown-content table td{padding:var(--space-3);border-bottom:1px solid var(--gray-200)}.markdown-content table tr:hover{background:var(--gray-50)}.btn-primary:disabled,.btn-primary[disabled],.btn-danger:disabled,.btn-danger[disabled],.btn-success:disabled,.btn-success[disabled],.btn-warning:disabled,.btn-warning[disabled],.btn-info:disabled,.btn-info[disabled]{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none!important}.btn-primary:disabled:hover,.btn-primary[disabled]:hover,.btn-danger:disabled:hover,.btn-danger[disabled]:hover,.btn-success:disabled:hover,.btn-success[disabled]:hover,.btn-warning:disabled:hover,.btn-warning[disabled]:hover,.btn-info:disabled:hover,.btn-info[disabled]:hover{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.form-control:disabled,.form-control[disabled]{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed;opacity:.6;border-color:var(--gray-200)}select.form-control:disabled,select.form-control[disabled]{cursor:not-allowed}input:disabled,input[disabled],textarea:disabled,textarea[disabled],select:disabled,select[disabled]{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed;opacity:.6;border-color:var(--gray-200)}a:disabled,a[disabled],.link-item:disabled,.link-item[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.nav-item:disabled,.nav-item[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none;color:var(--gray-400)}table tbody tr.disabled{opacity:.6;background:var(--gray-50)}table tbody tr.disabled td{color:var(--gray-500)}.badge:disabled,.badge[disabled]{opacity:.6}.card:disabled,.card[disabled]{opacity:.6;pointer-events:none}.section-card:disabled,.section-card[disabled]{opacity:.6;pointer-events:none}.modal:disabled,.modal[disabled]{opacity:.6;pointer-events:none}.disabled{opacity:.6;cursor:not-allowed;pointer-events:none!important}.upload-area{border:2px dashed var(--gray-300);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;background:var(--gray-50);transition:all var(--transition-base);cursor:pointer}.upload-area:hover{border-color:var(--navy-500);background:var(--navy-50)}.upload-area.dragover{border-color:var(--navy-600);background:var(--navy-100)}.upload-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:var(--navy-100);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.upload-icon i{width:32px;height:32px;color:var(--navy-600)}.file-preview{display:none;margin-top:var(--space-4);padding:var(--space-4);background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg)}.file-preview.show{display:flex;align-items:center;gap:var(--space-3)}.file-preview img{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md)}.file-info{flex:1}.payment-methods{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin-bottom:var(--space-5)}@media(min-width:640px){.payment-methods{grid-template-columns:repeat(2,1fr)}}.payment-method{padding:var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--space-3);cursor:pointer;transition:all var(--transition-base)}.payment-method:hover{border-color:var(--navy-400);background:var(--navy-50)}.payment-method.selected{border-color:var(--navy-600);background:var(--navy-50)}.payment-method input[type=radio]{width:20px;height:20px}.payment-method-info{flex:1}.payment-method-name{font-weight:var(--font-weight-semibold);color:var(--gray-900);margin-bottom:2px}.payment-method-details{font-size:var(--font-size-sm);color:var(--gray-600)}.steps-container{display:flex;flex-direction:column;gap:var(--space-4)}.step-item{display:flex;gap:var(--space-3);align-items:flex-start}.step-number{width:32px;height:32px;min-width:32px;background:var(--navy-600);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);flex-shrink:0}.step-content h4{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);color:var(--gray-900);margin:0}.step-content p{font-size:var(--font-size-sm);color:var(--gray-700);margin:0}.history{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-6)}.history-item{display:flex;gap:var(--space-4);position:relative}.history-item:not(:last-child):before{content:"";position:absolute;left:15px;top:40px;bottom:-28px;width:2px;background:var(--gray-200)}.history-item.completed:not(:last-child):before{background:var(--success)}.history-item.active:not(:last-child):before{background:var(--navy-500)}.history-marker{width:32px;height:32px;border-radius:var(--radius-full);border:3px solid var(--gray-300);background:#fff;flex-shrink:0;position:relative;z-index:2}.history-item.completed .history-marker{border-color:var(--success);background:var(--success)}.history-item.completed .history-marker:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:14px}.history-item.active .history-marker{border-color:var(--navy-500);background:var(--navy-500);animation:pulse 2s ease-in-out infinite}.history-item.upcoming .history-marker{border-color:var(--gray-300)}.history-content{flex:1;padding-top:2px}.history-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin:0 0 var(--space-1) 0}.history-date{font-size:var(--font-size-sm);color:var(--gray-600);margin:0}