:root{--bg: #0d0d1a;--surface: #1a1a2e;--surface2: #16213e;--surface3: #1e2a4a;--gold: #d4a843;--gold-dark: #b8902a;--gold-light: #e8c060;--text: #e8e8e8;--text-muted: #8a8a9a;--green: #2ecc71;--green-dim: #1a6b3a;--red: #e74c3c;--red-dim: #6b1a1a;--gray: #3a3a4a;--border: #252540;--radius: 12px;--radius-sm: 8px;--header-h: 60px;--bottom-nav-h: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{direction:rtl;font-family:Rubik,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:16px;-webkit-text-size-adjust:100%}body{min-height:100dvh;overflow-x:hidden;background:var(--bg)}#root{min-height:100dvh;display:flex;flex-direction:column}.app{max-width:480px;margin:0 auto;width:100%;min-height:100dvh;display:flex;flex-direction:column;position:relative;background:var(--bg)}h1{font-size:1.4rem;font-weight:700}h2{font-size:1.2rem;font-weight:600}h3{font-size:1rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:var(--radius-sm);border:none;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--gold);color:#1a1a2e}.btn-primary:hover:not(:disabled){background:var(--gold-light)}.btn-secondary{background:var(--surface3);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface2)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--gold)}.btn-danger{background:var(--red-dim);color:var(--red);border:1px solid var(--red-dim)}.btn-full{width:100%}.btn-lg{padding:16px 24px;font-size:1.1rem}.btn-sm{padding:8px 14px;font-size:.875rem}.input,.select,textarea{width:100%;background:var(--surface2);color:var(--text);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-family:inherit;font-size:1rem;outline:none;transition:border-color .15s;-moz-appearance:none;appearance:none;-webkit-appearance:none}.input:focus,.select:focus,textarea:focus{border-color:var(--gold)}.input::placeholder,textarea::placeholder{color:var(--text-muted)}.input[type=time]{padding:10px 14px}.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding-left:36px;cursor:pointer}textarea{resize:vertical;min-height:80px;line-height:1.5}label{display:block;font-size:.875rem;font-weight:500;color:var(--text-muted);margin-bottom:6px}.field{display:flex;flex-direction:column;gap:4px}.field+.field{margin-top:14px}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:16px}.divider{height:1px;background:var(--border);margin:16px 0}.scroll-y{overflow-y:auto;-webkit-overflow-scrolling:touch}.page-content{flex:1;padding-top:var(--header-h);padding-bottom:var(--bottom-nav-h);overflow-y:auto;-webkit-overflow-scrolling:touch}.checkbox-row{display:flex;align-items:center;gap:10px;padding:8px 0}.checkbox-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--gold);cursor:pointer;flex-shrink:0}.checkbox-row span{font-size:.95rem}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.slide-up{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;z-index:101;max-height:96dvh;display:flex;flex-direction:column;animation:slideUp .25s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-up-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.slide-up-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px}.slide-up-footer{padding:12px 16px;border-top:1px solid var(--border);flex-shrink:0}.badge{display:inline-block;padding:2px 8px;border-radius:100px;font-size:.75rem;font-weight:600}.badge-gold{background:var(--gold);color:#1a1a2e}.badge-green{background:var(--green-dim);color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red)}.close-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--surface3);color:var(--text-muted);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.close-btn:hover{background:var(--border);color:var(--text)}.progress-bar{height:6px;background:var(--surface3);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--gold);border-radius:3px;transition:width .3s ease}.text-muted{color:var(--text-muted)}.text-gold{color:var(--gold)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{align-items:center;justify-content:space-between}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}