html,body{height:100%}#root{min-height:100%;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary-50: #f0fdf4;--secondary-100: #dcfce7;--secondary-200: #bbf7d0;--secondary-300: #86efac;--secondary-400: #4ade80;--secondary-500: #22c55e;--secondary-600: #16a34a;--secondary-700: #15803d;--secondary-800: #166534;--secondary-900: #14532d;--accent-50: #fff7ed;--accent-100: #ffedd5;--accent-200: #fed7aa;--accent-300: #fdba74;--accent-400: #fb923c;--accent-500: #f97316;--accent-600: #ea580c;--accent-700: #c2410c;--accent-800: #9a3412;--accent-900: #7c2d12;--success-500: #22c55e;--success-600: #16a34a;--warning-500: #f59e0b;--warning-600: #d97706;--error-500: #ef4444;--error-600: #dc2626;--neutral-50: #fafafa;--neutral-100: #f4f4f5;--neutral-200: #e4e4e7;--neutral-300: #d4d4d8;--neutral-400: #a1a1aa;--neutral-500: #71717a;--neutral-600: #52525b;--neutral-700: #3f3f46;--neutral-800: #27272a;--neutral-900: #18181b;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-sans);background:var(--bg-secondary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,.app-container{min-height:100%;display:flex;flex-direction:column}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-secondary)}.spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--primary-50) 0%,var(--secondary-50) 100%)}.auth-card{width:100%;max-width:420px;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}.auth-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-xl)}.auth-logo-icon{width:72px;height:72px;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.auth-logo-icon svg{width:40px;height:40px;color:#fff}.auth-logo h1{font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.auth-logo p{color:var(--text-secondary);font-size:14px;margin-top:var(--spacing-xs)}.auth-tabs{display:flex;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.auth-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text-secondary);transition:all .2s}.auth-tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.form-input{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:15px;background:var(--bg-primary);color:var(--text-primary);transition:all .2s}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.form-input::placeholder{color:var(--text-tertiary)}.form-textarea{resize:vertical;min-height:100px}.password-wrapper{position:relative}.password-input{padding-right:44px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover{color:var(--text-secondary)}.form-error{font-size:12px;color:var(--error-500);margin-top:var(--spacing-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:15px;font-weight:600;border:none;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-color)}.btn-success{background:linear-gradient(135deg,var(--secondary-500),var(--secondary-600));color:#fff}.btn-success:hover{background:linear-gradient(135deg,var(--secondary-600),var(--secondary-700));transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,var(--error-500),var(--error-600));color:#fff}.btn-outline{background:transparent;border:2px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{border-color:var(--primary-500);color:var(--primary-600)}.btn-full{width:100%}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:13px}.btn-lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:17px}.btn-icon{padding:var(--spacing-sm);border-radius:var(--radius-md)}.layout-container{min-height:100vh;display:flex;flex-direction:column}.layout-header{position:sticky;top:0;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:10px var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.layout-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.layout-header-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.layout-header-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.layout-header-logo-icon svg{width:20px;height:20px;color:#fff}.layout-header-logo span{font-size:20px;font-weight:700;color:var(--text-primary)}.layout-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.layout-content{flex:1;padding:var(--spacing-lg);max-width:1200px;margin:0 auto;width:100%}.layout-content.full-width{max-width:none}.dashboard{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{text-align:center;margin-bottom:var(--spacing-2xl)}.dashboard-header h1{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.dashboard-header p{color:var(--text-secondary);font-size:16px}.dashboard-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.dashboard-card{border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.05;background-size:30px 30px}.owed-to-me-card{background:linear-gradient(135deg,var(--secondary-500),var(--secondary-600));color:#fff}.owed-to-me-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #22c55e40}.owed-by-me-card{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.owed-by-me-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #3b82f640}.dashboard-card-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg)}.dashboard-card-icon svg{width:40px;height:40px}.dashboard-card h2{font-size:24px;font-weight:700;margin-bottom:var(--spacing-sm)}.dashboard-card p{font-size:14px;opacity:.9;margin-bottom:var(--spacing-md)}.dashboard-card-amount{font-size:36px;font-weight:800;margin-top:var(--spacing-sm)}.dashboard-card-count{font-size:14px;opacity:.8}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.stat-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color)}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.stat-card-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-card-icon svg{width:20px;height:20px}.stat-card-icon.success{background:var(--secondary-100);color:var(--secondary-600)}.stat-card-icon.primary{background:var(--primary-100);color:var(--primary-600)}.stat-card-icon.warning{background:var(--accent-100);color:var(--accent-600)}.stat-card-icon.error{background:var(--error-500);background:#ef44441a;color:var(--error-500)}.stat-card-value{font-size:28px;font-weight:700;color:var(--text-primary)}.stat-card-label{font-size:13px;color:var(--text-secondary)}.debts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.debts-title{display:flex;align-items:center;gap:var(--spacing-md)}.debts-title h1{font-size:24px;font-weight:700}.debts-title-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:14px;font-weight:500}.debts-title-badge.success{background:var(--secondary-100);color:var(--secondary-600)}.debts-title-badge.primary{background:var(--primary-100);color:var(--primary-600)}.debts-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.debt-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color);cursor:pointer;transition:all .2s}.debt-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.debt-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.debt-card-contact{display:flex;align-items:center;gap:var(--spacing-md)}.debt-card-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-100),var(--secondary-100));display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--primary-600)}.debt-card-info h3{font-size:16px;font-weight:600;color:var(--text-primary)}.debt-card-info p{font-size:13px;color:var(--text-secondary)}.debt-card-amount{text-align:right}.debt-card-amount .remaining{font-size:24px;font-weight:700;color:var(--text-primary)}.debt-card-amount .original{font-size:12px;color:var(--text-secondary)}.debt-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.debt-card-date{font-size:13px;color:var(--text-secondary)}.debt-card-status{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:500}.debt-card-status.active{background:var(--primary-100);color:var(--primary-600)}.debt-card-status.partially_paid{background:var(--warning-500);background:#f59e0b1a;color:var(--warning-600)}.debt-card-status.overdue{background:#ef44441a;color:var(--error-500)}.debt-card-status.paid{background:var(--secondary-100);color:var(--secondary-600)}.debt-card-progress{margin-top:var(--spacing-md)}.debt-card-progress-bar{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.debt-card-progress-fill{height:100%;background:linear-gradient(90deg,var(--secondary-400),var(--secondary-500));transition:width .3s}.debt-card-progress-text{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);margin-top:var(--spacing-xs)}.debt-detail{animation:fadeIn .3s ease-out}.debt-detail-back{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:14px;cursor:pointer;margin-bottom:var(--spacing-lg);transition:color .2s}.debt-detail-back:hover{color:var(--primary-600)}.debt-detail-header{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);border:1px solid var(--border-color)}.debt-detail-contact{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.debt-detail-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--primary-100),var(--secondary-100));display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600;color:var(--primary-600)}.debt-detail-info h2{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.debt-detail-info p{color:var(--text-secondary);font-size:14px}.debt-detail-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.debt-detail-amount-item{text-align:center}.debt-detail-amount-item .label{font-size:13px;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.debt-detail-amount-item .value{font-size:28px;font-weight:700;color:var(--text-primary)}.debt-detail-amount-item .value.warning{color:var(--error-500)}.debt-detail-contact-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.contact-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:14px;font-weight:500;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s}.contact-action-btn:hover{border-color:var(--primary-300);color:var(--primary-600);background:var(--primary-50)}.contact-action-btn svg{width:18px;height:18px}.debt-detail-section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--border-color)}.debt-detail-section h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.debt-detail-section h3 svg{width:20px;height:20px;color:var(--text-secondary)}.payment-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.payment-item:last-child{margin-bottom:0}.payment-info{display:flex;align-items:center;gap:var(--spacing-md)}.payment-icon{width:36px;height:36px;border-radius:50%;background:var(--secondary-100);display:flex;align-items:center;justify-content:center;color:var(--secondary-600)}.payment-details .amount{font-size:16px;font-weight:600;color:var(--text-primary)}.payment-details .date{font-size:12px;color:var(--text-secondary)}.evidence-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-md)}.evidence-item{aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.evidence-item:hover{transform:scale(1.05)}.evidence-item img{width:100%;height:100%;object-fit:cover}.evidence-item-icon{color:var(--text-tertiary)}.empty-state{text-align:center;padding:var(--spacing-2xl)}.empty-state-icon{width:80px;height:80px;background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);color:var(--text-tertiary)}.empty-state-icon svg{width:40px;height:40px}.empty-state h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.add-debt-container{max-width:600px;margin:0 auto}.add-debt-header{margin-bottom:var(--spacing-xl)}.add-debt-header h1{font-size:24px;font-weight:700;margin-bottom:var(--spacing-sm)}.add-debt-type{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.add-debt-type-btn{flex:1;padding:var(--spacing-lg);border-radius:var(--radius-lg);border:2px solid var(--border-color);background:var(--bg-primary);cursor:pointer;transition:all .2s;text-align:center}.add-debt-type-btn.selected.owed_to_me{border-color:var(--secondary-500);background:var(--secondary-50)}.add-debt-type-btn.selected.owed_by_me{border-color:var(--primary-500);background:var(--primary-50)}.add-debt-type-btn h3{font-size:16px;font-weight:600;margin-bottom:var(--spacing-xs)}.add-debt-type-btn p{font-size:13px;color:var(--text-secondary)}.add-debt-form{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--border-color)}.add-debt-form .form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.amount-input-group{display:flex;gap:var(--spacing-sm)}.amount-input-group input{flex:1}.amount-input-group select{width:100px;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:15px;background:var(--bg-primary)}.evidence-upload{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all .2s}.evidence-upload:hover{border-color:var(--primary-400);background:var(--primary-50)}.evidence-upload-icon{width:48px;height:48px;background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:var(--text-secondary)}.evidence-upload p{color:var(--text-secondary);font-size:14px}.evidence-upload span{color:var(--primary-600);font-weight:500}.subscription-container{max-width:800px;margin:0 auto}.subscription-header{text-align:center;margin-bottom:var(--spacing-2xl)}.subscription-header h1{font-size:28px;font-weight:700;margin-bottom:var(--spacing-sm)}.subscription-header p{color:var(--text-secondary)}.subscription-current{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--border-color);margin-bottom:var(--spacing-2xl)}.subscription-current-info{display:flex;align-items:center;justify-content:space-between}.subscription-current h3{font-size:16px;font-weight:600;margin-bottom:var(--spacing-xs)}.subscription-current p{color:var(--text-secondary);font-size:14px}.subscription-current .status{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:14px;font-weight:500}.subscription-current .status.active{background:var(--secondary-100);color:var(--secondary-600)}.subscription-current .status.inactive{background:#ef44441a;color:var(--error-500)}.subscription-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.plan-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-lg);border:2px solid var(--border-color);text-align:center;position:relative;transition:all .2s}.plan-card:hover{border-color:var(--primary-300)}.plan-card.popular{border-color:var(--primary-500)}.plan-card.popular:before{content:"Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-500);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:12px;font-weight:500}.plan-card h3{font-size:18px;font-weight:600;margin-bottom:var(--spacing-sm)}.plan-price{margin-bottom:var(--spacing-md)}.plan-price .amount{font-size:36px;font-weight:700;color:var(--text-primary)}.plan-price .period{font-size:14px;color:var(--text-secondary)}.plan-features{text-align:left;margin-bottom:var(--spacing-lg)}.plan-features li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.plan-features li svg{width:16px;height:16px;color:var(--secondary-500)}.history-container{max-width:800px;margin:0 auto}.history-header{margin-bottom:var(--spacing-xl)}.history-header h1{font-size:24px;font-weight:700}.history-filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.history-filter{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);font-size:14px;cursor:pointer}.history-filter.active{border-color:var(--primary-500);background:var(--primary-50);color:var(--primary-600)}.history-timeline{position:relative;padding-left:var(--spacing-xl)}.history-timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--border-color)}.history-item{position:relative;padding:var(--spacing-md);padding-left:var(--spacing-lg);margin-bottom:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.history-item:before{content:"";position:absolute;left:-20px;top:var(--spacing-md);width:12px;height:12px;border-radius:50%;background:var(--primary-500);border:2px solid var(--bg-primary)}.history-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.history-item-type{font-size:14px;font-weight:600;color:var(--text-primary)}.history-item-date{font-size:12px;color:var(--text-tertiary)}.history-item-description{font-size:13px;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}.modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.modal-header h2{font-size:20px;font-weight:700}.modal-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.modal-close:hover{background:var(--border-color)}.notification-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:var(--error-500);color:#fff;font-size:11px;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.dashboard-cards{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.subscription-plans{grid-template-columns:1fr}.debt-detail-amounts{grid-template-columns:1fr;text-align:left}.debt-detail-contact-actions{flex-wrap:wrap}.contact-action-btn{min-width:calc(50% - var(--spacing-sm))}.add-debt-type{flex-direction:column}.layout-content{padding:var(--spacing-md)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.auth-card{padding:var(--spacing-lg)}.dashboard-card-amount{font-size:28px}}