:root{--blue: #005bbb;--yellow: #ffd700;--ink: #1d2433;--muted: #6b7280;--card: rgba(255, 255, 255, .76)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Trebuchet MS,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 20%,#fef8d7,#d9ebff 45%,#c6e0ff)}.page{min-height:100vh;padding:24px;display:grid;place-items:center;position:relative;overflow:hidden}.orbs span{position:absolute;border-radius:50%;filter:blur(2px);animation:float 12s ease-in-out infinite}.orbs span:nth-child(1){width:240px;height:240px;top:-50px;left:-80px;background:#ffd70047}.orbs span:nth-child(2){width:180px;height:180px;right:8%;top:20%;background:#005bbb33;animation-delay:1.5s}.orbs span:nth-child(3){width:220px;height:220px;bottom:-80px;right:-50px;background:#ffd7003d;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(8deg)}}.card{width:min(980px,100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--card);border:1px solid rgba(255,255,255,.75);border-radius:22px;padding:24px;box-shadow:0 14px 45px #0000001f;z-index:1}.auth-card{max-width:460px}h1,h2,h3,h4{margin:0}.sub{color:var(--muted)}form{display:grid;gap:10px;margin-top:14px}label{font-size:13px;color:var(--muted)}input{border:1px solid #d6dde8;border-radius:12px;padding:12px;font-size:14px}button{border:none;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600;cursor:pointer;background:var(--blue);color:#fff}button:disabled{opacity:.6;cursor:not-allowed}.ghost{background:transparent;color:var(--blue);border:1px solid rgba(0,91,187,.35)}.error{margin-top:10px;color:#b91c1c;font-size:13px}.profile-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.tabs{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tab{background:#ffffffb8;color:var(--blue);border:1px solid rgba(0,91,187,.2)}.tab.active{background:var(--blue);color:#fff}.panel{margin-top:16px;background:#ffffff94;border:1px solid rgba(255,255,255,.85);border-radius:16px;padding:16px}.grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid div{display:grid;gap:4px}.grid strong{font-size:12px;color:var(--muted)}.cotisation-buttons-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cotisation-button{background:#005bbb14;color:var(--blue);border:1px solid rgba(0,91,187,.2);border-radius:16px;padding:16px 12px;min-height:138px;display:grid;align-content:center;justify-items:center;gap:8px;text-align:center;box-shadow:0 4px 12px #00000014}.cotisation-button:hover{transform:translateY(-2px);transition:transform .2s ease}.cotisation-icon{font-size:28px;line-height:1}.cotisation-label{font-weight:700;font-size:15px}.cotisation-meta{font-size:12px;color:#4b5563}.cotisation-detail-page{margin-top:4px}.cotisation-detail-header{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:12px;margin-bottom:14px}.back-button{border-radius:999px;width:36px;height:36px;padding:0;display:grid;place-items:center;font-size:20px;line-height:1;background:#ffffffe6;color:var(--blue);border:1px solid rgba(0,91,187,.2)}.cotisation-detail-header h3{text-align:center}.back-placeholder{width:36px;height:36px}.cotisation-detail-card{background:#ffffffb3;border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:20px;display:grid;gap:10px}.cotisation-detail-icon{font-size:48px;text-align:center}.cotisation-detail-card h4{text-align:center;color:var(--blue)}.cotisation-detail-card p{margin:0;text-align:center;color:var(--muted);font-size:13px}.detail-table-wrap table{background:#fff}.detail-table-wrap th{background:#0e3a8a;color:#fff}.amount-col{text-align:right}.amount-value{font-weight:700;color:#0e3a8a}.wave-button{margin-top:8px;background:#0082c8eb;color:#fff;border-radius:25px;padding:14px 18px;font-size:16px;font-weight:600}.wave-button.success{background:#4caf50f2}.table-wrap{margin-top:10px;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{border-bottom:1px solid #dce5f3;text-align:left;padding:10px}th{color:var(--blue);font-size:13px;background:#005bbb14}.empty{text-align:center;color:var(--muted)}.info-box{margin-top:12px;display:grid;gap:10px}.meta{color:var(--muted);margin:0}.signature{color:var(--blue);font-weight:700}@media (max-width: 780px){.page{padding:14px}.card{padding:16px}.grid,.cotisation-buttons-grid{grid-template-columns:1fr}}