@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&display=swap";:root{--primary: #1B5E20;--primary-light: #4CAF50;--danger: #C62828;--danger-light: #FFEBEE;--success: #2E7D32;--success-light: #E8F5E9;--warning: #F57F17;--warning-light: #FFF3E0;--surface: #FFFFFF;--background: #F5F5F5;--text-main: #212121;--text-muted: #757575;--border: #E0E0E0;--nav-height: 65px;--sp-1: 8px;--sp-2: 16px;--sp-3: 24px;--sp-4: 32px;--sp-5: 40px;--sp-6: 48px;--radius: 12px;--radius-sm: 8px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Cairo,sans-serif;background-color:var(--background);color:var(--text-main);direction:rtl;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;justify-content:center;min-height:100vh}#root{width:100%;max-width:414px;min-height:100vh;background-color:var(--background);position:relative;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}h1{font-size:24px;font-weight:700;margin-bottom:var(--sp-2)}h2{font-size:20px;font-weight:600;margin-bottom:var(--sp-2)}h3{font-size:18px;font-weight:600;margin-bottom:var(--sp-1)}p{font-size:14px;line-height:1.5}.text-sm{font-size:12px}.text-xs{font-size:10px}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-primary{color:var(--primary)}.font-bold{font-weight:700}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.p-2{padding:var(--sp-2)}.p-3{padding:var(--sp-3)}.pt-0{padding-top:0}.pb-safe{padding-bottom:calc(var(--nav-height) + 16px)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mt-2{margin-top:var(--sp-2)}.mt-auto{margin-top:auto}.w-full{width:100%}.card{background:var(--surface);border-radius:var(--radius);padding:var(--sp-2);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);padding:12px var(--sp-2);border-radius:var(--radius);font-family:inherit;font-weight:600;font-size:16px;cursor:pointer;border:none;transition:opacity .2s,transform .1s;width:100%}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-main)}.btn-ghost{background:transparent;color:var(--primary)}.btn-icon{padding:8px;border-radius:var(--radius-full);width:auto}.input-group{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--sp-2)}.input-label{font-size:14px;font-weight:500;color:var(--text-muted)}.input{padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:16px;width:100%;background:var(--surface);color:var(--text-main)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #1b5e201a}.password-wrapper{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:border-color .2s,box-shadow .2s;overflow:hidden}.password-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #1b5e201a}.password-wrapper .input{border:none;box-shadow:none;flex:1}.password-toggle-btn{background:transparent;border:none;padding:0 12px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:color .2s}.password-toggle-btn:hover{color:var(--primary)}textarea.input{min-height:80px;resize:vertical}.badge{padding:4px 8px;border-radius:var(--radius-full);font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-success{background:var(--success-light);color:var(--success)}.badge-neutral{background:var(--border);color:var(--text-muted)}.badge-warning{background:var(--warning-light);color:var(--warning)}.avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--primary-light);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:414px;background:var(--surface);display:flex;justify-content:space-around;padding:12px 0;border-top:1px solid var(--border);box-shadow:0 -2px 10px #0000000d;z-index:50}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);text-decoration:none;font-size:12px;font-weight:500}.nav-item.active{color:var(--primary)}.fab{position:fixed;bottom:80px;right:max(16px,calc(50% - 191px));width:56px;height:56px;border-radius:28px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);border:none;cursor:pointer;z-index:40}.header{background:var(--surface);padding:var(--sp-2);display:flex;align-items:center;gap:var(--sp-2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.header-title{font-size:18px;font-weight:700;flex:1}.back-btn{background:transparent;border:none;color:var(--text-main);cursor:pointer;display:flex;padding:4px}.search-bar{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:8px 16px;gap:8px;margin-bottom:var(--sp-2)}.search-input{border:none;background:transparent;flex:1;font-family:inherit;font-size:14px;outline:none}.list-item{display:flex;align-items:center;padding:var(--sp-2) 0;border-bottom:1px solid var(--border);gap:var(--sp-2);text-decoration:none;color:inherit}.list-item:last-child{border-bottom:none}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:100;display:flex;align-items:flex-end;justify-content:center}.bottom-sheet{background:var(--surface);width:100%;max-width:414px;border-radius:24px 24px 0 0;padding:var(--sp-3);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-5) var(--sp-2);text-align:center;color:var(--text-muted);gap:var(--sp-2)}.page-footer{flex-shrink:0;padding:var(--sp-2);background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 16px #00000012}