:root{--palladian: #EEE9DF;--palladian-rgb: 238, 233, 223;--oatmeal: #C9C1B1;--oatmeal-rgb: 201, 193, 177;--blue-fantastic: #2C3B4D;--blue-fantastic-rgb: 44, 59, 77;--burning-flame: #FFB162;--burning-flame-rgb: 255, 177, 98;--truffle-trouble: #A35139;--truffle-trouble-rgb: 163, 81, 57;--abyssal-blue: #1B2632;--abyssal-blue-rgb: 27, 38, 50}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden;height:100%}.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(var(--abyssal-blue-rgb),.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.loader-overlay.hidden{opacity:0;visibility:hidden}@keyframes square-animation{0%{left:0;top:0}10.5%{left:0;top:0}12.5%{left:32px;top:0}23%{left:32px;top:0}25%{left:64px;top:0}35.5%{left:64px;top:0}37.5%{left:64px;top:32px}48%{left:64px;top:32px}50%{left:32px;top:32px}60.5%{left:32px;top:32px}62.5%{left:32px;top:64px}73%{left:32px;top:64px}75%{left:0;top:64px}85.5%{left:0;top:64px}87.5%{left:0;top:32px}98%{left:0;top:32px}to{left:0;top:0}}.loader{position:relative;width:96px;height:96px;transform:rotate(45deg)}.loader-square{position:absolute;top:0;left:0;width:28px;height:28px;margin:2px;border-radius:4px;background:var(--burning-flame);box-shadow:0 0 15px rgba(var(--burning-flame-rgb),.5);animation:square-animation 10s ease-in-out infinite both}.loader-square:nth-of-type(1){animation-delay:-1.4285714286s}.loader-square:nth-of-type(2){animation-delay:-2.8571428571s}.loader-square:nth-of-type(3){animation-delay:-4.2857142857s}.loader-square:nth-of-type(4){animation-delay:-5.7142857143s}.loader-square:nth-of-type(5){animation-delay:-7.1428571429s}.loader-square:nth-of-type(6){animation-delay:-8.5714285714s}.loader-square:nth-of-type(7){animation-delay:-10s}body{font-family:Cairo,Almarai,sans-serif;line-height:1.6;color:var(--palladian);background:var(--abyssal-blue);display:flex;flex-direction:column;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#080e158c,#0c141ee0),url(/img/laura-siegal-EaFcpzpQuYU-unsplash.jpg) no-repeat center top;background-size:cover;z-index:-1;transition:filter .5s ease}body.home-page:before{filter:none}body:not(.home-page):before{filter:blur(15px) brightness(.7);transform:scale(1.1)}header{position:absolute;top:1rem;left:50%;transform:translate(-50%);width:95%;max-width:1400px;padding:1rem 1.2rem;background:rgba(var(--blue-fantastic-rgb),.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--palladian-rgb),.1);border-radius:24px;box-shadow:0 10px 40px #0006;display:flex;align-items:center;justify-content:flex-start;gap:2rem;z-index:1000;border:1px solid rgba(var(--burning-flame-rgb),.2)}@media(max-width:768px){header{top:.5rem;padding:.75rem 1rem;gap:1rem}}@media(max-width:768px){.main-logo{height:150px;margin:0 auto}.main-logo-container{left:auto;top:auto;width:100%;margin-bottom:20px}}.main-logo-container{display:none;justify-content:center;margin-bottom:.5rem;width:100%;position:relative;z-index:10}@media(max-width:480px){.main-logo-container{margin-bottom:10px}}.main-logo-container a{pointer-events:auto;display:block}.main-logo{height:200px;width:auto;display:block;margin:40px 5px 5px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);filter:brightness(0) saturate(100%) invert(98%) sepia(5%) saturate(547%) hue-rotate(338deg) brightness(101%) contrast(93%) drop-shadow(0 0 15px rgba(var(--palladian-rgb),.3))}.main-logo:hover{transform:scale(1.08) rotate(-2deg);filter:brightness(0) saturate(100%) invert(98%) sepia(5%) saturate(547%) hue-rotate(338deg) brightness(101%) contrast(93%) drop-shadow(0 0 25px rgba(var(--palladian-rgb),.5))}.navbar{display:flex;align-items:center;gap:2rem;flex:1}.navbar ul{list-style:none;display:flex;gap:1rem;margin:0;padding:0;width:100%}.logout-item{margin-inline-start:auto}nav ul li{display:inline-block;margin:0}nav ul li a{font-family:Almarai,sans-serif;color:#eee9dfb3;text-decoration:none;font-weight:500;padding:10px 20px;border-radius:12px;transition:all .3s ease;font-size:1rem;position:relative}nav ul li a:hover{color:var(--palladian);background:rgba(var(--palladian-rgb),.1)}nav ul li a.active-link{color:var(--burning-flame);background:rgba(var(--burning-flame-rgb),.1)}nav ul li a.active-link:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:15px;height:2px;background:var(--burning-flame);border-radius:2px}nav ul li a:focus{outline:none;text-decoration:none}.nav-logout-btn{font-family:Almarai,sans-serif;color:rgba(var(--burning-flame-rgb),.8);text-decoration:none;font-weight:500;padding:10px 20px;border-radius:12px;transition:all .3s ease;font-size:1rem;border:1px solid rgba(var(--burning-flame-rgb),.2);background:transparent;cursor:pointer;white-space:nowrap}.nav-logout-btn:hover{color:var(--burning-flame);background:rgba(var(--burning-flame-rgb),.1);border-color:rgba(var(--burning-flame-rgb),.4)}main{flex:1;width:100%;display:flex;flex-direction:column;position:relative;padding-top:2px}.hero{width:100%;padding:3rem 1rem;display:flex;align-items:center;justify-content:center;background:transparent;min-height:100%;background-size:cover;background-position:center;background-attachment:fixed;flex:1;position:relative}.hero-content{text-align:center;color:#fff;width:100%}.hero-content h1{font-family:Almarai,sans-serif;font-weight:800;font-size:clamp(2rem,8vw,4rem);margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}footer{width:100%;padding:1.5rem 1rem;background:rgba(var(--blue-fantastic-rgb),.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(var(--palladian-rgb),.08);flex-shrink:0;position:relative;z-index:10;margin-top:auto}footer .footer-content{max-width:1400px;margin:0 auto;text-align:center}footer p{margin:0;color:rgba(var(--palladian-rgb),.5);font-size:.9rem}.menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;gap:5px}.menu-toggle span{width:24px;height:2px;background-color:#fff;border-radius:2px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:768px){header{width:95%;top:.75rem;padding:.75rem 1rem;position:fixed}.menu-toggle{display:flex;order:2}.logout-item{margin-inline-start:0}.navbar{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(var(--abyssal-blue-rgb),.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:1.5rem;box-shadow:0 20px 50px #0009;width:100%;z-index:1000;align-items:center;gap:1rem;border-top:1px solid rgba(var(--palladian-rgb),.1);border-radius:0 0 24px 24px}.navbar.active{display:flex!important}.navbar ul li a,.navbar ul li button{color:rgba(var(--palladian-rgb),.8);background-color:transparent}.navbar ul li a:hover,.navbar ul li a.active-link,.navbar ul li button:hover{background-color:rgba(var(--burning-flame-rgb),.15);color:var(--burning-flame)}.navbar ul{flex-direction:column;width:100%;gap:.25rem;padding:0;text-align:center}.navbar ul li{width:100%}.navbar ul li a,.navbar ul li button{display:block;width:100%;padding:12px;font-size:1rem;text-align:center;border-radius:12px}.desktop-only{display:none!important}}@media(min-width:769px){.desktop-only{display:list-item!important}}@media(max-width:480px){header{padding:.75rem}.logo img{height:80px}.nav-link{font-size:.85rem}.hero{padding:1.5rem 1rem;min-height:250px}.hero-content h1{font-size:1.3rem}footer{padding:1.5rem 1rem}footer p{font-size:.8rem}}.page-content{animation:pageFadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.page-content{animation:none}}a,button{transition:all .3s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.error-message{display:block;color:#dc3545;font-size:.875rem;margin-top:.25rem;min-height:1.25rem}input[aria-invalid=true]{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}input:focus-visible{outline:2px solid var(--burning-flame);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--burning-flame);outline-offset:2px}.logo a{display:inline-block;text-decoration:none;outline:none}.logo a:focus{outline:none;box-shadow:none}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.form{background:var(--blue-fantastic);display:block;padding:2.5rem 2rem 5rem;max-width:380px;border-radius:30px;box-shadow:0 10px 40px #0006;margin:0 auto;border:1px solid rgba(var(--palladian-rgb),.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.form.bg-keffiyeh-box:before{content:"";position:absolute;bottom:40px;left:0;width:100%;height:12px;border-top:2px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.2);background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.2) 75%,rgba(255,255,255,.2)),linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.2) 75%,rgba(255,255,255,.2));background-size:8px 8px;background-position:0 0,4px 4px;z-index:1}.form.bg-keffiyeh-box:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40px;background-image:url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.2'%3E%3Crect x='0' y='0' width='4' height='4'/%3E%3Crect x='4' y='4' width='4' height='4'/%3E%3Crect x='8' y='8' width='4' height='4'/%3E%3Crect x='12' y='12' width='4' height='4'/%3E%3Crect x='16' y='16' width='8' height='4'/%3E%3Crect x='24' y='12' width='4' height='4'/%3E%3Crect x='28' y='8' width='4' height='4'/%3E%3Crect x='32' y='4' width='4' height='4'/%3E%3Crect x='36' y='0' width='4' height='4'/%3E%3C/g%3E%3C/svg%3E");background-size:40px 20px;background-repeat:repeat;z-index:1}.bg-keffiyeh-box{background-color:#2a3441!important;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M16 16h8v8h-8z'/%3E%3Cpath d='M14 18h12v4H14z'/%3E%3Cpath d='M18 14h4v12h-4z'/%3E%3Cpath d='M-4 -4h8v8h-8z'/%3E%3Cpath d='M36 36h8v8h-8z'/%3E%3Cpath d='M36 -4h8v8h-8z'/%3E%3Cpath d='M-4 36h8v8h-8z'/%3E%3Crect x='4' y='4' width='4' height='4'/%3E%3Crect x='8' y='8' width='4' height='4'/%3E%3Crect x='12' y='12' width='4' height='4'/%3E%3Crect x='32' y='4' width='4' height='4'/%3E%3Crect x='28' y='8' width='4' height='4'/%3E%3Crect x='24' y='12' width='4' height='4'/%3E%3Crect x='4' y='32' width='4' height='4'/%3E%3Crect x='8' y='28' width='4' height='4'/%3E%3Crect x='12' y='24' width='4' height='4'/%3E%3Crect x='32' y='32' width='4' height='4'/%3E%3Crect x='28' y='28' width='4' height='4'/%3E%3Crect x='24' y='24' width='4' height='4'/%3E%3C/g%3E%3C/svg%3E")!important;background-size:40px 40px!important}.bg-keffiyeh-checker{background-image:linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.4) 75%,rgba(255,255,255,.4)),linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.4) 75%,rgba(255,255,255,.4))!important;background-size:8px 8px!important;background-position:0 0,4px 4px!important}.bg-keffiyeh-zigzag{background-image:url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.4'%3E%3Crect x='0' y='0' width='4' height='4'/%3E%3Crect x='4' y='4' width='4' height='4'/%3E%3Crect x='8' y='8' width='4' height='4'/%3E%3Crect x='12' y='12' width='4' height='4'/%3E%3Crect x='16' y='16' width='8' height='4'/%3E%3Crect x='24' y='12' width='4' height='4'/%3E%3Crect x='28' y='8' width='4' height='4'/%3E%3Crect x='32' y='4' width='4' height='4'/%3E%3Crect x='36' y='0' width='4' height='4'/%3E%3C/g%3E%3C/svg%3E")!important;background-size:40px 20px!important;background-repeat:repeat!important}.form-title{font-size:1.5rem;line-height:1.75rem;font-weight:700;text-align:center;color:var(--palladian);margin-bottom:2rem}.input-container{position:relative;margin-bottom:.5rem}.input-container input,.form button{outline:none;border:none;margin:8px 0}.input-container input{background:var(--abyssal-blue);padding:1rem 1.25rem;font-size:.95rem;line-height:1.25rem;width:100%;border-radius:12px;border:1px solid rgba(var(--palladian-rgb),.2);color:var(--palladian);font-family:Cairo,sans-serif;transition:all .3s ease}.input-container input:focus{border-color:var(--burning-flame);background:var(--abyssal-blue);box-shadow:0 0 15px rgba(var(--burning-flame-rgb),.1)}.input-container input::placeholder{color:#94a3b8}.submit{font-size:1rem;padding:1rem 2rem;border-radius:15px;background:var(--burning-flame);border:none;box-shadow:6px 6px 15px #0000001f;cursor:pointer;transition:all .3s ease;display:block;color:var(--abyssal-blue);line-height:1.25rem;font-weight:600;width:100%;text-transform:uppercase;letter-spacing:1px;font-family:Droid Arabic Kufi,sans-serif;margin-top:1rem}.submit:hover:not(:disabled){box-shadow:8px 8px 20px #00000026;transform:translateY(-2px)}.submit:active:not(:disabled){box-shadow:inset 4px 4px 10px #0000001a;transform:translateY(0)}.submit:focus{box-shadow:6px 6px 15px #0000001f,0 0 0 3px #6366f133}.submit:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#dc3545;font-size:.875rem;text-align:center;margin-top:.5rem;padding:.75rem;background:rgba(var(--burning-flame-rgb),.1);border:1px solid rgba(var(--burning-flame-rgb),.2);border-radius:12px;box-shadow:inset 4px 4px 8px #c5cad0,inset -4px -4px 8px #fff}.signup-link{color:var(--palladian);opacity:.7;font-size:.9rem;line-height:1.25rem;text-align:center;margin-top:1rem}.signup-link a{color:var(--burning-flame);text-decoration:none;font-weight:600;transition:all .2s ease}.signup-link a:hover{color:var(--burning-flame);text-decoration:underline}:host{display:flex;flex-direction:column;min-height:100vh}.about-minimal-header{display:none}.about-minimal-actions{display:flex;align-items:center;justify-content:flex-start;gap:14px;pointer-events:auto}.icon-only-btn{width:44px;height:44px;border-radius:14px;border:1px solid rgba(var(--palladian-rgb),.2);background:rgba(var(--blue-fantastic-rgb),.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--palladian);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all .25s ease;box-shadow:0 6px 16px #00000047}.icon-only-btn:hover{transform:translateY(-2px);border-color:rgba(var(--burning-flame-rgb),.45);color:var(--burning-flame)}.icon-only-btn svg{width:22px;height:22px}.news-ticker{position:absolute;top:0;left:0;width:100%;min-height:190px;padding-top:135px;background:rgba(var(--blue-fantastic-rgb),.4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:998;overflow:hidden;border-bottom:1px solid rgba(var(--palladian-rgb),.1);direction:ltr}.ticker-content{display:inline-block;white-space:nowrap;animation:ticker 20s linear infinite;color:var(--burning-flame);font-weight:700;font-size:1.1rem;font-family:Almarai,sans-serif;text-shadow:1px 1px 2px rgba(0,0,0,.5);position:absolute;top:145px;left:0}@keyframes ticker{0%{transform:translate3d(-100%,0,0);left:0}to{transform:translate3d(100vw,0,0);left:0}}@media(max-width:768px){.about-minimal-header{top:10px;left:8px}.about-minimal-actions{gap:10px}.news-ticker{min-height:165px;top:0;padding-top:120px}.ticker-content{top:135px}}.table-responsive{content-visibility:auto;contain-intrinsic-size:200px}.data-table,.history-section table,.loans-table,.members-table table{content-visibility:auto;contain-intrinsic-size:300px}.activity-list{content-visibility:auto;contain-intrinsic-size:200px}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:12px;width:90%;max-width:450px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;color:#fff;font-family:Cairo,Almarai,sans-serif;font-size:.95rem;font-weight:600;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 30px #00000059;animation:toastSlideIn .4s cubic-bezier(.2,.8,.2,1);cursor:pointer;pointer-events:auto;border:1px solid rgba(255,255,255,.1)}.toast-success{background:#00c853e6}.toast-error{background:#ff4757e6}.toast-warning{background:#ffb162e6;color:var(--abyssal-blue)}.toast-info{background:#2c3b4df2}.toast-icon{font-size:1.2rem;flex-shrink:0}.toast-text{flex:1;line-height:1.4}.toast-close{background:none;border:none;color:inherit;font-size:1.4rem;cursor:pointer;opacity:.7;padding:0 4px;line-height:1}.toast-close:hover{opacity:1}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.news-ticker.home-ticker{min-height:140px;padding-top:65px}.news-ticker.home-ticker .ticker-content{top:105px}@media(max-width:768px){.news-ticker.home-ticker{min-height:92px;padding-top:35px}.news-ticker.home-ticker .ticker-content{top:55px}}.welcome-container{background-color:#2a3441;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M16 16h8v8h-8z'/%3E%3Cpath d='M14 18h12v4H14z'/%3E%3Cpath d='M18 14h4v12h-4z'/%3E%3Cpath d='M-4 -4h8v8h-8z'/%3E%3Cpath d='M36 36h8v8h-8z'/%3E%3Cpath d='M36 -4h8v8h-8z'/%3E%3Cpath d='M-4 36h8v8h-8z'/%3E%3Crect x='4' y='4' width='4' height='4'/%3E%3Crect x='8' y='8' width='4' height='4'/%3E%3Crect x='12' y='12' width='4' height='4'/%3E%3Crect x='32' y='4' width='4' height='4'/%3E%3Crect x='28' y='8' width='4' height='4'/%3E%3Crect x='24' y='12' width='4' height='4'/%3E%3Crect x='4' y='32' width='4' height='4'/%3E%3Crect x='8' y='28' width='4' height='4'/%3E%3Crect x='12' y='24' width='4' height='4'/%3E%3Crect x='32' y='32' width='4' height='4'/%3E%3Crect x='28' y='28' width='4' height='4'/%3E%3Crect x='24' y='24' width='4' height='4'/%3E%3C/g%3E%3C/svg%3E");background-size:40px 40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:3rem 3rem 5rem;border-radius:30px;border:1px solid rgba(var(--palladian-rgb),.1);box-shadow:0 20px 50px #00000080;max-width:600px;margin:0 auto;animation:welcomeFadeIn .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.welcome-container:before{content:"";position:absolute;bottom:40px;left:0;width:100%;height:12px;border-top:2px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.2);background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.2) 75%,rgba(255,255,255,.2)),linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.2) 75%,rgba(255,255,255,.2));background-size:8px 8px;background-position:0 0,4px 4px;z-index:1}.welcome-container:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40px;background-image:url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.2'%3E%3Crect x='0' y='0' width='4' height='4'/%3E%3Crect x='4' y='4' width='4' height='4'/%3E%3Crect x='8' y='8' width='4' height='4'/%3E%3Crect x='12' y='12' width='4' height='4'/%3E%3Crect x='16' y='16' width='8' height='4'/%3E%3Crect x='24' y='12' width='4' height='4'/%3E%3Crect x='28' y='8' width='4' height='4'/%3E%3Crect x='32' y='4' width='4' height='4'/%3E%3Crect x='36' y='0' width='4' height='4'/%3E%3C/g%3E%3C/svg%3E");background-size:40px 20px;background-repeat:repeat;z-index:1}.welcome-title{font-family:Almarai,sans-serif;font-size:clamp(2rem,5vw,3.5rem);color:var(--palladian);text-shadow:0 2px 15px rgba(var(--palladian-rgb),.2);margin-bottom:1rem;font-weight:800}.welcome-subtitle{font-size:1.2rem;color:#fffc;line-height:1.6}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}:host ::ng-deep .main-logo-container{display:flex!important}.templates-page{max-width:900px;margin:0 auto;padding:2rem 1rem}.templates-page h1{font-size:1.8rem;color:var(--blue-fantastic);margin-bottom:.5rem;text-align:center}.templates-subtitle{text-align:center;color:var(--truffle-trouble);margin-bottom:2rem;font-size:1rem}.templates-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.template-card{background:#fff;border:1px solid var(--oatmeal);border-radius:12px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 2px 8px #0000000f;transition:box-shadow .2s,transform .2s}.template-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.template-icon{font-size:2.5rem;margin-bottom:.75rem}.template-card h2{font-size:1.25rem;color:var(--blue-fantastic);margin-bottom:.75rem}.template-card p{font-size:.9rem;color:#555;line-height:1.6;margin-bottom:.5rem}.template-usage{font-size:.8rem!important;color:var(--truffle-trouble)!important;font-style:italic;margin-bottom:1.25rem!important}.template-download-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;background:var(--burning-flame);color:#1a1a1a!important;text-decoration:none;border-radius:8px;font-weight:600;font-size:.95rem;transition:background .2s,transform .15s;margin-top:auto}.template-download-btn:hover{background:var(--truffle-trouble);color:#fff!important;transform:scale(1.03)}.download-icon{font-size:1.1rem}.templates-notes{background:var(--palladian);border:1px solid var(--oatmeal);border-radius:12px;padding:1.5rem 2rem}.templates-notes h3{color:var(--blue-fantastic);margin-bottom:1rem;font-size:1.1rem}.templates-notes ul{list-style:disc;padding-right:1.5rem}.templates-notes li{color:#444;line-height:1.7;margin-bottom:.4rem;font-size:.9rem}@media(max-width:600px){.templates-grid{grid-template-columns:1fr}.templates-page h1{font-size:1.4rem}.template-card{padding:1.5rem 1rem}}@media print{body:before{display:none!important}body{background:#fff!important}header,#site-header,.navbar,.news-ticker,footer,.loader-overlay,.toast-container,.dashboard-container,.payments-wrapper,.hero-content{display:none!important}.payments-page{padding:0!important;min-height:auto!important}body *{visibility:hidden}#printable-receipt,#printable-receipt *{visibility:visible}.receipt-modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:auto!important;min-height:0!important;background:#fff!important;display:block!important;padding:0!important;margin:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:9999!important}.receipt-modal{position:relative!important;background:#fff!important;padding:0!important;margin:0!important;box-shadow:none!important;max-width:none!important;width:100%!important;max-height:none!important;overflow:visible!important;display:block!important;border-radius:0!important}.modal-header,.modal-actions,.close-btn,.btn-close,.btn-print-big{display:none!important}#printable-receipt{position:fixed!important;left:0!important;top:0!important;display:block!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important}#printable-receipt>div{padding:0!important;background:#fff!important;min-height:auto!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@page{margin:12mm}}.admin-dashboard{padding-top:180px;min-height:100vh}.members-table-scroll{max-height:500px;overflow-y:auto}.phone-input-group{display:flex;gap:0;width:100%;direction:ltr}.phone-prefix{width:auto!important;min-width:200px!important;max-width:260px!important;border-radius:0 12px 12px 0!important;border-right:1px solid rgba(var(--palladian-rgb),.2)!important;background:var(--abyssal-blue)!important;color:var(--palladian)!important;padding:1rem .75rem!important;font-family:Cairo,sans-serif!important;font-size:.85rem!important;cursor:pointer!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23EEE9DF' stroke-width='1.5'%3E%3Cpath d='M2 4L6 8L10 4'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:left 10px center!important;padding-left:32px!important;direction:ltr!important;text-align:left!important}.phone-input-group input{flex:1;border-radius:12px 0 0 12px!important;margin:0!important}.dashboard-container{max-width:1400px;margin:20px auto;padding:0 40px}.excel-upload-card{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(var(--palladian-rgb),.15);border-radius:20px;padding:2rem;margin-bottom:2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;text-align:right}.excel-upload-card:hover{border-color:rgba(var(--palladian-rgb),.3);box-shadow:0 10px 30px #0003}.upload-content{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;flex-direction:row-reverse}.upload-icon-wrapper{width:64px;height:64px;background:rgba(var(--palladian-rgb),.1);border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--palladian-rgb),.2)}.upload-main-icon{font-size:2rem}.upload-text{flex:1;min-width:250px}.upload-text h3{font-family:Cairo,sans-serif;color:var(--palladian);margin-bottom:.5rem;font-size:1.4rem}.upload-text p{color:rgba(var(--palladian-rgb),.6);font-size:.95rem;line-height:1.5}.upload-btn{display:inline-flex;align-items:center;padding:.8rem 2rem;background:var(--palladian);color:#1a1a1a;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif;border:none;font-size:1rem}.upload-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(var(--palladian-rgb),.3);background:#fff}.admin-dashboard .dashboard-container .upload-btn,.admin-dashboard .dashboard-container .upload-btn:hover{color:#1a1a1a!important;display:inline-flex}.upload-info{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(var(--palladian-rgb),.1)}.info-item{display:flex;align-items:center;gap:.8rem;color:rgba(var(--palladian-rgb),.5);font-size:.85rem;flex-direction:row-reverse}.info-icon{font-size:1.1rem}.action-tabs{display:flex;justify-content:center;gap:10px;margin:30px auto 40px;background:#0006;padding:8px;border-radius:20px;width:fit-content;border:1px solid rgba(var(--palladian-rgb),.1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.tab-btn{padding:12px 45px;background:transparent;border:none;color:rgba(var(--palladian-rgb),.5);border-radius:14px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);font-family:Almarai,sans-serif;position:relative;overflow:hidden}.tab-btn.active{background:var(--palladian);color:#111;box-shadow:0 8px 25px #0000004d;transform:scale(1.05)}.tab-btn:hover:not(.active){color:var(--palladian);background:rgba(var(--palladian-rgb),.08)}.loan-form-wrapper{background:linear-gradient(145deg,#ffffff0d,#ffffff03);border:1px solid rgba(var(--palladian-rgb),.15);border-radius:30px;padding:40px;margin-top:20px;box-shadow:0 20px 60px #0006;position:relative;text-align:right}.loan-section-title{font-size:1.6rem;color:var(--palladian);margin-bottom:35px;font-weight:800;display:flex;align-items:center;gap:15px;font-family:Almarai,sans-serif;flex-direction:row-reverse}.loan-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(to left,rgba(var(--palladian-rgb),.2),transparent)}.loan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:40px}.loan-field{display:flex;flex-direction:column;gap:12px}.loan-field label{font-size:1rem;color:rgba(var(--palladian-rgb),.7);font-weight:700;margin-right:5px;font-family:Cairo,sans-serif}.loan-input-container{position:relative;width:100%}.loan-input-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.2rem;opacity:.6;pointer-events:none}.loan-input{width:100%;height:60px;padding:0 50px 0 20px;background:#0000004d;border:1.5px solid rgba(var(--palladian-rgb),.2);border-radius:16px;color:#fff;font-family:Cairo,sans-serif;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;text-align:right}.loan-input:focus{border-color:var(--palladian);background:#00000080;box-shadow:0 0 20px rgba(var(--palladian-rgb),.1)}.guarantor-results{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:200;background:#181c21;border:1px solid rgba(var(--palladian-rgb),.3);border-radius:18px;box-shadow:0 25px 50px #000000b3;max-height:300px;overflow-y:auto;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.guarantor-item{padding:15px 20px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05);flex-direction:row-reverse}.guarantor-avatar{width:40px;height:40px;background:rgba(var(--palladian-rgb),.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--palladian);border:1px solid rgba(var(--palladian-rgb),.2)}.guarantor-info{flex:1;text-align:right}.guarantor-name{display:block;font-weight:700;color:#fff;font-size:1rem;margin-bottom:2px}.guarantor-id{display:block;font-size:.85rem;color:rgba(var(--palladian-rgb),.5)}.btn-save-loan{background:var(--palladian);color:#111;padding:18px 45px;border-radius:18px;font-weight:800;font-size:1.2rem;border:none;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);margin-top:10px;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;font-family:Almarai,sans-serif;box-shadow:0 10px 30px #0000004d}.btn-save-loan:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(var(--palladian-rgb),.3);background:#fff}.page-title{text-align:center;margin-bottom:50px;font-size:2.5rem;font-family:Almarai,sans-serif;color:var(--palladian);text-shadow:0 0 20px rgba(var(--palladian-rgb),.2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:60px}.stat-card{background:rgba(var(--palladian-rgb),.05);border:1px solid rgba(var(--palladian-rgb),.1);border-radius:20px;padding:30px;display:flex;align-items:center;gap:25px;transition:transform .3s ease,box-shadow .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003;border-color:rgba(var(--burning-flame-rgb),.3)}a.stat-card--link{text-decoration:none;color:inherit;cursor:pointer}a.stat-card--link:focus-visible{outline:2px solid var(--burning-flame);outline-offset:4px}.stat-icon{width:70px;height:70px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:rgba(var(--abyssal-blue-rgb),.5);color:var(--palladian)}.stat-card.members .stat-icon{background:rgba(var(--blue-fantastic-rgb),.6);color:var(--palladian)}.stat-card.revenue .stat-icon{background:rgba(var(--burning-flame-rgb),.2);color:var(--burning-flame)}.stat-card.loans .stat-icon{background:rgba(var(--truffle-trouble-rgb),.2);color:var(--truffle-trouble)}.stat-info{flex:1}.stat-label{display:block;font-size:1rem;color:rgba(var(--palladian-rgb),.6);margin-bottom:5px}.stat-value{display:block;font-size:2rem;font-weight:800;color:var(--palladian);font-family:Cairo,sans-serif}.stat-desc{display:block;font-size:.85rem;color:rgba(var(--palladian-rgb),.4);margin-top:5px}.actions-section{margin-bottom:60px}.section-title{font-size:1.5rem;color:var(--palladian);margin-bottom:30px;border-right:4px solid var(--burning-flame);padding-right:15px}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.action-card{background:rgba(var(--abyssal-blue-rgb),.6);border:1px solid rgba(var(--palladian-rgb),.1);border-radius:16px;padding:25px;text-decoration:none;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px}.action-card:hover{background:rgba(var(--burning-flame-rgb),.1);border-color:var(--burning-flame);transform:translateY(-3px)}.action-icon{font-size:2.5rem;margin-bottom:10px}.action-card h3{margin:0;font-size:1.2rem;color:var(--palladian)}.action-card p{margin:0;font-size:.9rem;color:rgba(var(--palladian-rgb),.6);line-height:1.5}.activity-section{background:rgba(var(--palladian-rgb),.03);border:1px solid rgba(var(--palladian-rgb),.05);border-radius:20px;padding:30px}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{display:flex;align-items:center;gap:20px;padding:15px;background:#0003;border-radius:12px;border-right:4px solid transparent;transition:background .3s ease}.activity-item:hover{background:#0000004d}.activity-item.payment{border-right-color:#00e676}.activity-item.loan{border-right-color:var(--truffle-trouble)}.activity-item.new-user{border-right-color:var(--blue-fantastic)}.activity-item.reset{border-right-color:var(--burning-flame)}.activity-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:#ffffff0d}.activity-details{flex:1}.activity-main{font-weight:600;color:var(--palladian);margin-bottom:4px;display:block}.activity-sub{font-size:.85rem;color:rgba(var(--palladian-rgb),.5);display:block}.activity-time{font-size:.85rem;color:rgba(var(--palladian-rgb),.4);font-family:Cairo,sans-serif}@media(max-width:768px){.dashboard-container{margin:120px 12px 10px;padding:0 16px}.page-title{font-size:1.8rem;margin-bottom:30px}.stats-grid{grid-template-columns:1fr}.activity-item{flex-direction:column;align-items:flex-start;gap:10px}.activity-time{align-self:flex-end}.admin-dashboard{padding-top:140px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:rgba(var(--blue-fantastic-rgb),.9);border:1px solid rgba(var(--palladian-rgb),.2);border-radius:24px;width:100%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;padding:30px;box-shadow:0 20px 50px #00000080;animation:fadeIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:1px solid rgba(var(--palladian-rgb),.1);padding-bottom:15px}.modal-header h2{margin:0;font-size:1.5rem;color:var(--burning-flame)}.close-btn{background:none;border:none;color:var(--palladian);font-size:2rem;cursor:pointer;transition:color .3s}.close-btn:hover{color:var(--burning-flame)}.modal-body{overflow-y:auto;padding-right:5px}.loans-table{width:100%;border-collapse:collapse}.loans-table th,.loans-table td{padding:15px;text-align:right;border-bottom:1px solid rgba(var(--palladian-rgb),.1);color:var(--palladian)}.loans-table th{font-weight:700;color:var(--burning-flame)}.amount-loan{font-weight:700;color:#ff4757!important}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-search{margin-bottom:20px}.search-input{width:100%;padding:12px 18px;border-radius:12px;border:1px solid rgba(var(--palladian-rgb),.2);background:#0000004d;color:var(--palladian);font-size:.95rem;font-family:Cairo,Almarai,sans-serif;outline:none;transition:border-color .3s}.search-input::placeholder{color:rgba(var(--palladian-rgb),.4)}.search-input:focus{border-color:var(--burning-flame)}#app{display:flex;flex-direction:column;min-height:100vh}.page-content{flex:1;width:100%}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.65rem;border-bottom:1px solid rgba(238,233,223,.12);text-align:right;color:var(--palladian)}.card.glass{background:rgba(var(--palladian-rgb),.05);border:1px solid rgba(var(--palladian-rgb),.1);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hidden{display:none!important}.highlight-item{color:var(--burning-flame)!important}.admin-dashboard .dashboard-container input,.admin-dashboard .dashboard-container select,.admin-dashboard .dashboard-container textarea{background:var(--abyssal-blue);color:var(--palladian);border:1px solid rgba(var(--palladian-rgb),.2);border-radius:12px;padding:.75rem 1rem;width:100%;font-family:Cairo,sans-serif}.admin-dashboard .dashboard-container label{display:block;margin-bottom:.35rem;color:var(--palladian)}.hero.admin-hero{min-height:100vh;padding:180px 20px 50px}.form-wrapper{max-width:950px;margin:20px auto;padding:50px;border-radius:28px;background:rgba(var(--blue-fantastic-rgb),.95);border:1px solid rgba(var(--palladian-rgb),.1);position:relative;box-shadow:0 20px 50px #0006}.selection-box{background:#ffffff08;padding:20px;border-radius:18px;border:1px solid rgba(var(--palladian-rgb),.08)}.section-label{display:block;margin-bottom:15px;font-size:1.1rem;color:var(--burning-flame);font-weight:700;font-family:Almarai,sans-serif}.radio-group-vertical,.checkbox-group-vertical{display:flex;flex-direction:column;gap:12px}.radio-label,.check-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:10px 15px;background:#ffffff0d;border-radius:12px;transition:all .3s ease;border:1px solid transparent}.radio-label:hover,.check-label:hover{background:rgba(var(--palladian-rgb),.1);border-color:rgba(var(--burning-flame-rgb),.2)}.radio-label input,.check-label input{width:20px!important;height:20px!important;margin:0!important;cursor:pointer;accent-color:var(--burning-flame)}.radio-label span,.check-label span{font-size:1rem;color:var(--palladian);font-family:Cairo,sans-serif}.form-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--burning-flame),var(--palladian),var(--burning-flame),transparent);opacity:.6}.page-title{text-align:center;margin-bottom:50px;font-size:2.2rem;color:var(--palladian);font-weight:800;font-family:Almarai,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.5);position:relative;display:inline-block;width:100%}.page-title:after{content:"";display:block;width:80px;height:3px;background:var(--burning-flame);margin:12px auto 0;border-radius:3px;opacity:.6}.form-section{margin-bottom:45px;padding-bottom:30px;border-bottom:1px solid rgba(var(--palladian-rgb),.1)}.section-title{font-size:1.4rem;margin-bottom:25px;color:var(--palladian);font-weight:700;font-family:Cairo,sans-serif}.grid-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px;align-items:flex-end}.input-container label{display:block;margin-bottom:12px;font-size:.95rem;color:#ffffffd9;font-weight:600;position:relative;padding-right:12px}.input-container label:before{content:"";position:absolute;right:0;top:4px;bottom:4px;width:3px;background:var(--burning-flame);border-radius:3px;opacity:.5}.input-container input,.input-container select,.input-container textarea{width:100%;height:52px;padding:0 20px;background:rgba(var(--abyssal-blue-rgb),.7);border:1px solid rgba(var(--palladian-rgb),.2);border-radius:12px;color:var(--palladian);font-size:1rem;font-family:Cairo,sans-serif;outline:none;transition:all .3s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23EEE9DF' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 15px center}[dir=ltr] .input-container select{background-position:right 15px center}.input-container select option{background-color:var(--abyssal-blue);color:var(--palladian);padding:12px}.input-container input:focus,.input-container select:focus{border-color:var(--burning-flame);box-shadow:0 0 15px rgba(var(--burning-flame-rgb),.15);background:var(--abyssal-blue)}.btn-add{background:rgba(var(--palladian-rgb),.1);color:var(--palladian);border:1px solid rgba(var(--palladian-rgb),.3);padding:12px 24px;border-radius:12px;cursor:pointer;font-weight:700;transition:all .3s ease;font-family:Almarai,sans-serif}.btn-add:hover{background:var(--palladian);color:#000;transform:translateY(-2px)}.btn-remove-wife,.btn-remove-child{background:#ff47571a;color:#ff4757;border:1px solid #ff4757;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-remove-wife:hover,.btn-remove-child:hover{background:#ff475740;transform:translateY(-1px)}.submit{background:var(--palladian);color:#000;border:none;padding:16px 32px;border-radius:14px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 15px rgba(var(--palladian-rgb),.2);transition:all .3s cubic-bezier(.175,.885,.32,1.275);font-family:Almarai,sans-serif}.submit:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(var(--palladian-rgb),.3);background:#fff}.submit:active{transform:translateY(-1px)}.btn-cancel{padding:16px 32px;border-radius:14px;background:rgba(var(--palladian-rgb),.05);color:var(--palladian);border:1px solid rgba(var(--palladian-rgb),.25);cursor:pointer;transition:all .3s ease;font-family:Almarai,sans-serif;font-weight:600}.btn-cancel:hover{background:rgba(var(--palladian-rgb),.15);border-color:rgba(var(--palladian-rgb),.5);color:#fff;transform:translateY(-2px)}.history-section{max-width:1200px;margin:50px auto;animation:fadeInUp .5s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.history-section .section-title{position:relative;display:inline-block}.history-section .section-title:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--burning-flame),transparent);border-radius:2px;opacity:.5}.search-box{position:relative}.search-box input{width:100%;padding:15px 20px;background:#0000004d;border:1px solid rgba(var(--palladian-rgb),.2);border-radius:12px;color:var(--palladian);font-family:Cairo,sans-serif;transition:all .3s ease}.search-box input:focus{border-color:var(--burning-flame);box-shadow:0 0 15px rgba(var(--burning-flame-rgb),.1);background:#00000080}.search-box input::placeholder{color:rgba(var(--palladian-rgb),.4)}th{color:var(--palladian);font-family:Almarai,sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.5px}tr{transition:background .2s ease}tbody tr:hover{background:rgba(var(--palladian-rgb),.03)}.action-btns{display:flex;gap:8px;justify-content:flex-end}.btn-ico{background:#ffffff0d;border:none;border-radius:8px;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-ico:hover{background:rgba(var(--burning-flame-rgb),.15);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--burning-flame-rgb),.2)}.btn-ico.view:hover{background:rgba(var(--palladian-rgb),.15)}.btn-ico.edit:hover{background:rgba(var(--burning-flame-rgb),.15)}.btn-ico.delete:hover{background:#ff475733;box-shadow:0 4px 12px #ff475733}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#1a1f25;border:1px solid rgba(var(--palladian-rgb),.1);border-radius:24px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;padding:30px;animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 25px 60px #00000080}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(var(--palladian-rgb),.1);padding-bottom:15px}.close-btn{background:none;border:none;color:#ffffff80;font-size:2rem;cursor:pointer;transition:all .3s ease;line-height:1}.close-btn:hover{color:var(--burning-flame);transform:rotate(90deg)}.member-filter{display:flex;align-items:center;gap:12px;max-width:400px}.member-filter label{font-size:.95rem;color:#ffffffd9;font-weight:600;white-space:nowrap;font-family:Cairo,sans-serif}.filter-select{flex:1;height:48px;padding:0 16px;background:#0000004d;border:1px solid rgba(var(--palladian-rgb),.2);border-radius:12px;color:var(--palladian);font-size:1rem;font-family:Cairo,sans-serif;outline:none;cursor:pointer;transition:all .3s ease}.filter-select:focus{border-color:var(--burning-flame);box-shadow:0 0 10px rgba(var(--burning-flame-rgb),.1)}.filter-select option{background:#1a1f25;color:var(--palladian)}.radio-group{display:flex;flex-wrap:wrap;gap:15px;padding:10px 0}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-family:Cairo,sans-serif;font-size:.95rem;color:var(--palladian);padding:8px 15px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(var(--palladian-rgb),.1);transition:all .3s ease;white-space:nowrap}.radio-label:hover{background:rgba(var(--palladian-rgb),.1)}.radio-label input[type=radio]{width:20px!important;height:20px!important;margin:0!important;cursor:pointer;accent-color:var(--burning-flame)}.radio-label span{pointer-events:none}.full-width-mobile{grid-column:1 / -1}@media(max-width:768px){.hero.admin-hero{padding-top:140px}.form-wrapper{padding:25px 20px;border-radius:20px}.page-title{font-size:1.8rem;margin-bottom:30px}.page-title:after{width:60px}.grid-inputs{grid-template-columns:1fr;gap:20px}.table-responsive{overflow-x:auto;display:block;width:100%;-webkit-overflow-scrolling:touch}.table-responsive table{min-width:600px}.form-section{margin-bottom:30px;padding-bottom:20px}.section-title{font-size:1.2rem;margin-bottom:15px}.history-section{margin:30px auto}.member-filter{max-width:100%;flex-wrap:wrap}.dashboard-container{padding:0 10px!important}.dashboard-container .card.glass{padding:1.25rem!important}.form.bg-keffiyeh-box{padding:2rem 1.25rem 3.5rem!important}.form-section-group{grid-template-columns:1fr!important;gap:1.5rem!important}.phone-prefix{min-width:110px!important;max-width:130px!important;font-size:.8rem!important;padding-left:24px!important;background-position:left 6px center!important}#wives-list .item-row,#children-list .item-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:15px!important;background:#ffffff05!important;border:1px solid rgba(var(--palladian-rgb),.15)!important;border-radius:14px!important}#children-list .item-row{grid-template-columns:1fr 1fr!important}#children-list .item-row .c-name{grid-column:span 2!important}.btn-remove-wife,.btn-remove-child{grid-column:1 / -1!important;width:100%!important;margin-top:5px!important;padding:10px!important}}.form-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{width:100%;padding-left:40px!important}.input-icon{position:absolute;left:15px;color:var(--palladian);opacity:.6;font-size:1.1rem;pointer-events:none}.custom-accordion{background:#ffffff05;border:1px solid rgba(var(--palladian-rgb),.1);border-radius:16px;overflow:hidden;transition:all .3s ease}.custom-accordion[open]{border-color:rgba(var(--burning-flame-rgb),.3);box-shadow:0 5px 20px #0003}.custom-accordion summary{padding:1.25rem 1.5rem;font-size:1.1rem;font-weight:700;color:var(--palladian);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;background:#0003;transition:background .3s ease}.custom-accordion summary::-webkit-details-marker{display:none}.custom-accordion summary:hover{background:rgba(var(--burning-flame-rgb),.05)}.accordion-icon{transition:transform .3s ease;font-size:.9rem;opacity:.8}.custom-accordion[open] .accordion-icon{transform:rotate(180deg)}.accordion-content{padding:1.5rem;border-top:1px solid rgba(var(--palladian-rgb),.1)}.btn-add-inline{display:inline-block;padding:10px 20px;background:rgba(var(--burning-flame-rgb),.1);color:var(--burning-flame);border:1px dashed rgba(var(--burning-flame-rgb),.4);border-radius:12px;cursor:pointer;font-family:Cairo,sans-serif;font-weight:600;transition:all .3s ease;margin-top:10px}.btn-add-inline:hover{background:rgba(var(--burning-flame-rgb),.2);border-style:solid}.main-submit-btn{width:100%;max-width:450px;padding:1.2rem;font-size:1.2rem;letter-spacing:0px}.radio-label:has(input:checked),.check-label:has(input:checked){background:rgba(var(--burning-flame-rgb),.1)!important;border-color:rgba(var(--burning-flame-rgb),.4)!important}@media(max-width:768px){.form-main-grid{grid-template-columns:1fr;gap:1.5rem}}.payments-page{padding-top:180px;min-height:100vh}.payments-wrapper{max-width:1200px;margin:0 auto;padding:40px;border-radius:28px}.page-title{margin-bottom:40px;color:var(--palladian);font-size:2.2rem;font-family:Almarai,sans-serif;text-align:center;text-shadow:0 0 15px rgba(var(--palladian-rgb),.2)}.search-section{position:relative;max-width:850px;margin:0 auto 60px}.search-box{position:relative;width:100%}.search-box svg{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:rgba(var(--palladian-rgb),.5);pointer-events:none;transition:all .3s ease}.search-results{position:absolute;top:calc(100% + 15px);left:0;right:0;z-index:100;max-height:350px;overflow-y:auto;border:1px solid rgba(255,255,255,.1);background:#12161cfa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 50px #00000080}.search-box input{width:100%;padding:18px 50px 18px 25px;background:#181c2199;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;font-size:1.1rem;font-family:Cairo,sans-serif;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-box input:focus{border-color:var(--burning-flame);background:rgba(var(--abyssal-blue-rgb),.7);box-shadow:0 0 25px rgba(var(--burning-flame-rgb),.1)}.search-item{display:flex;justify-content:space-between;padding:15px 20px;cursor:pointer;transition:.2s;border-bottom:1px solid rgba(255,255,255,.05)}.search-item:hover{background:rgba(var(--palladian-rgb),.1)}.selected-user-card{display:flex;flex-wrap:wrap;gap:30px;align-items:flex-end;padding:30px;border-radius:20px;margin-bottom:40px;border:1px solid rgba(var(--palladian-rgb),.2);background:rgba(var(--palladian-rgb),.03)}.user-info{flex-basis:100%;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.user-info h3 span{color:var(--burning-flame)}.manual-id-input{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px;position:relative}.manual-id-input label{font-size:.9rem;color:#ffffffb3;font-weight:600}.manual-id-input input,.input-group select,.input-group input{padding:12px 15px;background:#00000080;border:1px solid rgba(var(--palladian-rgb),.2);border-radius:12px;color:var(--palladian);outline:none;font-family:Cairo,sans-serif;width:100%}.guarantor-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:120;max-height:220px;overflow-y:auto;border:1px solid rgba(255,255,255,.1);background:#12161cfa;border-radius:12px;box-shadow:0 15px 35px #00000073}.guarantor-item{display:flex;justify-content:space-between;padding:10px 12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05)}.item-row{display:grid;grid-template-columns:180px 1fr 160px 130px 50px;gap:15px;padding:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;margin-bottom:15px;align-items:flex-end}.action-tabs{display:flex;justify-content:center;gap:20px;margin:20px 0}.tab-btn{padding:12px 30px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;border-radius:12px;cursor:pointer;transition:.3s}.tab-btn.active{background:var(--burning-flame);color:#000}.receipt-footer{display:flex;justify-content:space-between;align-items:center;padding:30px;background:#ffffff08;border-radius:20px}.total-amount{font-size:2rem;font-weight:800;color:var(--burning-flame)}.history-section table{width:100%;border-collapse:collapse}.history-section th,.history-section td{padding:15px;text-align:right;border-bottom:1px solid rgba(255,255,255,.05)}.amount{color:var(--burning-flame);font-weight:700}@media(max-width:768px){.item-row{grid-template-columns:1fr}.payments-page{padding-top:140px}.payments-wrapper{padding:20px}.selected-user-card{padding:20px;gap:20px}.manual-id-input{min-width:100%}}@media(max-width:520px){.loan-form-wrapper{padding:20px;border-radius:20px}.loan-grid{grid-template-columns:1fr;gap:20px;margin-bottom:24px}.loan-section-title{font-size:1.2rem;margin-bottom:24px}.loan-input{height:50px;font-size:1rem}.btn-save-loan{padding:14px 24px;font-size:1rem}.selected-user-card{padding:16px;gap:16px}.page-title{font-size:1.5rem;margin-bottom:24px}.action-tabs{gap:10px;flex-wrap:wrap}.tab-btn{padding:10px 20px;font-size:.95rem}.receipt-modal{padding:20px}.receipt-footer{flex-direction:column;gap:16px;padding:20px}}@media(max-width:400px){.loan-form-wrapper{padding:14px}.loan-input{height:44px;font-size:.9rem;padding:0 40px 0 14px}.btn-save-loan{padding:12px 16px;font-size:.9rem}}.services-page{padding-top:180px;min-height:100vh}.services-container{max-width:1300px;margin:0 auto;padding:0 20px}.page-title{text-align:center;margin-bottom:40px;font-size:2.5rem;font-family:Almarai,sans-serif;color:var(--palladian);text-shadow:0 0 20px rgba(var(--palladian-rgb),.2)}.commitment-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:50px}.commitment-card{display:flex;justify-content:space-between;align-items:center;padding:25px;border-radius:24px;border:1px solid rgba(255,255,255,.1);transition:all .4s ease}.status-info{display:flex;align-items:center;gap:20px}.status-indicator{width:16px;height:16px;border-radius:50%;box-shadow:0 0 15px currentColor;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.status-text-group{display:flex;flex-direction:column;gap:5px}.status-label{font-size:1.3rem;font-weight:700;color:#fff}.status-desc{margin:0;color:#fff9;font-size:.95rem}.commitment-card.committed{border-right:6px solid #00e676;color:#00e676}.commitment-card.warning{border-right:6px solid var(--burning-flame);color:var(--burning-flame)}.commitment-card.non-committed{border-right:6px solid #ff4757;color:#ff4757}.commitment-card.unknown{border-right:6px solid var(--oatmeal);color:var(--oatmeal)}.grace-progress{width:250px}.progress-label{text-align:left;font-size:.8rem;color:#ffffff80;margin-bottom:8px}.progress-bar-container{height:8px;background:#ffffff0d;border-radius:10px;overflow:hidden}.progress-fill{height:100%;transition:width 1s ease}.service-section{padding:35px;border-radius:24px;margin-bottom:40px;background:rgba(var(--palladian-rgb),.03);border:1px solid rgba(var(--palladian-rgb),.05)}.section-title{margin-bottom:25px;color:var(--palladian);font-size:1.5rem;border-right:4px solid var(--burning-flame);padding-right:15px}.grid-sections{display:grid;grid-template-columns:1fr 1fr;gap:30px}.no-data{text-align:center;color:#fff6;padding:20px;font-style:italic}.table-responsive{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:15px;text-align:right;border-bottom:1px solid rgba(255,255,255,.05)}th{color:#fff9;font-weight:600;font-size:.9rem}td{color:#fff}.amount{color:var(--palladian);font-weight:700;font-family:Cairo,sans-serif}.type-badge{background:rgba(var(--palladian-rgb),.1);color:var(--palladian);padding:4px 12px;border-radius:20px;font-size:.85rem}.desktop-only{display:block}.mobile-only{display:none}.mobile-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;margin-bottom:12px;overflow:hidden;cursor:pointer;transition:all .3s ease}.card-header{padding:18px 20px;display:flex;justify-content:space-between;align-items:center}.card-main-info{display:flex;flex-direction:column;gap:4px}.card-title{font-weight:700;color:#fff;font-size:1rem}.card-amount{color:var(--palladian);font-weight:800;font-size:1.1rem}.chevron{font-size:.8rem;color:#ffffff4d;transition:transform .3s}.mobile-card.expanded .chevron{transform:rotate(180deg)}.card-content{max-height:0;padding:0 20px;background:#0003;transition:all .3s ease;opacity:0}.mobile-card.expanded .card-content{max-height:250px;padding:20px;opacity:1}.info-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.9rem;color:#ffffffb3}.info-row span{color:#fff6}.status-pill{padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.status-pill.small{padding:2px 8px;font-size:.75rem}.status-pill.committed{background:#00e6761a;color:#00e676;border:1px solid rgba(0,230,118,.3)}.status-pill.warning{background:rgba(var(--burning-flame-rgb),.1);color:var(--burning-flame);border:1px solid rgba(var(--burning-flame-rgb),.3)}.status-pill.non-committed{background:#ff47571a;color:#ff4757;border:1px solid rgba(255,71,87,.3)}.loans-section{border:1px solid rgba(var(--palladian-rgb),.1);box-shadow:0 0 20px #00000080}.loan-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:30px}.loan-summary{display:flex;gap:20px}.summary-item{background:#ffffff0d;padding:15px 25px;border-radius:12px;display:flex;flex-direction:column;align-items:center;min-width:120px}.summary-item .label{font-size:.8rem;color:#ffffff80;margin-bottom:5px}.summary-item .value{font-size:1.2rem;font-weight:700;color:#fff;font-family:Cairo,sans-serif}.summary-item.balance .value{color:#ff4757}.summary-item.balance.settled .value{color:#00e676}.subsection-title{color:#fffc;font-size:1.1rem;margin-bottom:15px;border-right:3px solid rgba(255,255,255,.3);padding-right:10px}@media(max-width:1024px){.grid-sections{grid-template-columns:1fr}}@media(max-width:768px){.desktop-only{display:none}.mobile-only{display:block}.services-container{padding:0 15px}.page-title{font-size:1.8rem;margin-bottom:30px}.service-section{padding:20px;margin-bottom:25px}.commitment-grid{grid-template-columns:1fr}.commitment-card{flex-direction:column;gap:20px;padding:20px;text-align:center}.status-info{flex-direction:column;gap:10px}.grace-progress{width:100%}.progress-label{text-align:center}.section-title{font-size:1.2rem}.loan-header{flex-direction:column;align-items:flex-start}.loan-summary{width:100%;justify-content:space-between;gap:10px}.summary-item{padding:10px;min-width:0;flex:1}.summary-item .value{font-size:1rem}}.receipt-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.receipt-modal{background:#12161c;border-radius:24px;padding:40px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.receipt-print-content{background:#fff;color:#000;padding:40px;border-radius:12px}.view-receipt-btn{background:rgba(var(--palladian-rgb),.15);border:1px solid rgba(var(--palladian-rgb),.3);color:var(--palladian);padding:4px 10px;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif;margin-right:8px}.view-receipt-btn:hover{background:var(--palladian);color:#000}.card-content .view-receipt-btn{width:100%;margin-top:15px;padding:10px;font-size:.95rem}.modal-header{display:flex;justify-content:flex-end;margin-bottom:20px}.btn-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;opacity:.5;transition:opacity .3s}.btn-close:hover{opacity:1}.modal-footer{display:flex;justify-content:center;margin-top:30px}.btn-print-big{background:var(--burning-flame);color:#000;border:none;padding:14px 40px;border-radius:14px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif;box-shadow:0 10px 20px rgba(var(--burning-flame-rgb),.2)}.btn-print-big:hover{transform:translateY(-2px);box-shadow:0 15px 25px rgba(var(--burning-flame-rgb),.3)}@media print{.no-print{display:none!important}body *{visibility:hidden}#printable-receipt,#printable-receipt *{visibility:visible}#printable-receipt{position:absolute;left:0;top:0;width:100%}}.profile-container{max-width:1000px;margin:80px auto 10px;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:2rem;padding:6rem 1rem}.profile-card{flex:1;min-width:300px;background:rgba(var(--palladian-rgb),.05);border-radius:25px;padding:2rem;box-shadow:0 20px 50px #00000080;border:1px solid rgba(var(--palladian-rgb),.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-card h2{color:var(--palladian);font-size:1.5rem;margin:0 0 1.5rem;font-weight:700;padding-bottom:1rem;text-align:center;position:relative}.profile-card h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--burning-flame);border-radius:2px}.profile-section{margin-bottom:1rem}.info-group{margin-bottom:1.5rem}.info-group label{display:block;font-size:.8rem;font-weight:700;color:rgba(var(--palladian-rgb),.5);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.info-group .info-value{font-size:1rem;color:var(--palladian);padding:1rem 1.25rem;background:rgba(var(--abyssal-blue-rgb),.5);border-radius:12px;margin:0;font-weight:500;border:1px solid rgba(var(--palladian-rgb),.2)}.divider{height:1px;background:linear-gradient(to right,transparent,rgba(var(--palladian-rgb),.2),transparent);margin:1.5rem 0}.editable-section,.password-section{display:flex;flex-direction:column;gap:1.25rem}.input-group{display:flex;flex-direction:column}.input-group label{display:block!important;font-size:.8rem;font-weight:700;color:rgba(var(--palladian-rgb),.5)!important;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px;visibility:visible!important;opacity:1!important}.input-group input{padding:1rem 1.25rem;border:1px solid rgba(var(--palladian-rgb),.2);border-radius:12px;font-size:1rem;transition:all .3s ease;background:rgba(var(--abyssal-blue-rgb),.5);color:var(--palladian);font-family:Cairo,sans-serif}.input-group input:focus{outline:none;border-color:var(--burning-flame);background:rgba(var(--abyssal-blue-rgb),.7);box-shadow:0 0 15px rgba(var(--burning-flame-rgb),.1)}.input-group input:hover:not(:focus){border-color:#94a3b8}.input-group input::placeholder{color:#94a3b8}.password-match{font-size:.85rem;margin-top:.5rem;min-height:24px;display:flex;align-items:center;font-weight:600}.password-match.match{color:#10b981}.password-match.match:before{content:"✓ ";margin-right:.25rem}.password-match.no-match{color:#ef4444}.password-match.no-match:before{content:"✗ ";margin-right:.25rem}.submit-btn,.btn-primary{padding:1rem 2rem;background:var(--burning-flame);border:none;color:var(--abyssal-blue)!important;font-size:1rem;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000004d;text-transform:uppercase;letter-spacing:1px;margin-top:.5rem;display:flex;align-items:center;justify-content:center;width:100%;min-height:50px}.submit-btn:hover:not(:disabled),.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(var(--burning-flame-rgb),.2);transform:translateY(-2px);background:var(--burning-flame);filter:brightness(1.1)}.submit-btn:active:not(:disabled),.btn-primary:active:not(:disabled){box-shadow:inset 3px 3px 8px #0000001a;transform:translateY(0)}.submit-btn:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.profile-container{flex-direction:column;align-items:center;padding:6rem 1rem;gap:1.5rem;max-width:100%;margin:6rem auto 1rem;width:100%;box-sizing:border-box}.profile-card{width:100%;max-width:600px;min-width:0;padding:1.75rem;border-radius:20px;box-shadow:8px 8px 24px #0000001f}}@media(max-width:480px){.profile-container{padding:9rem .75rem;gap:1.25rem;margin:5.5rem auto 1rem}.profile-card{padding:1.5rem;border-radius:18px}}.inbox-page{padding-top:180px;min-height:100vh}.inbox-container{max-width:1200px;margin:0 auto;padding:0 20px}.inbox-grid{display:grid;grid-template-columns:350px 1fr;gap:30px;margin-top:40px}@media(max-width:900px){.inbox-grid{grid-template-columns:1fr}}.compose-section,.messages-section{padding:30px;border-radius:24px;border:1px solid rgba(var(--palladian-rgb),.1);background:rgba(var(--palladian-rgb),.02)}.compose-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;color:#fff9;padding-right:5px}.form-group select,.form-group textarea{padding:12px 15px;background:#0000004d;border:1px solid rgba(var(--palladian-rgb),.2);border-radius:12px;color:#fff;font-family:Cairo,sans-serif;outline:none}.form-group textarea{min-height:150px;resize:vertical}.btn-send{background:var(--burning-flame);color:#000;border:none;padding:14px;border-radius:12px;font-weight:700;cursor:pointer;transition:.3s;font-family:Cairo,sans-serif}.btn-send:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(var(--burning-flame-rgb),.3)}.message-list{display:flex;flex-direction:column;gap:20px;max-height:70vh;overflow-y:auto;padding-left:10px}.message-card{padding:20px;border-radius:18px;border:1px solid rgba(255,255,255,.05);position:relative}.message-card.sent{background:rgba(var(--palladian-rgb),.05);align-self:flex-start;width:90%}.message-card.received{background:#ffffff08;align-self:flex-end;width:90%;border-right:4px solid var(--palladian)}.message-card.unread{border-right-color:var(--burning-flame);cursor:pointer}.message-header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.85rem}.message-author{font-weight:700;color:var(--palladian)}.message-date{color:#fff6}.message-body{line-height:1.6;color:#ffffffe6;white-space:pre-wrap}.unread-indicator{position:absolute;top:10px;left:20px;background:var(--burning-flame);color:#000;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:800}.no-messages{text-align:center;color:#ffffff4d;padding:40px}