*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden;width:100%;font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}[dir=rtl]{direction:rtl}[dir=ltr]{direction:ltr}h1,h2,h3,h4,h5,h6{text-align:start;margin-block-start:0;margin-block-end:.5em}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{text-align:right}[dir=ltr] h1,[dir=ltr] h2,[dir=ltr] h3,[dir=ltr] h4,[dir=ltr] h5,[dir=ltr] h6{text-align:left}p,span,div{text-align:start}[dir=rtl] p,[dir=rtl] span,[dir=rtl] div{text-align:right}[dir=ltr] p,[dir=ltr] span,[dir=ltr] div{text-align:left}.text-center,.empty-state,.no-notes,.subscription-banner{text-align:center!important}button,.btn{text-align:center;min-height:44px;padding:12px 16px;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{width:100%;min-height:44px;padding:12px 14px;font-size:16px;border:1px solid #cbd5e0;border-radius:8px;font-family:inherit;transition:border-color .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}[dir=rtl] .header-actions,[dir=rtl] .form-actions,[dir=rtl] .action-buttons{flex-direction:row-reverse}.detail-row{display:flex;align-items:center;gap:8px}[dir=rtl] .detail-row{flex-direction:row-reverse;text-align:right}[dir=ltr] .detail-row{text-align:left}[dir=rtl] .detail-label{text-align:right}[dir=ltr] .detail-label,[dir=rtl] .detail-value{text-align:left}[dir=ltr] .detail-value,[dir=rtl] .modal-header{text-align:right}[dir=ltr] .modal-header{text-align:left}[dir=rtl] .modal-body{text-align:right}[dir=ltr] .modal-body{text-align:left}[dir=rtl] .modal-footer{flex-direction:row-reverse}label{display:block;text-align:start;margin-block-end:6px;font-weight:500}[dir=rtl] label{text-align:right}[dir=ltr] label{text-align:left}[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{text-align:right}[dir=ltr] input,[dir=ltr] select,[dir=ltr] textarea{text-align:left}[dir=rtl] input[type=tel]::placeholder,[dir=rtl] input[placeholder*="+20"]::placeholder{text-align:left;direction:ltr}[dir=rtl] .detail-value,[dir=rtl] .info-value,[dir=ltr] .detail-value,[dir=ltr] .info-value,[dir=rtl] .detail-label,[dir=rtl] .info-label{text-align:right!important}[dir=ltr] .detail-label,[dir=ltr] .info-label{text-align:left!important}.page-container{width:100%;padding:16px;margin:0 auto}@media(min-width:768px){.page-container{padding:24px;max-width:640px}}@media(min-width:1024px){.page-container{max-width:1024px}}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a}@media(min-width:768px){.card{padding:24px}}img{max-width:100%;height:auto}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spinner{border:3px solid #f3f4f6;border-top:3px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}