@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap";:root{--gold-50:#fbf5e2;--gold-100:#f6e9be;--gold-200:#ebd58a;--gold-300:#dcbc5e;--gold-400:#cfa947;--gold-500:#c9a14a;--gold-600:#b58c36;--gold-700:#8e6c28;--gold-800:#604918;--gold-900:#3c2e0f;--cream-50:#fffdf5;--cream-100:#fdf6d8;--cream-200:#fbefc2;--cream-300:#f9eece;--cream-400:#f2e2a6;--beige-50:#faf7f0;--beige-100:#f5f1e8;--beige-200:#ede7d6;--beige-300:#ddd3bb;--sage-50:#e9efe6;--sage-100:#cfdac8;--sage-300:#7e9678;--sage-500:#4a6b4a;--sage-700:#2e4530;--sage-900:#18261a;--blush-50:#fbeeef;--blush-100:#f5d6e0;--blush-200:#e8b9c9;--blush-400:#c97a91;--burgundy-500:#7a2a3c;--burgundy-700:#5a1e2c;--ink-50:#f7f5f1;--ink-100:#e9e5dd;--ink-200:#c7c0b2;--ink-300:#948b7b;--ink-500:#5f493b;--ink-700:#2c2418;--ink-900:#1a1410;--ink-black:#0e0a06;--paper:#fff;--paper-2:#fbf9f4;--status-success:#4a6b4a;--status-success-soft:#e9efe6;--status-warning:#c9a14a;--status-warning-soft:#fdf6d8;--status-error:#a23a2e;--status-error-soft:#f6e2dc;--status-info:#4e6b86;--status-info-soft:#e4ecf2;--status-running:#b58c36;--status-queued:#948b7b;--fg-1:var(--ink-900);--fg-2:var(--ink-700);--fg-3:var(--ink-500);--fg-muted:var(--ink-300);--fg-on-gold:var(--paper);--fg-link:var(--burgundy-500);--bg-page:var(--paper);--bg-page-warm:var(--paper-2);--bg-surface:var(--paper);--bg-surface-cream:var(--cream-300);--bg-surface-beige:var(--beige-100);--bg-input:var(--cream-100);--bg-input-strong:var(--cream-300);--border-soft:#5f493b1a;--border-medium:#5f493b2e;--border-strong:#5f493b52;--primary:var(--gold-500);--primary-hover:var(--gold-600);--primary-press:var(--gold-700);--font-display:"Cairo", "Segoe UI", system-ui, sans-serif;--font-body:"Cairo", "Inter", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-display:56px;--fs-h1:40px;--fs-h2:28px;--fs-h3:22px;--fs-h4:18px;--fs-body:15px;--fs-body-lg:17px;--fs-caption:13px;--fs-micro:11px;--lh-tight:1.15;--lh-snug:1.35;--lh-body:1.7;--lh-loose:1.85;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.04em;--tracking-caps:.08em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--r-xs:6px;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-pill:999px;--shadow-1:0 1px 2px #5f493b0f, 0 1px 1px #5f493b0a;--shadow-2:0 4px 12px #5f493b0f, 0 1px 2px #5f493b0a;--shadow-3:0 12px 32px #5f493b14, 0 2px 6px #5f493b0a;--shadow-glow-gold:0 6px 24px #c9a14a47;--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.14s;--dur-base:.22s;--dur-slow:.38s;--dur-page:.52s}html,body{background:var(--bg-page);color:var(--fg-1);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}.t-display,h1.display{font-family:var(--font-display);font-size:var(--fs-display);font-weight:800;line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--fg-1)}h1,.t-h1{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:800;line-height:var(--lh-tight);color:var(--fg-1)}h2,.t-h2{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:700;line-height:var(--lh-snug);color:var(--fg-1)}h3,.t-h3{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:700;line-height:var(--lh-snug);color:var(--fg-1)}h4,.t-h4{font-family:var(--font-body);font-size:var(--fs-h4);color:var(--fg-1);font-weight:600}p,.t-body{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2)}.t-body-lg{font-size:var(--fs-body-lg);line-height:var(--lh-body)}.t-caption{font-size:var(--fs-caption);color:var(--fg-3);line-height:var(--lh-snug)}.t-micro{font-size:var(--fs-micro);color:var(--fg-3);letter-spacing:var(--tracking-caps);text-transform:uppercase}.t-mono{font-family:var(--font-mono);color:var(--fg-2);font-size:13px}code{font-family:var(--font-mono);color:var(--ink-700);background:var(--cream-100);border-radius:var(--r-xs);padding:1px 6px;font-size:.92em}a,.t-link{color:var(--fg-link);transition:color var(--dur-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--burgundy-700)}[dir=rtl]{font-family:var(--font-display)}.utr-page{flex-direction:column;gap:32px;max-width:1280px;margin-inline:auto;padding:48px 56px;display:flex}.utr-page--narrow{max-width:1024px}.utr-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--gold-700);font-size:11px;font-weight:700}.utr-mono{font-family:var(--font-mono);color:var(--ink-500);font-size:12px}.utr-mono-sm{font-family:var(--font-mono);color:var(--ink-500);font-size:11px}.utr-btn{cursor:pointer;height:52px;font-family:var(--font-body);transition:background var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), transform .12s var(--ease-out), color var(--dur-base) var(--ease-out);white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 32px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.utr-btn:disabled{opacity:.5;cursor:not-allowed}.utr-btn--sm{height:40px;padding:0 20px;font-size:14px}.utr-btn--lg{height:60px;padding:0 40px;font-size:17px}.utr-btn--primary{background:var(--gold-500);color:#fff}.utr-btn--primary:hover:not(:disabled){background:var(--gold-600);box-shadow:var(--shadow-glow-gold)}.utr-btn--primary:active:not(:disabled){background:var(--gold-700);transform:scale(.98)}.utr-btn--secondary{background:var(--cream-300);color:var(--ink-900)}.utr-btn--secondary:hover:not(:disabled){background:var(--cream-200)}.utr-btn--ghost{color:var(--ink-900);background:0 0}.utr-btn--ghost:hover:not(:disabled){color:var(--gold-700)}.utr-btn--danger{background:var(--status-error);color:#fff}.utr-btn--danger:hover:not(:disabled){background:#8a2f25}.utr-btn-icon{margin-inline-end:-2px}.utr-section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.utr-section-title{font-family:var(--font-display);color:var(--ink-900);margin:4px 0 0;font-size:28px;font-weight:700;line-height:1.2}.utr-section-sub{color:var(--ink-500);max-width:720px;margin:6px 0 0;font-size:14px;line-height:1.65}.utr-section-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.utr-search{background:var(--cream-100);width:260px;height:52px;color:var(--ink-300);transition:background var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);border-radius:999px;align-items:center;gap:10px;padding:0 22px;display:flex}.utr-search:focus-within{background:var(--cream-200);box-shadow:0 0 0 3px #c9a14a2e}.utr-search input{min-width:0;font-family:var(--font-body);color:var(--ink-900);background:0 0;border:0;outline:none;flex:1;font-size:14px}.utr-tabs{background:var(--beige-100);scrollbar-width:none;border-radius:999px;align-self:flex-start;gap:2px;max-width:100%;padding:6px;display:inline-flex;overflow-x:auto}.utr-tabs::-webkit-scrollbar{display:none}.utr-tab{cursor:pointer;height:40px;color:var(--ink-700);font-family:var(--font-body);white-space:nowrap;transition:background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 20px;font-size:13px;font-weight:600;display:inline-flex}.utr-tab:hover{color:var(--gold-700)}.utr-tab.is-active{background:var(--sage-500);color:#fff}.utr-tab.is-active:hover{color:#fff}.utr-tab-count{background:var(--cream-100);color:var(--ink-500);font-size:11px;font-family:var(--font-mono);border-radius:999px;padding:1px 8px}.utr-tab.is-active .utr-tab-count{color:#fff;background:#ffffff2e}.utr-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.utr-stat-card{background:var(--paper);box-shadow:var(--shadow-2);border-radius:20px;flex-direction:column;gap:4px;padding:22px;display:flex}.utr-stat-label{color:var(--ink-500);font-size:12px;font-weight:500}.utr-stat-value{font-family:var(--font-display);color:var(--ink-900);font-size:36px;font-weight:800;line-height:1}.utr-stat-sub{color:var(--ink-300);font-size:11px;font-family:var(--font-mono);margin-top:4px}.utr-alert{background:var(--status-info-soft);color:var(--status-info);border-radius:16px;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:500;display:flex}.utr-alert--warn{background:var(--cream-100);color:var(--gold-700)}.utr-alert--error{background:var(--status-error-soft);color:var(--status-error)}.utr-rows{flex-direction:column;gap:12px;display:flex}.utr-row{background:var(--paper);box-shadow:var(--shadow-2);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);border-radius:20px;grid-template-columns:56px 1.4fr 1.1fr auto auto;align-items:center;gap:12px 20px;padding:18px 20px;display:grid}.utr-row.is-clickable{cursor:pointer}.utr-row.is-clickable:hover{box-shadow:var(--shadow-3);transform:translateY(-2px)}.utr-row-avatar{width:56px;height:56px;font-family:var(--font-display);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:flex}.utr-row-main{flex-direction:column;gap:4px;min-width:0;display:flex}.utr-row-title{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.utr-row-name{font-family:var(--font-display);color:var(--ink-900);font-size:17px;font-weight:700}.utr-row-id{font-family:var(--font-mono);color:var(--ink-300);font-size:12px}.utr-row-meta{color:var(--ink-500);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.utr-dot{color:var(--ink-200)}.utr-row-chips{flex-wrap:wrap;gap:6px;display:flex}.utr-row-time{flex-direction:column;gap:4px;min-width:110px;display:flex}.utr-row-time--end{align-items:flex-end}.utr-row-tail{align-items:center;gap:8px;display:flex}.utr-row-foot{border-top:1px solid var(--border-soft);flex-direction:column;grid-column:1/-1;gap:8px;padding-top:12px;display:flex}.utr-chip{background:var(--cream-100);height:26px;color:var(--ink-700);font-size:12px;font-weight:500;font-family:var(--font-mono);border-radius:999px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.utr-chip--sage{background:var(--sage-50);color:var(--sage-700)}.utr-chip--gold{background:var(--gold-500);color:#fff}.utr-chip--ink{background:var(--ink-100);color:var(--ink-700)}.utr-chip--blush{background:var(--blush-100);color:var(--burgundy-500)}.utr-chip--beige{background:var(--beige-100);color:var(--ink-700)}.utr-pill{height:30px;font-size:13px;font-weight:600;font-family:var(--font-body);border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.utr-dot-status{border-radius:50%;flex-shrink:0;width:8px;height:8px}.utr-dot-status.is-pulse{animation:1.6s ease-out infinite utrPillPulse}.utr-pill.is-queued{background:var(--ink-100);color:var(--ink-500)}.utr-pill.is-queued .utr-dot-status{background:var(--ink-300)}.utr-pill.is-running{background:var(--cream-100);color:var(--gold-700)}.utr-pill.is-running .utr-dot-status{background:var(--gold-500)}.utr-pill.is-success{background:var(--status-success-soft);color:var(--status-success)}.utr-pill.is-success .utr-dot-status{background:var(--status-success)}.utr-pill.is-error{background:var(--status-error-soft);color:var(--status-error)}.utr-pill.is-error .utr-dot-status{background:var(--status-error)}.utr-pill.is-info{background:var(--status-info-soft);color:var(--status-info)}.utr-pill.is-info .utr-dot-status{background:var(--status-info)}.utr-pill.is-draft{background:var(--cream-100);color:var(--gold-700)}.utr-pill.is-draft .utr-dot-status{background:var(--gold-500)}.utr-pill.is-archived{background:var(--ink-100);color:var(--ink-500)}.utr-pill.is-archived .utr-dot-status{background:var(--ink-300)}.utr-icon-btn{width:36px;height:36px;color:var(--ink-500);cursor:pointer;transition:background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.utr-icon-btn:hover{background:var(--cream-100);color:var(--ink-900)}.utr-icon-btn--danger:hover{background:var(--status-error-soft);color:var(--status-error)}.utr-icon-btn--gold:hover{background:var(--cream-300);color:var(--gold-700)}.utr-empty{background:var(--cream-300);color:var(--ink-500);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:8px;padding:56px 24px;display:flex}.utr-empty-title{font-family:var(--font-display);color:var(--ink-900);margin-top:8px;font-size:20px;font-weight:700}.utr-empty-sub{color:var(--ink-500);font-size:13px}.utr-select{background:var(--cream-100);height:52px;color:var(--ink-700);cursor:pointer;transition:background var(--dur-base) var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:0 18px;display:flex}.utr-select:hover{background:var(--cream-200)}.utr-select select{appearance:none;font-family:var(--font-body);color:var(--ink-900);cursor:pointer;background:0 0;border:0;outline:none;padding-inline-end:6px;font-size:14px;font-weight:600}.utr-dialog{overflow:hidden;border-radius:24px!important}.utr-dialog-title{font-family:var(--font-display);color:var(--ink-900);padding-top:24px;font-size:22px;font-weight:700}.utr-dialog-hint{background:var(--cream-100);color:var(--ink-500);border-radius:12px;margin-top:8px;padding:12px 16px;font-size:12px}.utr-dialog-hint code{background:var(--cream-300);font-family:var(--font-mono);border-radius:6px;padding:1px 6px}.utr-dialog-actions{justify-content:flex-end;gap:12px;padding:16px 24px 24px;display:flex}.utr-asset-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.utr-asset-tile{background:var(--paper);box-shadow:var(--shadow-2);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.utr-asset-tile:hover{box-shadow:var(--shadow-3);transform:translateY(-2px)}.utr-asset-tile-preview{aspect-ratio:4/3;background:var(--beige-100);color:var(--ink-300);justify-content:center;align-items:center;display:flex;overflow:hidden}.utr-asset-tile-preview img{object-fit:cover;width:100%;height:100%}.utr-asset-tile-body{flex-direction:column;gap:6px;padding:14px 16px;display:flex}.utr-asset-tile-name{color:var(--ink-900);word-break:break-all;font-size:14px;font-weight:600;line-height:1.35}.utr-asset-tile-meta{font-family:var(--font-mono);color:var(--ink-500);justify-content:space-between;align-items:center;font-size:11px;display:flex}.utr-asset-tile-foot{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:6px;padding:8px 12px;display:flex}.utr-pager{justify-content:center;align-items:center;gap:6px;margin-top:16px;display:flex}.utr-pager-btn{min-width:36px;height:36px;color:var(--ink-700);font-family:var(--font-body);cursor:pointer;transition:background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:13px;font-weight:600}.utr-pager-btn:hover:not(:disabled){background:var(--cream-100);color:var(--gold-700)}.utr-pager-btn.is-active{background:var(--gold-500);color:#fff}.utr-pager-btn:disabled{opacity:.4;cursor:not-allowed}.utr-code{font-family:var(--font-mono);color:var(--ink-700);background:var(--paper-2);border:1px solid var(--border-soft);white-space:pre-wrap;word-break:break-word;border-radius:12px;max-height:280px;margin:0;padding:12px 14px;font-size:12px;overflow:auto}.utr-code-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);margin-bottom:6px;font-size:11px;font-weight:700}.utr-login-shell{background:radial-gradient(1100px 600px at 80% 110%, var(--blush-100) 0%, transparent 60%), radial-gradient(900px 500px at 20% 0%, var(--cream-200) 0%, transparent 55%), var(--paper-2);justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex}.utr-login-card{background:var(--paper);box-shadow:var(--shadow-3);border-radius:32px;width:100%;max-width:440px;padding:48px 40px}.utr-form-card{background:var(--paper);box-shadow:var(--shadow-2);border-radius:24px;padding:32px}.utr-form-section+.utr-form-section{margin-top:28px}.utr-form-section-title{font-family:var(--font-display);color:var(--ink-900);align-items:center;gap:8px;margin:0 0 14px;font-size:16px;font-weight:700;display:flex}.utr-form-section-divider{background:var(--border-soft);border:0;height:1px;margin:28px 0}.utr-form-grid{grid-template-columns:repeat(2,1fr);gap:16px 20px;display:grid}.utr-form-grid--single{grid-template-columns:1fr;max-width:520px}.utr-field{flex-direction:column;gap:6px;display:flex}.utr-field-label{color:var(--ink-700);font-size:13px;font-weight:600}.utr-field-control{background:var(--cream-100);border-radius:var(--r-md);min-height:52px;transition:background var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);align-items:center;gap:10px;padding:0 18px;display:flex}.utr-field-control:focus-within{background:var(--cream-200);box-shadow:0 0 0 3px #c9a14a2e}.utr-field-control.is-error{background:var(--status-error-soft);box-shadow:0 0 0 1px #a23a2e4d}.utr-field-control.is-disabled{background:var(--ink-50);opacity:.75}.utr-field-control--area{align-items:flex-start;min-height:auto;padding:12px 18px}.utr-field-icon{color:var(--ink-300);flex-shrink:0}.utr-field-input,.utr-field-textarea,.utr-field-native-select{min-width:0;font-family:var(--font-body);color:var(--ink-900);background:0 0;border:0;outline:none;flex:1;font-size:15px}.utr-field-input.is-mono,.utr-field-textarea.is-mono{font-family:var(--font-mono);font-size:14px}.utr-field-input::placeholder,.utr-field-textarea::placeholder{color:var(--ink-300)}.utr-field-textarea{resize:vertical;padding:6px 0;line-height:1.6}.utr-field-native-select{appearance:none;cursor:pointer;font-weight:500}.utr-field-input:disabled,.utr-field-textarea:disabled,.utr-field-native-select:disabled{cursor:not-allowed;color:var(--ink-300)}.utr-field-hint{color:var(--ink-300);font-size:12px}.utr-field-error{color:var(--status-error);align-items:center;gap:4px;font-size:12px;display:flex}.utr-field-chevron{color:var(--ink-300);pointer-events:none;flex-shrink:0}.utr-tab-strip{background:var(--beige-100);border-radius:var(--r-md);scrollbar-width:none;gap:4px;padding:6px;display:flex;overflow-x:auto}.utr-tab-strip::-webkit-scrollbar{display:none}.utr-tab-strip-item{cursor:pointer;color:var(--ink-700);font-family:var(--font-body);border-radius:var(--r-sm);white-space:nowrap;height:40px;transition:background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);background:0 0;border:0;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.utr-tab-strip-item:hover{color:var(--gold-700)}.utr-tab-strip-item.is-active{background:var(--paper);color:var(--gold-700);box-shadow:var(--shadow-1)}@media (width<=1080px){.utr-page{padding:32px 24px}.utr-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.utr-row{grid-template-columns:48px 1fr auto;grid-auto-flow:row}.utr-row-avatar{width:48px;height:48px;font-size:20px}.utr-search,.utr-section-actions{width:100%}.utr-form-grid{grid-template-columns:1fr}.utr-form-card{padding:24px}}html,body,#app{height:100%;margin:0}html{direction:rtl}body{font-family:var(--font-body);background:var(--bg-page);color:var(--fg-1);-webkit-font-smoothing:antialiased}@keyframes utrPillPulse{0%{box-shadow:0 0 #c9a14a8c}80%,to{box-shadow:0 0 0 8px #c9a14a00}}@keyframes utrFloatY{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-8px)rotate(-6deg)}}@keyframes utrPageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--ink-100);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--ink-200)}