:root{--bg-page: #FAF7F2;--bg-card: #FFFFFF;--bg-input: #FFF3E8;--bg-accent: #FFE8D9;--border: #EDE5DA;--border-soft: #F2EDE4;--text-ink: #1A1A1A;--text-body: #2C2C2A;--text-muted: #888780;--brand-orange: #FF8A4C;--brand-pink: #FF4F8B;--brand-accent: #E26A2C;--gradient: linear-gradient(135deg, #FF8A4C 0%, #FF4F8B 100%);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 28px;--shadow-sm: 0 2px 12px rgba(0,0,0,.06);--shadow-md: 0 4px 24px rgba(0,0,0,.1);--shadow-lg: 0 12px 48px rgba(255,138,76,.22);--status-green: #3F8A3F;--status-green-bg: #E8F4E8;--status-amber: #B8860B;--status-amber-bg: #FAEEDA;--status-red: #B83838;--status-red-bg: #FAE8E8;--recording: #dc2626;--danger: #B83838;--danger-light: #FAE8E8;--success: #3F8A3F;--success-light:#E8F4E8;--font-ui: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-arabic: "Noto Naskh Arabic", serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-ui);background:var(--bg-page);color:var(--text-ink);font-size:14px;line-height:1.6}#root{min-height:100%}a{color:var(--brand-accent);text-decoration:none}a:hover{text-decoration:underline}.app-frame{max-width:520px;min-height:100vh;margin:0 auto;background:var(--bg-page);display:flex;flex-direction:column}@media (min-width: 640px){body{background:#d8d0c7;padding:24px 0}.app-frame{max-width:800px;min-height:calc(100vh - 48px);border-radius:24px;box-shadow:0 32px 100px #00000038,0 0 0 1px #0000000f;overflow:hidden}}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-size:13px;font-weight:500;color:var(--text-muted)}input,select{font-family:var(--font-ui);font-size:14px;padding:12px 16px;border:none;border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-ink);width:100%}input:focus,select:focus{outline:1.5px solid var(--brand-orange);outline-offset:0}button{font-family:var(--font-ui);font-size:14px;padding:10px 24px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-ink);cursor:pointer;transition:opacity .15s}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--gradient);color:#fff;font-weight:600;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.btn-primary:hover:not(:disabled){opacity:.88}.btn-danger{background:var(--recording);color:#fff;border-radius:var(--radius-sm)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-secondary{background:#ffe8d9;color:#e26a2c;font-weight:600;font-size:13px;padding:8px 16px;border-radius:var(--radius-sm)}.btn-secondary:hover:not(:disabled){opacity:.85}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:#fff3e8}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px}.alert-error{background:var(--danger-light);border:1px solid #fca5a5;color:var(--danger)}.alert-success{background:var(--success-light);border:1px solid #86efac;color:var(--success)}.text-muted{color:var(--text-muted);font-size:13px}.prompt-card{position:relative;background:#fff;border-radius:var(--radius-md);padding:1.25rem 1.25rem 1.5rem;overflow:hidden;box-shadow:var(--shadow-sm)}.prompt-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient)}.wave-bars{display:flex;align-items:center;justify-content:center;gap:3px;height:52px}.wave-bar{width:3px;border-radius:2px;background:#ede5da;height:var(--wave-h, 8px);flex-shrink:0}.wave-bar-active{background:linear-gradient(180deg,#ff8a4c,#ff4f8b);animation:wavePulse .65s ease-in-out infinite alternate;animation-delay:var(--wave-delay, 0s)}@keyframes wavePulse{0%{height:calc(var(--wave-h, 8px) * .35)}to{height:var(--wave-h, 8px)}}.rec-btn-outer{position:relative;width:88px;height:88px;display:flex;align-items:center;justify-content:center}.rec-ring{position:absolute;border-radius:50%;border:2px solid rgba(255,138,76,.28);animation:ringPulse 2.4s ease-in-out infinite}.rec-ring:nth-child(1){width:100%;height:100%;animation-delay:0s}.rec-ring:nth-child(2){width:132%;height:132%;animation-delay:.8s}.rec-ring:nth-child(3){width:168%;height:168%;animation-delay:1.6s}@keyframes ringPulse{0%{transform:scale(.85);opacity:0}50%{opacity:1}to{transform:scale(1.15);opacity:0}}.rec-btn{position:relative;z-index:1;width:88px;height:88px;border-radius:50%;background:var(--gradient);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #ff8a4c73;font-size:2rem;line-height:1;animation:recBtnPulse 2.4s ease-in-out infinite;padding:0}.rec-btn:hover:not(:disabled){opacity:.9}.rec-btn-recording{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 32px #dc262673;animation:none}@keyframes recBtnPulse{0%,to{box-shadow:0 8px 32px #ff8a4c73}50%{box-shadow:0 8px 48px #ff8a4cb3}}.processing-spinner{width:48px;height:48px;border-radius:50%;border:3px solid #EDE5DA;border-top-color:#ff8a4c;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-check{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#3f8a3f,#52b452);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;animation:bounceIn .55s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes bounceIn{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12)}80%{transform:scale(.95)}to{transform:scale(1);opacity:1}}.screen-in{animation:screenIn .28s ease forwards}@keyframes screenIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.layout-root{flex:1;display:flex;flex-direction:column;background:var(--bg-page)}.layout-header{background:#fff;border-bottom:.5px solid var(--border);padding:0 20px;height:52px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.layout-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.layout-logo-mark{width:30px;height:30px;border-radius:8px;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;font-weight:700;flex-shrink:0}.layout-logo-text{font-weight:700;font-size:14px;color:var(--text-ink);white-space:nowrap}.layout-nav{display:flex;align-items:center;gap:2px}.nav-link{padding:4px 12px 6px;font-size:13px;color:var(--text-muted);font-weight:400;text-decoration:none;white-space:nowrap;background-image:none;background-repeat:no-repeat;background-position:0 100%;background-size:0 2px;border-radius:6px}.nav-link-active{color:var(--text-ink);font-weight:600;background-image:var(--gradient);background-size:100% 2px}.nav-logout{padding:4px 10px;font-size:13px;margin-left:4px;background:transparent;color:var(--text-muted);white-space:nowrap}.nav-logout:hover{background:var(--bg-input)}.layout-main{flex:1;padding:24px 20px 40px;width:100%}.hoverable{transition:box-shadow .2s ease,transform .2s ease}.hoverable:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0000001c!important}.hoverable:active{transform:translateY(0)}.row-hover{transition:background .12s ease;cursor:default}.row-hover:hover>td{background:#fff9f5}@media (min-width: 640px){.layout-main{padding:28px 28px 48px}.layout-nav-mobile{display:none!important}.nav-desktop-user{display:flex!important}.layout-header{height:56px;padding:0 24px}}.layout-nav-mobile{display:flex;border-top:.5px solid var(--border);background:#fffffff7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex-shrink:0;position:sticky;bottom:0;z-index:200}.bottom-nav-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 4px 14px;font-size:10px;font-weight:500;color:var(--text-muted);text-decoration:none;border-radius:0;background:none;border:none;cursor:pointer;transition:color .15s;-webkit-tap-highlight-color:transparent}.bottom-nav-link.active{color:var(--brand-accent)}.bottom-nav-link svg{transition:transform .15s ease}.bottom-nav-link.active svg{transform:scale(1.15)}.bottom-nav-logout{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 4px 14px;font-size:10px;font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color .15s}.nav-desktop-user{display:none;align-items:center;gap:8px;padding-left:8px;margin-left:4px;border-left:1px solid var(--border)}.nav-desktop-avatar{width:28px;height:28px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.nav-desktop-name{font-size:13px;font-weight:500;color:var(--text-ink);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-nav-scroll{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}.batch-nav-scroll::-webkit-scrollbar{display:none}@media (max-width: 639px){.layout-header{height:auto;padding:12px 16px;flex-direction:row;align-items:center}.layout-logo{padding-bottom:0}.layout-nav{display:none}.layout-main{padding:16px 16px 24px}}