:root{--bg-dark: #0a0a0c;--bg-sidebar: #121216;--primary: #5d5dff;--primary-glow: rgba(93, 93, 255, .4);--text-main: #e0e0e6;--text-dim: #9494a5;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--status-running: #4dabf7;--status-completed: #51cf66;--status-failed: #ff6b6b;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;height:100vh;overflow:hidden}#app{display:flex;height:100%}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.sidebar{width:320px;background:var(--bg-sidebar);border-right:1px solid var(--glass-border);display:flex;flex-direction:column}.sidebar-header{padding:24px;border-bottom:1px solid var(--glass-border)}#logo-link{text-decoration:none;color:inherit;transition:var(--transition)}#logo-link:hover{opacity:.8}.dashboard-view{padding:48px;height:100%;display:flex;flex-direction:column}.dashboard-header{margin-bottom:32px}.dashboard-header h2{font-size:32px;margin-bottom:8px}.dashboard-header p{color:var(--text-dim)}.dashboard-content{flex:1;overflow-y:auto;border-radius:12px;display:flex;flex-direction:column}.activity-table{width:100%;border-collapse:collapse;text-align:left}.activity-table th{padding:16px 24px;background:#ffffff05;border-bottom:1px solid var(--glass-border);font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim)}.activity-table td{padding:16px 24px;border-bottom:1px solid var(--glass-border);font-size:14px}.activity-table tr{cursor:pointer;transition:var(--transition)}.activity-table tr:hover{background:#ffffff08}.activity-table .status-badge{display:inline-block}.logo{display:flex;align-items:center;gap:12px;margin-bottom:24px}.logo-icon{font-size:24px;color:var(--primary);text-shadow:0 0 10px var(--primary-glow)}.logo h1{font-size:20px;font-weight:700;letter-spacing:-.5px}.task-nav{flex:1;padding:24px 12px;overflow-y:auto}.nav-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:12px;padding-left:12px}#task-list{list-style:none}.task-item{padding:12px;border-radius:8px;cursor:pointer;margin-bottom:4px;transition:var(--transition)}.task-item:hover{background:#ffffff0d}.task-item.active{background:#5d5dff1a;border-left:3px solid var(--primary)}.task-item-title{font-size:14px;font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-item-meta{font-size:12px;color:var(--text-dim);display:flex;justify-content:space-between}.main-content{flex:1;position:relative;background:radial-gradient(circle at 50% 50%,#1a1a24,#0a0a0c);display:flex;flex-direction:column}.empty-state{margin:auto;text-align:center;max-width:400px}.empty-icon{font-size:64px;color:var(--text-dim);opacity:.3;margin-bottom:16px}.task-view{display:flex;flex-direction:column;height:100%;padding:48px}.view-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.header-main{display:flex;align-items:center;gap:16px}.task-content{display:flex;gap:24px;flex:1;min-height:0}.run-history{width:240px;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.runs-header{padding:16px 20px;border-bottom:1px solid var(--glass-border);background:#ffffff05}.runs-header h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim)}#run-list{list-style:none;flex:1;overflow-y:auto;padding:8px}.run-item{padding:12px 16px;border-radius:8px;cursor:pointer;margin-bottom:4px;font-size:13px;transition:var(--transition);display:flex;justify-content:space-between;align-items:center}.run-item:hover{background:#ffffff0d}.run-item.active{background:#5d5dff1a;color:var(--primary);font-weight:500}.run-item-date{font-size:11px;color:var(--text-dim)}.run-details{flex:1;display:flex;flex-direction:row;overflow:hidden;gap:24px}.status-badge{padding:4px 12px;border-radius:100px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.running{background:#4dabf71a;color:var(--status-running);border:1px solid rgba(77,171,247,.2)}.status-badge.completed{background:#51cf661a;color:var(--status-completed);border:1px solid rgba(81,207,102,.2)}.schedule-badge{font-size:11px;background:#ffffff0d;padding:4px 10px;border-radius:100px;color:var(--text-dim);border:1px solid var(--glass-border);font-weight:500}.logs-container{width:450px;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,width .3s ease,opacity .3s ease;flex-shrink:0}.logs-container.hidden{display:none!important}.logs-header{padding:16px 24px;background:#ffffff05;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.logs-header h3{font-size:14px;color:var(--text-dim)}.logs-output{flex:1;padding:24px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;overflow-y:auto;color:#c9c9d1}.log-entry{margin-bottom:4px;white-space:pre-wrap}.answer-container{flex:1;border-radius:12px;border-left:4px solid var(--primary);background:linear-gradient(to right,rgba(93,93,255,.05),transparent);overflow-y:auto;display:flex;flex-direction:column}.answer-header{padding:16px 24px;border-bottom:1px solid var(--glass-border);position:sticky;top:0;background:var(--bg-dark);z-index:10}.answer-header h3{font-size:14px;color:var(--primary);font-weight:600;text-transform:uppercase;letter-spacing:1px}.answer-output{padding:24px;line-height:1.6;color:var(--text);font-size:15px}.answer-output h1,.answer-output h2,.answer-output h3{margin-top:24px;margin-bottom:12px;color:#fff}.answer-output h1{font-size:24px;border-bottom:1px solid var(--glass-border);padding-bottom:8px}.answer-output{min-height:100px}.waiting-placeholder{color:var(--text-dim);font-style:italic;display:flex;align-items:center;justify-content:center;height:100px;background:#ffffff05;border-radius:8px}.answer-output h2{font-size:20px}.answer-output h3{font-size:18px}.answer-output p{margin-bottom:16px}.answer-output ul,.answer-output ol{margin-bottom:16px;padding-left:20px}.answer-output li{margin-bottom:6px}.answer-output code{font-family:var(--font-mono);background:#ffffff1a;padding:2px 4px;border-radius:4px;font-size:13px}.answer-output pre{background:#0000004d;padding:16px;border-radius:8px;overflow-x:auto;margin-bottom:16px;border:1px solid var(--glass-border)}.answer-output pre code{background:none;padding:0;display:block}.answer-output hr{border:none;border-top:1px solid var(--glass-border);margin:24px 0}.answer-output a{color:var(--primary);text-decoration:none}.answer-output a:hover{text-decoration:underline}.answer-output blockquote{border-left:4px solid var(--primary);background:#5d5dff0d;padding:12px 20px;margin:0 0 16px;color:var(--text-dim);font-style:italic}.btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:var(--transition);display:flex;align-items:center;gap:8px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #5d5dff63}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #5d5dff73}.btn-ghost{background:transparent;color:var(--text-dim)}.btn-ghost:hover{background:#ffffff0d;color:var(--text-main)}.modal-container{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.modal{width:500px;padding:32px;border-radius:16px}.modal h2{margin-bottom:8px}.modal p{color:var(--text-dim);margin-bottom:24px;font-size:14px}textarea{width:100%;height:120px;background:#0003;border:1px solid var(--glass-border);border-radius:8px;padding:16px;color:var(--text-main);font-family:inherit;margin-bottom:24px;resize:none}textarea:focus{outline:none;border-color:var(--primary)}.form-group{margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:500;color:var(--text-dim)}.form-group input[type=text]{background:#0003;border:1px solid var(--glass-border);border-radius:8px;padding:12px 16px;color:var(--text-main);font-family:inherit}.form-group input[type=text]:focus{outline:none;border-color:var(--primary)}.form-help{font-size:11px;color:var(--text-dim);font-style:italic}.preset-group{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}.btn-preset{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-dim);padding:10px;font-size:13px;border-radius:8px;transition:all .2s}.btn-preset:hover{background:#ffffff1a;color:var(--text-main)}.btn-preset.active{background:#0096ff1a;border-color:var(--primary);color:var(--primary)}.custom-cron-toggle{display:flex;justify-content:flex-end;margin-bottom:8px}.btn-link{background:none;border:none;color:var(--text-dim);font-size:11px;cursor:pointer;text-decoration:underline;padding:0}.btn-link:hover{color:var(--primary)}#custom-cron-container{margin-top:8px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.hidden{display:none!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-box{text-align:center;max-width:400px;width:90%;padding:40px;border-radius:24px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center}.login-box .logo-icon{font-size:64px;margin-bottom:16px;display:block}.login-title{font-size:32px;font-weight:700;margin-bottom:8px;letter-spacing:-.02em}.login-box p{color:var(--text-dim);margin-bottom:32px}.loader{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-left-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-footer{padding:16px;border-top:1px solid var(--glass-border);margin-top:auto}.btn-sm{padding:6px 12px;font-size:12px;width:100%;justify-content:center}#toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:2000}.toast{min-width:300px;padding:16px 20px;border-radius:12px;background:var(--bg-sidebar);border:1px solid var(--glass-border);box-shadow:0 10px 30px #00000080;display:flex;align-items:center;gap:12px;animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.toast.error{border-left:4px solid var(--status-failed)}.toast.success{border-left:4px solid var(--status-completed)}.toast.info{border-left:4px solid var(--primary)}.toast-icon{font-size:18px}.toast-message{font-size:14px;font-weight:500}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.logout-btn{background:transparent;color:var(--text-dim);border:none;padding:8px 12px;cursor:pointer;font-size:14px;font-weight:500;transition:color .2s ease}.logout-btn:hover{color:var(--primary)}