:root{--bg-dark:#050510;--card:#ffffff0a;--card-border:#ffffff0f;--input-bg:#ffffff0f;--text-main:#fff;--text-dim:#88a;--text-muted:#666;--cyan:#22d3ee;--purple:#a855f7;--accent:var(--calc-color-tools);--border:#ffffff14;--font-body:"Inter", sans-serif;--font-heading:"Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace}[data-theme=light]{--bg-dark:#e8edf5;--card:#fffffff2;--card-border:#0000001f;--input-bg:#f0f4f9;--text-main:#0f172a;--text-dim:#334155;--text-muted:#64748b;--cyan:#0891b2;--purple:#7c3aed;--accent:var(--calc-color-tools);--border:#0000001a}body{background:var(--calc-bg-page);color:var(--calc-text-primary);font-family:var(--font-body);min-height:100vh;margin:0}.dashboard-container{max-width:960px;margin:0 auto;padding:90px 1.5rem 2rem}.glass-navbar{background:#050510eb;border-bottom:1px solid #ffffff0f}[data-theme=light] .glass-navbar{backdrop-filter:blur(12px);background:#f8fafcf2;border-bottom:1px solid #0000001a}.breadcrumb{color:var(--calc-text-muted);font-size:.8rem;font-family:var(--font-mono);margin-bottom:20px}.breadcrumb a{color:var(--calc-text-dim);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--calc-cyan)}.breadcrumb .sep{opacity:.4;margin:0 6px}.tool-hero{text-align:center;margin-bottom:28px}.tool-hero__title{font-family:var(--font-heading);background:linear-gradient(135deg, var(--calc-cyan), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:2rem;font-weight:800}[data-theme=light] .tool-hero__title{background:linear-gradient(135deg,#0891b2,#7c3aed);-webkit-background-clip:text;background-clip:text}.tool-hero__desc{color:var(--calc-text-dim);max-width:600px;margin:0 auto;font-size:.95rem;line-height:1.6}.cron-output-bar{text-align:center;background:#22d3ee0d;border:1px solid #22d3ee33;border-radius:14px;margin-bottom:16px;padding:18px 22px;position:relative}[data-theme=light] .cron-output-bar{background:#fff;border-color:#0891b240;box-shadow:0 2px 12px #00000014}.cron-output-bar__label{font-size:.7rem;font-family:var(--font-mono);color:var(--calc-text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.cron-output-bar__expr{font-family:var(--font-mono);color:var(--calc-cyan);letter-spacing:.08em;word-break:break-all;margin-bottom:6px;font-size:1.8rem;font-weight:700}[data-theme=light] .cron-output-bar__expr{color:#0891b2}.cron-output-bar__copy{color:var(--calc-cyan);font-size:.78rem;font-weight:600;font-family:var(--font-mono);cursor:pointer;background:#22d3ee1a;border:1px solid #22d3ee4d;border-radius:8px;padding:6px 14px;transition:background .2s,border-color .2s;position:absolute;top:14px;right:16px}.cron-output-bar__copy:hover{border-color:var(--calc-cyan);background:#22d3ee33}[data-theme=light] .cron-output-bar__copy{color:#0891b2;background:#0891b214;border-color:#0891b24d}[data-theme=light] .cron-output-bar__copy:hover{background:#0891b226;border-color:#0891b2}.cron-output-bar__desc{color:var(--calc-text-dim);font-size:.9rem;line-height:1.5}.next-runs{background:var(--calc-bg-card);border:1px solid var(--card-border);border-radius:12px;margin-bottom:24px;padding:14px 18px}[data-theme=light] .next-runs{background:#fff;border-color:#0000001f;box-shadow:0 1px 6px #0000000f}.next-runs__label{font-size:.7rem;font-family:var(--font-mono);color:var(--calc-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.next-runs__list{flex-wrap:wrap;gap:6px;display:flex}.next-run-chip{font-size:.78rem;font-family:var(--font-mono);color:var(--calc-text-dim);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;padding:5px 10px}[data-theme=light] .next-run-chip{color:#334155;background:#f0f4f9;border-color:#0000001a}.tool-tabs{border-bottom:1px solid var(--calc-border-default);gap:4px;margin-bottom:20px;padding-bottom:0;display:flex}.tool-tab-btn{font-size:.85rem;font-weight:600;font-family:var(--font-body);color:var(--calc-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 18px;transition:color .2s,border-color .2s}.tool-tab-btn:hover{color:var(--calc-text-dim)}.tool-tab-btn.active{color:var(--calc-cyan);border-bottom-color:var(--calc-cyan)}[data-theme=light] .tool-tab-btn.active{color:#0891b2;border-bottom-color:#0891b2}.tool-tab-content{display:none}.tool-tab-content.active{display:block}.cron-field-card{background:var(--calc-bg-card);border:1px solid var(--card-border);border-left:3px solid var(--calc-cyan);border-radius:12px;margin-bottom:14px;padding:18px 20px;transition:border-color .2s}[data-theme=light] .cron-field-card{background:#fff;border-color:#0000001f #0000001f #0000001f #0891b2;box-shadow:0 1px 6px #0000000f}.cron-field-card__header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.cron-field-card__icon{font-size:1.1rem}.cron-field-card__title{font-family:var(--font-heading);color:var(--calc-text-primary);font-size:1rem;font-weight:700}.cron-field-card__range{font-family:var(--font-mono);color:var(--calc-text-muted);margin-left:auto;font-size:.72rem}.cron-field-card__mode{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.mode-chip{font-size:.78rem;font-weight:600;font-family:var(--font-body);color:var(--calc-text-dim);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:6px 14px;transition:background .2s,border-color .2s,color .2s}.mode-chip:hover{color:var(--calc-cyan);background:#22d3ee14;border-color:#22d3ee4d}.mode-chip.active{border-color:var(--calc-cyan);color:var(--calc-cyan);background:#22d3ee1f}[data-theme=light] .mode-chip{color:#334155;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .mode-chip:hover{color:#0891b2;background:#0891b214;border-color:#0891b24d}[data-theme=light] .mode-chip.active{color:#0891b2;background:#0891b21f;border-color:#0891b2}.cron-field-card__options{min-height:36px}.field-step-row,.field-range-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field-step-row label,.field-range-row label{color:var(--calc-text-dim);font-size:.82rem;font-weight:500}.field-inline-input{background:var(--input-bg);border:1px solid var(--calc-border-default);width:70px;font-size:.85rem;font-family:var(--font-mono);color:var(--calc-text-primary);border-radius:8px;outline:none;padding:7px 10px;transition:border-color .2s}.field-inline-input:focus{border-color:var(--calc-cyan)}[data-theme=light] .field-inline-input{color:#0f172a;background:#f0f4f9;border-color:#00000026}[data-theme=light] .field-inline-input:focus{border-color:#0891b2}.value-grid{flex-wrap:wrap;gap:5px;display:flex}.value-chip{width:38px;height:32px;font-size:.78rem;font-family:var(--font-mono);color:var(--calc-text-dim);cursor:pointer;user-select:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;font-weight:600;transition:transform .25s,opacity .25s,color .2s,box-shadow .25s;display:flex}.value-chip:hover{background:#22d3ee14;border-color:#22d3ee40}.value-chip.selected{border-color:var(--calc-cyan);color:var(--calc-cyan);background:#22d3ee26}[data-theme=light] .value-chip{color:#334155;background:#f0f4f9;border-color:#0000001a}[data-theme=light] .value-chip:hover{background:#0891b214;border-color:#0891b240}[data-theme=light] .value-chip.selected{color:#0891b2;background:#0891b226;border-color:#0891b2}.value-chip--day,.value-chip--month{width:auto;min-width:48px;padding:0 10px}.parser-card{background:var(--calc-bg-card);border:1px solid var(--card-border);border-radius:12px;margin-bottom:16px;padding:22px}[data-theme=light] .parser-card{background:#fff;border-color:#0000001f;box-shadow:0 1px 6px #0000000f}.parser-card__label{color:var(--calc-text-dim);margin-bottom:10px;font-size:.82rem;font-weight:600;display:block}.parser-card__row{gap:10px;display:flex}.parser-input{background:var(--input-bg);border:1px solid var(--calc-border-default);font-size:1rem;font-family:var(--font-mono);color:var(--calc-text-primary);border-radius:8px;outline:none;flex:1;padding:10px 14px;transition:border-color .2s}.parser-input:focus{border-color:var(--calc-cyan)}[data-theme=light] .parser-input{color:#0f172a;background:#f0f4f9;border-color:#00000026}[data-theme=light] .parser-input:focus{border-color:#0891b2}.parser-card__validation{min-height:1.2em;margin-top:8px;font-size:.82rem}.parser-card__validation.valid{color:#10b981}.parser-card__validation.invalid{color:#ef4444}[data-theme=light] .parser-card__validation.valid{color:#065f46}[data-theme=light] .parser-card__validation.invalid{color:#dc2626}.parser-result-card{background:var(--calc-bg-card);border:1px solid var(--card-border);border-left:3px solid var(--purple);border-radius:12px;padding:22px}[data-theme=light] .parser-result-card{background:#fff;border-color:#0000001f #0000001f #0000001f #7c3aed;box-shadow:0 1px 6px #0000000f}.parser-result-card__section{margin-bottom:18px}.parser-result-card__section:last-of-type{margin-bottom:14px}.parser-result-card__heading{font-family:var(--font-heading);color:var(--calc-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:.82rem;font-weight:700}.parser-result-card__text{color:var(--calc-text-primary);margin:0;font-size:1rem;line-height:1.6}.parser-result-card__fields{flex-wrap:wrap;gap:8px;display:flex}.field-badge{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;display:inline-flex}[data-theme=light] .field-badge{background:#f0f4f9;border-color:#0000001a}.field-badge__name{color:var(--calc-cyan);font-weight:700;font-family:var(--font-mono)}[data-theme=light] .field-badge__name{color:#0891b2}.field-badge__value{color:var(--calc-text-dim);font-family:var(--font-mono)}.parser-result-card__runs{flex-direction:column;gap:4px;display:flex}.parser-result-card__runs .next-run-chip{width:fit-content}.parser-result-card__actions{flex-wrap:wrap;gap:10px;padding-top:4px;display:flex}.tool-btn{color:var(--calc-cyan);cursor:pointer;font-size:.82rem;font-weight:600;font-family:var(--font-body);background:#22d3ee1a;border:1px solid #22d3ee4d;border-radius:8px;padding:9px 18px;transition:background .2s,border-color .2s}.tool-btn:hover{border-color:var(--calc-cyan);background:#22d3ee33}[data-theme=light] .tool-btn{color:#0891b2;background:#0891b214;border-color:#0891b24d}[data-theme=light] .tool-btn:hover{background:#0891b226;border-color:#0891b2}.tool-btn--secondary{color:var(--calc-text-dim);background:#ffffff0d;border-color:#ffffff26}.tool-btn--secondary:hover{color:var(--calc-text-primary);background:#ffffff1a;border-color:#ffffff40}[data-theme=light] .tool-btn--secondary{color:#334155;background:#f0f4f9;border-color:#00000026}[data-theme=light] .tool-btn--secondary:hover{color:#0f172a;background:#e8edf5;border-color:#00000040}.examples-intro{color:var(--calc-text-dim);margin-bottom:16px;font-size:.9rem}.examples-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.example-card{background:var(--calc-bg-card);border:1px solid var(--card-border);cursor:pointer;border-radius:10px;padding:14px 16px;transition:border-color .2s,background .2s,transform .15s}.example-card:hover{background:#22d3ee0a;border-color:#22d3ee4d;transform:translateY(-1px)}[data-theme=light] .example-card{background:#fff;border-color:#0000001f;box-shadow:0 1px 4px #0000000d}[data-theme=light] .example-card:hover{background:#fafcff;border-color:#0891b259;box-shadow:0 2px 10px #0891b214}.example-card__expr{font-family:var(--font-mono);color:var(--calc-cyan);margin-bottom:4px;font-size:.92rem;font-weight:700}[data-theme=light] .example-card__expr{color:#0891b2}.example-card__desc{color:var(--calc-text-dim);font-size:.82rem;line-height:1.4}.faq-section{margin-top:2rem}.faq-section__title{font-family:var(--font-heading);color:var(--calc-text-primary);margin:0 0 16px;font-size:1.3rem;font-weight:700}.faq-list{flex-direction:column;display:flex}.faq-item-enhanced{border-bottom:1px solid #ffffff0f}.faq-item__question{cursor:pointer;color:var(--calc-text-primary);user-select:none;justify-content:space-between;align-items:center;padding:14px 4px;font-size:.9rem;font-weight:600;list-style:none;transition:color .2s;display:flex}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question:after{content:"+";font-family:var(--font-mono);color:var(--calc-text-dim);flex-shrink:0;margin-left:16px;font-size:1.1rem;transition:color .2s}.faq-item-enhanced[open] .faq-item__question:after{content:"−";color:var(--accent)}.faq-item__question:hover{color:var(--calc-cyan)}.faq-item__answer{color:var(--calc-text-dim);padding:0 4px 14px;font-size:.85rem;line-height:1.75}[data-theme=light] .faq-list{gap:8px}[data-theme=light] .faq-item-enhanced{background:#fff;border:1px solid #0000001a;border-radius:10px;transition:box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:0 1px 4px #0000000f}[data-theme=light] .faq-item-enhanced:hover{border-color:#0891b259;box-shadow:0 2px 10px #0891b214}[data-theme=light] .faq-item-enhanced[open]{border-color:#0891b266 #0891b266 #0891b266 #0891b2;border-left-style:solid;border-left-width:3px;box-shadow:0 2px 12px #0891b21a}[data-theme=light] .faq-item__question{color:#0f172a;padding:14px 16px}[data-theme=light] .faq-item__question:after{color:#64748b}[data-theme=light] .faq-item-enhanced[open] .faq-item__question:after,[data-theme=light] .faq-item__question:hover{color:#0891b2}[data-theme=light] .faq-item__answer{color:#475569;border-top:1px solid #0000000f;padding:12px 16px 16px}.toast{font-size:.85rem;font-family:var(--font-body);color:#fff;z-index:9999;border-radius:10px;max-width:320px;padding:12px 20px;animation:.3s toastIn,.3s 2.7s forwards toastOut;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0000004d}.toast-success{background:linear-gradient(135deg,#059669,#10b981)}.toast-warn{color:#1a1a2e;background:linear-gradient(135deg,#0891b2,#f59e0b)}.toast-error{background:linear-gradient(135deg,#dc2626,#ef4444)}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@media (width<=600px){.dashboard-container{padding:80px 1rem 1.5rem}.tool-hero__title{font-size:1.5rem}.cron-output-bar__expr{font-size:1.3rem}.cron-output-bar{padding:14px 16px}.cron-output-bar__copy{padding:5px 10px;font-size:.72rem;top:10px;right:10px}.tool-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tool-tab-btn{white-space:nowrap;padding:8px 12px;font-size:.8rem}.examples-grid{grid-template-columns:1fr}.parser-card__row{flex-direction:column}.value-chip{width:34px;height:28px;font-size:.72rem}.next-runs__list{flex-direction:column}}