*{box-sizing:border-box}html,body,#root{background:var(--bg-page);height:100%;color:var(--text-primary);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Vazirmatn,sans-serif}body{font-size:14px;line-height:20px}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}:root{--bg-page:#fff;--bg-subtle:#fafafa;--card-bg:#fff;--card-bg-subtle:#fafafa;--border:#eaeaea;--border-strong:#ebebeb;--text-primary:#171717;--text-secondary:#4d4d4d;--text-tertiary:#8f8f8f;--text-muted:#a8a8a8;--accent:#0070f3;--accent-hover:#0761d1;--accent-tint:#f0f7ff;--status-open-text:#0070f3;--status-open-bg:#f0f7ff;--status-open-border:#cfe4fd;--status-progress-text:#8a6d3b;--status-progress-bg:#fdf6ec;--status-progress-border:#f2e2c2;--status-done-text:#297a3a;--status-done-bg:#f1f9f2;--status-done-border:#cbe8cf;--status-rejected-text:#b3261e;--status-rejected-bg:#fdf1f0;--status-rejected-border:#f3cfcc;--status-closed-text:#8f8f8f;--status-closed-bg:#fafafa;--status-closed-border:#eaeaea;--danger:#e5484d;--danger-bg:#fdf1f0;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-pill:999px;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:12px;--space-6:14px;--space-7:16px;--space-8:20px;--space-9:24px;--space-10:40px}.app-shell{background:var(--bg-page);border-left:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.app-content{padding:var(--space-8) var(--space-7) 100px;flex:1;overflow-y:auto}.bottom-nav{background:var(--card-bg);border-top:1px solid var(--border);padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));justify-content:space-around;align-items:center;display:flex;position:sticky;bottom:0}.bottom-nav-item{padding:var(--space-4) var(--space-6);color:var(--text-muted);border-radius:var(--radius-md);background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:500;transition:background .12s,color .12s;display:flex}.bottom-nav-item.active{color:var(--text-primary);background:var(--bg-subtle)}.page-heading{letter-spacing:-.01em;color:var(--text-primary);margin:0 0 var(--space-8);font-size:20px;font-weight:600;line-height:28px}.section-subheading{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em;margin:0 0 var(--space-5);font-size:13px;font-weight:600}.btn{justify-content:center;align-items:center;gap:var(--space-4);border-radius:var(--radius-md);padding:9px var(--space-7);border:1px solid #0000;width:100%;font-size:14px;font-weight:500;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}.btn-primary{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.btn-primary:hover{background:#000;border-color:#000}.btn-primary:disabled{background:var(--text-muted);border-color:var(--text-muted);cursor:not-allowed}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-accent:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-outline{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-strong)}.btn-outline:hover{background:var(--bg-subtle)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #f3cfcc}.btn-danger:hover{background:#fce4e3}.btn-sm{padding:7px var(--space-6);width:auto;font-size:13px}.card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-7);margin-bottom:var(--space-5)}.card-tappable{cursor:pointer;transition:border-color .12s,background .12s}.card-tappable:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.card-tappable:active{background:var(--bg-subtle)}.card-title{color:var(--text-primary);margin:0 0 var(--space-2);font-size:14px;font-weight:500}.card-meta{color:var(--text-tertiary);font-size:13px}.icon-badge{border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.icon-badge-accent{background:var(--accent-tint);border-color:#cfe4fd}.hero-card{background:var(--text-primary);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-5);color:#fff}.hero-card-top{justify-content:space-between;align-items:center;display:flex}.hero-card-number{letter-spacing:-.02em;font-size:30px;font-weight:600}.hero-card-label{opacity:.68;margin-top:var(--space-2);font-size:13px;font-weight:400}.hero-icon-circle{border-radius:var(--radius-md);background:#ffffff1f;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-7);text-align:center}.stat-card-value{color:var(--text-primary);justify-content:center;align-items:center;gap:var(--space-3);font-size:20px;font-weight:600;display:flex}.stat-card-label{color:var(--text-tertiary);margin-top:var(--space-2);font-size:12px}.badge{border-radius:var(--radius-pill);border:1px solid #0000;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-open{color:var(--status-open-text);background:var(--status-open-bg);border-color:var(--status-open-border)}.badge-in_progress{color:var(--status-progress-text);background:var(--status-progress-bg);border-color:var(--status-progress-border)}.badge-done{color:var(--status-done-text);background:var(--status-done-bg);border-color:var(--status-done-border)}.badge-rejected{color:var(--status-rejected-text);background:var(--status-rejected-bg);border-color:var(--status-rejected-border)}.badge-closed{color:var(--status-closed-text);background:var(--status-closed-bg);border-color:var(--status-closed-border)}.field{margin-bottom:var(--space-7)}.field label{color:var(--text-tertiary);margin-bottom:var(--space-3);font-size:12px;font-weight:500;display:block}.field input,.field textarea,.field select{border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;padding:9px var(--space-6);color:var(--text-primary);background:var(--card-bg);font-family:inherit;font-size:14px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);outline:none}.field textarea{resize:vertical;min-height:100px}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238f8f8f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-6) center;padding-right:36px}.pill-tabs{gap:var(--space-3);padding-bottom:2px;display:flex;overflow-x:auto}.pill-tab{padding:6px var(--space-6);border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--card-bg);color:var(--text-secondary);flex-shrink:0;font-size:13px;font-weight:500;transition:background .12s,color .12s,border-color .12s}.pill-tab:hover{background:var(--bg-subtle)}.pill-tab.active{background:var(--text-primary);border-color:var(--text-primary);color:#fff}.chat-bubble-row{width:100%;display:flex}.chat-bubble{border-radius:var(--radius-lg);max-width:78%;padding:var(--space-5) var(--space-6);border:1px solid var(--border)}.chat-bubble-own{background:var(--text-primary);color:#fff;border-color:var(--text-primary);border-bottom-right-radius:var(--radius-sm)}.chat-bubble-other{background:var(--card-bg);color:var(--text-primary);border-bottom-left-radius:var(--radius-sm)}.upload-dropzone{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-9) var(--space-7);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-subtle);color:var(--text-tertiary);flex-direction:column;transition:border-color .12s,background .12s;display:flex}.upload-dropzone:hover,.upload-dropzone:active{border-color:var(--accent);background:var(--accent-tint)}.upload-dropzone-text{color:var(--text-primary);font-size:13px;font-weight:500}.upload-dropzone-hint{color:var(--text-muted);font-size:11px}.upload-preview{border-radius:var(--radius-lg);border:1px solid var(--border);line-height:0;position:relative;overflow:hidden}.upload-preview img{object-fit:cover;width:100%;max-height:220px;display:block}.upload-preview-remove{top:var(--space-5);right:var(--space-5);background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute}.avatar{border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--border);width:44px;height:44px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.empty-state{text-align:center;color:var(--text-tertiary);padding:var(--space-10) var(--space-7);font-size:14px}.refresh-btn{background:var(--card-bg);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:6px var(--space-6);color:var(--text-secondary);align-items:center;gap:var(--space-3);font-size:12px;font-weight:500;transition:background .12s;display:inline-flex}.refresh-btn:hover{background:var(--bg-subtle)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.7s linear infinite spin}.top-bar{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.row-between{justify-content:space-between;align-items:center;display:flex}.chevron-row{padding:var(--space-2) 0;justify-content:space-between;align-items:center;display:flex}.divider{background:var(--border);height:1px;margin:var(--space-5) 0;border:none}