:root,[data-theme=dark]{--bg-body: #0c0e14;--bg-sidebar: #12141c;--bg-card: #181b25;--bg-card-hover: #1e2230;--bg-input: #12141c;--bg-overlay: rgba(0, 0, 0, .7);--border: #252a3a;--border-focus: #4f8ff7;--text-primary: #e8eaf0;--text-secondary: #7c8298;--text-muted: #555c72;--accent: #4f8ff7;--accent-hover: #3a7ae8;--green: #34d399;--green-bg: #0d3325;--red: #f87171;--red-bg: #3b1515;--yellow: #fbbf24;--yellow-bg: #3b2f0a;--purple: #a78bfa;--purple-bg: #251f3a;--radius: 10px;--radius-sm: 6px;--sidebar-width: 240px;--transition: .2s ease;--blue: #60a5fa;--blue-bg: #112240;--code-bg: #0a0c12;--login-gradient: #151929;--scrollbar-hover: var(--text-muted)}[data-theme=light]{--bg-body: #f0f2f5;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f5f6f8;--bg-input: #f5f6f8;--bg-overlay: rgba(0, 0, 0, .4);--border: #dfe1e6;--border-focus: #3b7ddd;--text-primary: #1a1d26;--text-secondary: #5a6070;--text-muted: #8b90a0;--accent: #3b7ddd;--accent-hover: #2d6bc4;--green: #16a34a;--green-bg: #dcfce7;--red: #dc2626;--red-bg: #fee2e2;--yellow: #d97706;--yellow-bg: #fef3c7;--purple: #7c3aed;--purple-bg: #ede9fe;--radius: 10px;--radius-sm: 6px;--sidebar-width: 240px;--transition: .2s ease;--blue: #2563eb;--blue-bg: #dbeafe;--code-bg: #f1f3f5;--login-gradient: #e0e5ed;--scrollbar-hover: #b0b4c0}body,body *{transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Vazirmatn,sans-serif;background:var(--bg-body);color:var(--text-primary);direction:rtl;line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}input,select,textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:.6rem .85rem;font-size:.9rem;font-family:inherit;outline:none;transition:border-color var(--transition);width:100%}input:focus,select:focus,textarea:focus{border-color:var(--border-focus)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-family:inherit;cursor:pointer;transition:all var(--transition);white-space:nowrap;line-height:1.4}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-success{background:var(--green);color:#0a1f15}.btn-success:hover:not(:disabled){background:#2ec48d}.btn-danger{background:var(--red);color:#1a0505}.btn-danger:hover:not(:disabled){background:#ef5050}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-primary)}.btn-sm{padding:.3rem .65rem;font-size:.8rem}.btn-xs{padding:.2rem .5rem;font-size:.75rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.card+.card{margin-top:1rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.badge-pending{background:var(--yellow-bg);color:var(--yellow)}.badge-processing{background:var(--blue-bg);color:var(--blue)}.badge-ready{background:var(--green-bg);color:var(--green)}.badge-failed{background:var(--red-bg);color:var(--red)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:right;padding:.65rem .85rem;border-bottom:1px solid var(--border);font-size:.88rem}th{color:var(--text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}tr:hover td{background:var(--bg-card-hover)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.w-full{width:100%}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-center{text-align:center}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.alert{padding:.6rem .9rem;border-radius:var(--radius-sm);font-size:.85rem;margin-top:.5rem}.alert-error{background:var(--red-bg);color:var(--red);border:1px solid #5c2020}.alert-success{background:var(--green-bg);color:var(--green);border:1px solid #1a5c3a}.alert-info{background:var(--blue-bg);color:var(--blue);border:1px solid var(--border)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.grid-2{grid-template-columns:1fr}}.progress-bar{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background:var(--green);height:100%;transition:width .3s ease}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);max-width:900px;width:100%;padding:1.25rem}.modal-content video{width:100%;max-height:70vh;border-radius:var(--radius-sm);background:#000}.folder-item{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;background:var(--bg-card-hover);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:.88rem;transition:all var(--transition)}.folder-item:hover{background:var(--border);border-color:var(--text-muted)}.breadcrumb{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;font-size:.88rem}.breadcrumb-item{cursor:pointer;color:var(--text-secondary);transition:color var(--transition)}.breadcrumb-item:hover{color:var(--accent)}.breadcrumb-sep{color:var(--text-muted);margin:0 .15rem}.code-block{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 1rem;font-family:Fira Code,Consolas,monospace;font-size:.82rem;color:var(--green);direction:ltr;text-align:left;overflow-x:auto;white-space:pre;line-height:1.7}.copy-feedback{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:var(--green);color:#0a1f15;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;z-index:2000;animation:fadeInOut 1.5s ease forwards}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(-10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}70%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card-hover);cursor:pointer;font-size:1.15rem;line-height:1;transition:all var(--transition);color:var(--text-secondary);padding:0}.theme-toggle:hover{background:var(--border);color:var(--text-primary);transform:rotate(15deg)}.theme-toggle:active{transform:scale(.92)}