:root{--primary-teal: #008080;--primary-teal-hover: #006666;--primary-teal-light: #e0f2f2;--neutral-white: #ffffff;--neutral-gray-50: #f9fafb;--neutral-gray-100: #f3f4f6;--neutral-gray-200: #e5e7eb;--neutral-gray-300: #d1d5db;--neutral-gray-800: #1f2937;--neutral-gray-900: #111827;--success-green: #10b981;--warning-yellow: #f59e0b;--danger-red: #ef4444;--font-sans: "Inter", system-ui, -apple-system, sans-serif;font-family:var(--font-sans);line-height:1.5;font-weight:400;color:var(--neutral-gray-800);background:linear-gradient(180deg,var(--primary-teal-light) 0%,#f0fbfa 100%)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:.875rem}.btn-primary{background-color:var(--primary-teal);color:#fff}.btn-primary:hover{background-color:var(--primary-teal-hover)}.btn-ghost{background-color:transparent;color:var(--neutral-gray-800)}.btn-danger{background-color:var(--danger-red);color:#fff}.btn-sm{padding:.375rem .75rem;font-size:.8125rem;border-radius:.375rem}.btn-md{padding:.5rem 1rem;font-size:.875rem;border-radius:.5rem}.btn-lg{padding:.75rem 1.25rem;font-size:1rem;border-radius:.5rem}.btn:focus{box-shadow:0 0 0 4px #00808014}.btn[disabled],.btn:disabled{opacity:.6;cursor:not-allowed}.w-full{width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-outline{background-color:transparent;border:1px solid var(--neutral-gray-300);color:var(--neutral-gray-800)}.btn-outline:hover{background-color:var(--neutral-gray-100)}.card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.float-animation{animation:float 6s ease-in-out infinite}.feature-card{transition:all .3s ease;border:1px solid var(--neutral-gray-100)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:var(--primary-teal-light)}.bg-gray-50{background-color:var(--neutral-gray-50)}.card-modern{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid var(--neutral-gray-200);padding:1.5rem}.sidebar-modern{border-right:1px solid var(--neutral-gray-200);background-color:#fff}.quick-action-card{background:linear-gradient(to right,#f0fdfa,#fff);border:1px solid var(--primary-teal-light);border-radius:.75rem;padding:1.5rem;transition:all .2s;cursor:pointer}.quick-action-card:hover{border-color:var(--primary-teal);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.hover-scale{transition:transform .2s}.hover-scale:hover{transform:scale(1.05)}.btn-outline-teal{background-color:transparent;border:1px solid var(--primary-teal);color:var(--primary-teal);padding:.5rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline-teal:hover{background-color:var(--primary-teal-light)}.flex-col-mobile{display:flex;flex-direction:column}@media(min-width:768px){.flex-row-tablet{flex-direction:row}}.grid-cols-1{display:grid;grid-template-columns:1fr}.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr)}@media(min-width:640px){.grid-cols-2-sm{grid-template-columns:repeat(2,1fr)}.grid-cols-3-sm{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.grid-cols-3-md{grid-template-columns:repeat(3,1fr)}.grid-cols-5-md{grid-template-columns:repeat(5,1fr)}}@media(min-width:1024px){.grid-cols-4-lg{grid-template-columns:repeat(4,1fr)}}.hidden-mobile{display:none}@media(min-width:768px){.hidden-mobile{display:flex}.show-mobile{display:none}}.text-center-mobile{text-align:center}@media(min-width:768px){.text-left-tablet{text-align:left}}.py-responsive{padding-top:3rem;padding-bottom:3rem}@media(min-width:768px){.py-responsive{padding-top:5rem;padding-bottom:5rem}}h1{font-size:2.25rem;line-height:1.2}@media(min-width:768px){h1{font-size:3.5rem}}h2{font-size:1.75rem}@media(min-width:768px){h2{font-size:2.5rem}}.mobile-nav-overlay{position:fixed;inset:0;background-color:#fff;z-index:100;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;transform:translate(100%);transition:transform .3s ease-in-out}.mobile-nav-overlay.open{transform:translate(0)}.burger-menu{display:flex;flex-direction:column;gap:4px;cursor:pointer;padding:4px}.burger-bar{width:24px;height:2px;background-color:var(--neutral-gray-800);transition:all .2s}.form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.form-grid{grid-template-columns:repeat(2,1fr)}}.input-focus:focus{outline:2px solid var(--primary-teal);outline-offset:-1px;border-color:transparent}.role-card{cursor:pointer;padding:1.5rem;border-radius:.75rem;text-align:center;transition:all .2s ease;border:1px solid var(--neutral-gray-200);background-color:#fff;position:relative}.role-card:hover{border-color:var(--primary-teal);transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.role-card.selected{border:2px solid var(--primary-teal);background-color:var(--primary-teal-light);transform:translateY(-2px)}.role-card svg{transition:all .3s ease}.role-card:hover svg{stroke:var(--primary-teal);transform:scale(1.1)}@keyframes modal-backdrop-in{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes modal-content-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-backdrop-anim{animation:modal-backdrop-in .3s ease-out forwards}.modal-content-animated{animation:modal-content-in .4s cubic-bezier(.34,1.56,.64,1) forwards}.glass-card{background:#fffc!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)!important}.no-spinner::-webkit-inner-spin-button,.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinner{-moz-appearance:textfield}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes dialogIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes dialogOut{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.9) translateY(20px);opacity:0}}.animate-dialog-in{animation:dialogIn .3s cubic-bezier(.34,1.56,.64,1) forwards!important}.animate-dialog-out{animation:dialogOut .2s cubic-bezier(.34,1.56,.64,1) forwards!important}.btn-animated{transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative}.btn-animated:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 20px -10px #0080804d;color:var(--primary-teal)!important;background-color:var(--primary-teal-light)!important}@keyframes pulse-glow{0%{box-shadow:0 0 #00808066}70%{box-shadow:0 0 0 15px #00808000}to{box-shadow:0 0 #00808000}}.pulse-glow{animation:pulse-glow 3s infinite}.btn-danger-animated:hover{background-color:#dc2626!important;box-shadow:0 10px 15px -3px #dc26264d;transform:translateY(-2px)}.btn-shine{position:relative;overflow:hidden}.btn-shine:after{content:"";position:absolute;top:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0,#fff6,#fff0);transform:rotate(45deg);transition:all .5s;left:-100%}.btn-shine:hover:after{left:100%}.btn-3d{transition:all .2s ease;box-shadow:0 4px 0 var(--primary-teal-hover)}.btn-3d:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--primary-teal-hover)}.btn-3d:active{transform:translateY(2px);box-shadow:0 0 0 var(--primary-teal-hover)}.btn-back-hover{transition:all .2s}.btn-back-hover:hover{padding-left:.5rem!important;background-color:var(--primary-teal-light)!important;color:var(--primary-teal)!important}.btn-back-hover:hover svg{transform:translate(-4px);transition:transform .2s}.btn-success-glow:hover{background-color:var(--success-green)!important;box-shadow:0 0 15px var(--success-green);transform:scale(1.02);color:#fff!important}.wallet-card-gradient{background:linear-gradient(135deg,teal,#0d9488,#115e59)!important;color:#fff!important;position:relative;overflow:hidden;border:none!important}.wallet-card-gradient:before{content:"";position:absolute;top:-20%;right:-10%;width:150px;height:150px;background:#ffffff1a;border-radius:50%;z-index:0}.wallet-card-gradient>*{position:relative;z-index:1}.balance-pulse{animation:balance-pulse 3s infinite ease-in-out}@keyframes balance-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.02)}}.input-modern-focus:focus-within{border-color:var(--primary-teal);box-shadow:0 0 0 3px #00808026;transform:translateY(-1px);transition:all .2s ease}.transaction-item-hover{transition:all .2s}.transaction-item-hover:hover{background-color:var(--neutral-gray-50)!important;padding-left:2.5rem!important;border-left:4px solid var(--primary-teal)}