@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#0f172a 0,#1e293b 100%);color:#e2e8f0;min-height:100vh;line-height:1.5;font-size:14px}.container{max-width:1400px;margin:0 auto;padding:1rem}.header{text-align:center;margin-bottom:1.5rem}h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.main-grid{display:grid;grid-template-columns:1fr 350px;gap:1rem;margin-bottom:1rem}.left-panel{display:flex;flex-direction:column;gap:1rem}.right-panel{display:flex;flex-direction:column;gap:1rem}.card{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:1rem;transition:all .3s ease}.card:hover{border-color:rgba(59,130,246,.3)}.card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;color:#f1f5f9}.icon{width:18px;height:18px;fill:currentColor}.toggle-group{display:flex;gap:.5rem;margin-bottom:1rem}.toggle-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem 1rem;color:#cbd5e1;cursor:pointer;transition:all .3s ease;font-size:.875rem;font-weight:500}.toggle-btn.active{background:rgba(59,130,246,.2);border-color:#3b82f6;color:#60a5fa}.cron-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.75rem;margin-bottom:1rem}.field-group{display:flex;flex-direction:column;gap:.25rem}.field-label{font-size:.75rem;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}input,select{background:rgba(15,23,42,.8);border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.5rem;color:#f1f5f9;font-size:.875rem;transition:all .3s ease}input:focus,select:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.1)}input.error{border-color:#ef4444;box-shadow:0 0 0 2px rgba(239,68,68,.1)}input.warning{border-color:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.1)}.field-error{font-size:.75rem;color:#ef4444;margin-top:.25rem;display:none}.field-warning{font-size:.75rem;color:#f59e0b;margin-top:.25rem;display:none}.field-suggestion{font-size:.75rem;color:#10b981;margin-top:.25rem;display:none;cursor:pointer}.field-suggestion:hover{text-decoration:underline}.field-hint{font-size:.65rem;color:#64748b;margin-top:.125rem}.cron-output{background:rgba(15,23,42,.9);border-radius:8px;padding:.75rem;border:1px solid rgba(255,255,255,.1);font-family:Monaco,Menlo,"Ubuntu Mono",monospace;font-size:1rem;color:#10b981;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;min-height:40px}.copy-btn{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:6px;padding:.25rem;color:#3b82f6;cursor:pointer;transition:all .3s ease}.copy-btn:hover{background:rgba(59,130,246,.2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-bottom:1rem}.stat-card{background:rgba(15,23,42,.8);border-radius:8px;padding:.75rem;border:1px solid rgba(255,255,255,.1);text-align:center}.stat-value{font-size:1.25rem;font-weight:600;color:#10b981}.stat-label{font-size:.75rem;color:#94a3b8;margin-top:.25rem}.calendar-container{background:rgba(15,23,42,.8);border-radius:8px;padding:.75rem;border:1px solid rgba(255,255,255,.1);margin-bottom:1rem}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.calendar-nav{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:4px;padding:.25rem .4rem;color:#3b82f6;cursor:pointer;transition:all .3s ease;font-size:.875rem}.calendar-nav:hover{background:rgba(59,130,246,.2)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.65rem;border-radius:3px;cursor:pointer;transition:all .3s ease;position:relative;min-height:24px}.calendar-day.header{background:rgba(59,130,246,.1);color:#60a5fa;font-weight:600;font-size:.6rem}.calendar-day.other-month{color:#64748b}.calendar-day.execution{background:rgba(16,185,129,.3);color:#10b981}.calendar-day.execution::after{content:"•";position:absolute;bottom:1px;right:1px;color:#10b981;font-size:.4rem}.calendar-day:hover:not(.header){background:rgba(255,255,255,.1)}.timezone-selector{display:flex;gap:.5rem;margin-bottom:1rem;align-items:center}.timezone-selector label{font-size:.875rem;color:#94a3b8}.export-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-bottom:1rem}.export-btn{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:6px;padding:.5rem;color:#3b82f6;cursor:pointer;transition:all .3s ease;text-align:center;font-size:.875rem}.export-btn:hover{background:rgba(59,130,246,.2)}.code-output{background:rgba(0,0,0,.3);border-radius:6px;padding:1rem;font-family:Monaco,Menlo,"Ubuntu Mono",monospace;font-size:.875rem;color:#e2e8f0;white-space:pre-wrap;overflow-x:auto}.tutorial-section{background:rgba(15,23,42,.8);border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.1);margin-bottom:1rem}.tutorial-steps{counter-reset:step-counter}.tutorial-step{counter-increment:step-counter;margin-bottom:1rem;padding:1rem;background:rgba(255,255,255,.05);border-radius:8px;border-left:3px solid #3b82f6}.tutorial-step::before{content:"Step " counter(step-counter);display:block;font-weight:600;color:#3b82f6;margin-bottom:.5rem;font-size:.875rem}.mistakes-section{background:rgba(15,23,42,.8);border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.1);margin-bottom:1rem}.mistake-item{margin-bottom:1rem;padding:1rem;background:rgba(239,68,68,.1);border-radius:8px;border-left:3px solid #ef4444}.mistake-title{font-weight:600;color:#ef4444;margin-bottom:.5rem}.mistake-desc{color:#cbd5e1;font-size:.875rem}.practices-section{background:rgba(15,23,42,.8);border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.1);margin-bottom:1rem}.practice-item{margin-bottom:1rem;padding:1rem;background:rgba(16,185,129,.1);border-radius:8px;border-left:3px solid #10b981}.practice-title{font-weight:600;color:#10b981;margin-bottom:.5rem}.practice-desc{color:#cbd5e1;font-size:.875rem}.tab-container{margin-bottom:1rem}.tab-buttons{display:flex;gap:2px;margin-bottom:1rem}.tab-button{background:rgba(255,255,255,.1);border:none;border-radius:8px 8px 0 0;padding:.75rem 1rem;color:#cbd5e1;cursor:pointer;transition:all .3s ease;font-size:.875rem;font-weight:500}.tab-button.active{background:rgba(59,130,246,.2);color:#60a5fa}.tab-content{display:none}.tab-content.active{display:block}.examples-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.examples-grid::-webkit-scrollbar{width:6px}.examples-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.examples-grid::-webkit-scrollbar-thumb{background:rgba(59,130,246,.5);border-radius:3px}.examples-grid::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.7)}.example{background:rgba(15,23,42,.6);border-radius:8px;padding:.75rem;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease}.example:hover{border-color:rgba(59,130,246,.3);transform:translateY(-1px)}.example-cron{font-family:Monaco,Menlo,"Ubuntu Mono",monospace;background:rgba(59,130,246,.1);color:#60a5fa;padding:.25rem .5rem;border-radius:4px;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.example-desc{color:#94a3b8;font-size:.75rem}.compact-table{width:100%;border-collapse:collapse;font-size:.75rem}.compact-table td,.compact-table th{padding:.5rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.compact-table th{background:rgba(59,130,246,.1);color:#60a5fa;font-weight:600;font-size:.75rem}.compact-table td{color:#cbd5e1}.compact-table code{background:rgba(15,23,42,.8);padding:.125rem .25rem;border-radius:3px;font-family:Monaco,Menlo,"Ubuntu Mono",monospace;color:#10b981;font-size:.75rem}.explainer-section{display:flex;gap:.5rem;margin-bottom:1rem}.explainer-input{flex:1}.explain-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;padding:.5rem 1rem;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.875rem;white-space:nowrap}.explain-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.explanation{background:rgba(15,23,42,.8);border-radius:8px;padding:.75rem;border:1px solid rgba(255,255,255,.1);min-height:50px;display:flex;align-items:center;color:#cbd5e1;font-size:.875rem;line-height:1.4}.next-runs{background:rgba(15,23,42,.8);border-radius:8px;padding:.75rem;border:1px solid rgba(255,255,255,.1)}.next-runs h3{font-size:.875rem;margin-bottom:.5rem;color:#f1f5f9}.run-time{padding:.25rem .5rem;background:rgba(16,185,129,.1);border-radius:4px;color:#34d399;margin-bottom:.25rem;font-family:Monaco,Menlo,"Ubuntu Mono",monospace;font-size:.75rem}@media (max-width:768px){.main-grid{grid-template-columns:1fr}.cron-inputs{grid-template-columns:repeat(2,1fr)}.examples-grid{grid-template-columns:1fr}.explainer-section{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}}