:root{--primary:#3b82f6;--primary-half:#3b82f680;--navy:#0c1528;--bg:#f5f7fb;--text:#162033;--muted:#748097;--border:#e5eaf2;--shadow:0 24px 70px rgba(30,64,175,.13)}*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text)}
.auth-body{min-height:100vh;margin:0;display:grid;place-items:center;overflow:hidden;position:relative;background:linear-gradient(135deg,#f8fbff 0%,#eef4ff 48%,#f7f9fd 100%);padding:36px}.auth-body:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(59,130,246,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.auth-orb{position:absolute;border-radius:50%;background:linear-gradient(145deg,#3b82f680,rgba(99,102,241,.12))}.orb-one{width:430px;height:430px;left:-170px;top:-130px}.orb-two{width:320px;height:320px;right:-100px;bottom:-120px;opacity:.65}.auth-shell{position:relative;z-index:1;width:min(100%,980px);min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);border-radius:26px;overflow:hidden;box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.auth-intro{position:relative;padding:44px 48px;color:#fff;background:linear-gradient(145deg,#2563eb 0%,#3b82f6 48%,#3b82f680 100%);display:flex;flex-direction:column;overflow:hidden}.auth-intro:before,.auth-intro:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%}.auth-intro:before{width:360px;height:360px;right:-190px;top:-100px}.auth-intro:after{width:260px;height:260px;left:-120px;bottom:-120px}.brand-lockup,.mobile-brand{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:1.7px;font-weight:700;position:relative;z-index:1}.brand-mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);color:#fff;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}.intro-copy{margin:auto 0;position:relative;z-index:1}.glass-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.19);padding:8px 12px;border-radius:99px}.glass-label i{width:6px;height:6px;background:#a7f3d0;border-radius:50%;box-shadow:0 0 0 5px rgba(167,243,208,.12)}.intro-copy h2{font-size:41px;line-height:1.13;font-weight:700;letter-spacing:-1.5px;margin:27px 0 18px}.intro-copy h2 span{color:#dbeafe}.intro-copy p{max-width:370px;font-size:15px;line-height:1.75;color:rgba(255,255,255,.76)}.intro-status{display:flex;align-items:center;gap:13px;position:relative;z-index:1;padding-top:22px;border-top:1px solid rgba(255,255,255,.15)}.intro-status strong,.intro-status small{display:block}.intro-status strong{font-size:13px}.intro-status small{font-size:11px;color:rgba(255,255,255,.65);margin-top:3px}.pulse-ring{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12)}.pulse-ring i{width:9px;height:9px;border-radius:50%;background:#6ee7b7;box-shadow:0 0 0 5px rgba(110,231,183,.14)}
.auth-card{padding:58px 54px;align-self:center;background:transparent}.mobile-brand{display:none;color:var(--text);margin-bottom:36px}.mobile-brand .brand-mark{background:linear-gradient(135deg,var(--primary),var(--primary-half))}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:var(--primary)}h1{font-size:29px;font-weight:700;letter-spacing:-.65px;margin:8px 0}.text-secondary{color:var(--muted)!important}.form-label{font-size:12px;font-weight:600;margin-bottom:8px}.input-wrap{position:relative}.input-wrap svg{position:absolute;z-index:1;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:#96a0b3;stroke-width:1.8}.form-control{height:50px;border:1px solid var(--border);border-radius:10px;padding:12px 14px 12px 43px;background:#fafbfd;font-size:13px}.form-control::placeholder{color:#aab2c1}.form-control:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px rgba(59,130,246,.1)}.btn-primary{height:50px;border:0;border-radius:10px;background:linear-gradient(110deg,#2563eb,var(--primary),#3b82f680);background-size:160% 100%;font-weight:600;font-size:13px;box-shadow:0 12px 25px rgba(59,130,246,.22);transition:.25s}.btn-primary:hover{background-position:100% 0;transform:translateY(-1px);box-shadow:0 15px 30px rgba(59,130,246,.3)}.btn-primary span{float:right;font-size:18px;line-height:16px}.auth-footer{text-align:center;margin-top:30px;padding-top:24px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c77a;margin-right:7px;box-shadow:0 0 0 4px rgba(34,199,122,.12)}
.dashboard-body{margin:0;background:radial-gradient(circle at 100% 0,rgba(59,130,246,.1),transparent 29%),var(--bg);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:linear-gradient(180deg,#111d34 0%,#0b1426 100%);color:#fff;padding:25px 18px;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:16px;padding:0 10px 31px}.small-mark{width:37px;height:37px;font-size:11px;margin:0;background:linear-gradient(135deg,var(--primary),var(--primary-half));border:0}.sidebar nav a{position:relative;display:block;color:#9ba8be;text-decoration:none;padding:12px 15px;border-radius:9px;margin-bottom:5px;font-size:13px;transition:.2s}.sidebar nav a.active,.sidebar nav a:hover{background:linear-gradient(90deg,rgba(59,130,246,.2),rgba(59,130,246,.06));color:#fff}.sidebar nav a.active:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:5px;background:var(--primary)}.sidebar-bottom{margin-top:auto;border-top:1px solid #26334a;padding:20px 10px 0}.content{margin-left:260px;padding:38px 42px;max-width:1600px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.topbar h2{font-size:28px;font-weight:700;letter-spacing:-.6px;margin:0}.welcome-text{font-size:13px;color:var(--muted);margin:5px 0 0}.live-pill{background:rgba(255,255,255,.78);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);border-radius:99px;padding:10px 16px;font-size:11px;font-weight:600;box-shadow:0 5px 20px rgba(30,64,175,.06)}.metric-card,.panel{background:rgba(255,255,255,.9);border:1px solid rgba(226,232,240,.9);box-shadow:0 8px 25px rgba(30,64,175,.045)}.metric-card{position:relative;overflow:hidden;border-radius:13px;padding:22px;transition:.2s}.metric-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary-half),transparent)}.metric-card:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(30,64,175,.09)}.metric-card span,.metric-card small{display:block;color:var(--muted);font-size:11px}.metric-card strong{display:block;font-size:28px;margin:10px 0 6px;letter-spacing:-.6px}.metric-card strong em{font-size:12px;font-style:normal;color:var(--muted)}.metric-card .positive{color:#15955b}.panel{border-radius:13px;overflow:hidden}.panel-head{padding:21px 23px;display:flex;justify-content:space-between;border-bottom:1px solid var(--border)}.panel-head h5{font-size:15px;font-weight:700;margin:0 0 4px}.panel-head p{font-size:11px;color:var(--muted);margin:0}.table th{font-size:10px;color:var(--muted);letter-spacing:.65px;font-weight:700;background:#fafbfc;padding:14px 23px}.table td{padding:18px 23px;font-size:12px;border-color:var(--border)}.table td small{display:block;color:var(--muted);margin-top:4px}.badge-ok{display:inline-block;padding:6px 10px;border-radius:20px;background:linear-gradient(90deg,#e8f8f0,#f1fbf6);color:#128653;font-size:10px;font-weight:700}
@media(max-width:800px){.auth-body{padding:18px}.auth-shell{display:block;width:min(100%,470px);min-height:auto}.auth-intro{display:none}.auth-card{padding:38px 30px}.mobile-brand{display:flex}.sidebar{position:static;width:auto;min-height:auto}.sidebar nav{display:none}.sidebar-bottom{margin-top:15px}.content{margin-left:0;padding:24px 18px}.topbar{align-items:flex-start}.live-pill{display:none}}
.auth-body>.auth-card{position:relative;z-index:1;width:min(100%,460px);padding:42px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.95);border-radius:22px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.auth-body>.auth-card>.brand-mark{background:linear-gradient(135deg,var(--primary),var(--primary-half));margin-bottom:28px}
.auth-body>.auth-card>.brand-mark+*~form .form-control{padding-left:14px}
.dashboard-main{width:min(100%,1280px);margin:0 auto;padding:28px 34px 40px}.dashboard-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 4px 22px;border-bottom:1px solid rgba(148,163,184,.2)}.dashboard-brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-size:15px}.dashboard-brand:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:20px}.user-info{text-align:right}.user-info strong,.user-info small{display:block}.user-info strong{font-size:12px}.user-info small{font-size:10px;color:var(--muted);margin-top:2px}.logout-button{border:1px solid var(--border);background:rgba(255,255,255,.78);color:#526077;border-radius:9px;padding:9px 14px;font-size:11px;font-weight:600;transition:.2s}.logout-button:hover{border-color:#fca5a5;color:#dc2626;background:#fff}.dashboard-hero{text-align:center;max-width:680px;margin:58px auto 38px}.dashboard-hero h1{font-size:38px;margin:8px 0 10px;letter-spacing:-1.2px}.dashboard-hero>p:last-child{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.segment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.segment-card{position:relative;min-height:255px;padding:25px;border:1px solid rgba(226,232,240,.95);border-radius:17px;background:rgba(255,255,255,.88);box-shadow:0 8px 28px rgba(30,64,175,.055);overflow:hidden;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s}.segment-card:before{content:"";position:absolute;width:170px;height:170px;right:-90px;top:-100px;border-radius:50%;background:linear-gradient(145deg,#3b82f680,rgba(59,130,246,.03));opacity:.55}.segment-card:hover{transform:translateY(-4px);border-color:rgba(59,130,246,.28);box-shadow:0 18px 38px rgba(30,64,175,.11)}.card-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;margin-bottom:28px}.card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;font-size:11px;font-weight:700;background:linear-gradient(135deg,#2563eb,#3b82f680);box-shadow:0 9px 20px rgba(59,130,246,.2)}.card-status{padding:6px 9px;border-radius:99px;background:#eff6ff;color:#2563eb;font-size:9px;letter-spacing:.8px;font-weight:700}.card-status.warning{background:#fff7ed;color:#ea580c}.card-status.danger{background:#fff1f2;color:#e11d48}.segment-card h2{font-size:17px;font-weight:700;letter-spacing:-.3px;margin:0 0 9px}.segment-card p{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 22px}.segment-card a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:17px;border-top:1px solid var(--border);color:var(--primary);text-decoration:none;font-size:11px;font-weight:700}.segment-card a span{font-size:17px;transition:transform .2s}.segment-card:hover a span{transform:translateX(4px)}.dashboard-footer{text-align:center;color:var(--muted);font-size:10px;margin-top:28px}
@media(max-width:950px){.segment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.dashboard-main{padding:20px 16px 30px}.dashboard-header{height:auto;padding-bottom:17px}.user-info{display:none}.dashboard-hero{margin:40px auto 28px}.dashboard-hero h1{font-size:30px}.segment-grid{grid-template-columns:1fr}.segment-card{min-height:230px}.logout-button{padding:8px 11px}}
.members-main{max-width:1500px}.breadcrumb-row{display:flex;gap:10px;align-items:center;margin:24px 0;color:#9aa5b7;font-size:11px}.breadcrumb-row a{color:var(--primary);font-weight:600;text-decoration:none}.breadcrumb-row strong{color:#607087}.members-title{display:flex;justify-content:space-between;align-items:flex-end;margin:35px 0 25px}.members-title h1{font-size:31px;margin:6px 0}.members-title>div>p:last-child{font-size:13px;color:var(--muted);margin:0}.update-state{display:flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid var(--border);background:rgba(255,255,255,.82);border-radius:11px}.update-state strong,.update-state small{display:block}.update-state strong{font-size:10px}.update-state small{font-size:9px;color:var(--muted);margin-top:2px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:17px}.summary-card{background:rgba(255,255,255,.9);border:1px solid var(--border);border-radius:13px;padding:17px 20px}.summary-card span{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.summary-card strong{font-size:22px}.members-panel{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 35px rgba(30,64,175,.055);overflow:hidden}.filters{display:grid;grid-template-columns:minmax(280px,1fr) 150px 145px 145px auto;gap:10px;padding:17px;border-bottom:1px solid var(--border)}.filters input,.filters select{height:42px;border:1px solid var(--border);border-radius:9px;background:#fafbfd;font-size:11px;color:#536078;outline:none}.filters select{padding:0 10px}.filters input:focus,.filters select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,130,246,.08)}.search-box{position:relative}.search-box span{position:absolute;left:13px;top:7px;font-size:21px;color:#8d99ac}.search-box input{width:100%;padding:0 12px 0 39px}.clear-button{height:42px;border:0;background:transparent;color:#718096;font-size:11px;font-weight:600}.members-table{width:100%;border-collapse:collapse}.members-table th{padding:13px 18px;background:#fafbfc;color:#8c97aa;font-size:9px;letter-spacing:.7px;font-weight:700;text-align:left;white-space:nowrap}.members-table td{padding:16px 18px;border-top:1px solid #edf0f5;font-size:11px;vertical-align:middle}.members-table tbody tr:hover{background:#fafcff}.member-name{display:flex;align-items:center;gap:11px;min-width:190px}.member-name>span{width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#2563eb;font-weight:700}.member-name strong{display:block;font-size:11px;margin-bottom:3px}.copy-value{display:block;border:0;background:transparent;padding:0;color:#7c899e;font-size:9px;text-align:left;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-value:hover{color:var(--primary)}.copy-value.contact{font-size:10px;margin:2px 0}.copy-value.mail{color:#52627a}.segment-badge{display:inline-grid;place-items:center;min-width:27px;height:27px;padding:0 8px;border-radius:8px;background:#eef4ff;color:#2563eb;font-size:10px;font-weight:700}.member-status{display:flex;align-items:center;gap:6px;color:#7c899e;font-size:10px}.member-status i{width:6px;height:6px;border-radius:50%;background:#a3adbd}.member-status.active{color:#128653}.member-status.active i{background:#22c77a}.date-cell{font-size:10px;white-space:nowrap}.money-label{display:block;color:#96a0b1;font-size:8px;text-transform:uppercase}.money-label.second{margin-top:5px}.money-value{display:block;font-size:9px;white-space:nowrap;margin-top:1px}.pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}.pagination-bar button,.error-state button{border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px 12px;color:#536078;font-size:10px;margin-left:5px}.pagination-bar button:disabled{opacity:.4}.table-state{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.table-state strong{font-size:13px;color:#536078;margin-top:14px}.table-state small{font-size:10px;margin-top:5px}.loader{width:29px;height:29px;border:3px solid #dbeafe;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.error-state button{margin-top:14px;color:var(--primary)}.empty-row{text-align:center;padding:55px;color:var(--muted)}.copy-toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,25px);padding:10px 16px;border-radius:9px;background:#132038;color:#fff;font-size:10px;opacity:0;pointer-events:none;transition:.2s}.copy-toast.show{opacity:1;transform:translate(-50%,0)}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.filters{grid-template-columns:1fr 1fr 1fr}.search-box{grid-column:1/-1}.clear-button{display:none}}@media(max-width:650px){.members-title{display:block}.update-state{margin-top:18px;width:max-content}.summary-grid{grid-template-columns:1fr 1fr}.summary-card:last-child{display:none}.filters{grid-template-columns:1fr 1fr}.search-box,.filters #sortFilter{grid-column:1/-1}.members-table th,.members-table td{padding:13px}.members-table th:nth-child(3),.members-table td:nth-child(3),.members-table th:nth-child(4),.members-table td:nth-child(4),.members-table th:nth-child(6),.members-table td:nth-child(6){display:none}}