.time-utilities{min-height:100vh;font-family:var(--font-body);background:transparent;position:relative;width:100%}.time-utilities,.time-utilities *,.time-utilities :after,.time-utilities :before{box-sizing:border-box}.time-utilities__container{width:min(100%,1080px);margin:0 auto}.time-utilities__header{text-align:center;margin-bottom:3rem;padding:2rem 0}.time-utilities__header h1{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--primary-red),var(--primary-red-light) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;text-shadow:0 0 30px rgba(220,38,38,.3)}@media(max-width:768px){.time-utilities__header h1{font-size:2.5rem}}.time-utilities__header p{color:var(--dark-text-secondary);font-size:1.2rem;max-width:680px;margin:0 auto;opacity:.9}.time-utilities__tabs{display:flex;gap:.5rem;overflow-x:auto;scrollbar-gutter:stable;padding:.75rem;background:var(--surface-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:2rem}.time-utilities__tabs::-webkit-scrollbar{height:6px}.time-utilities__tabs::-webkit-scrollbar-track{background:var(--border-soft);border-radius:var(--radius-full)}.time-utilities__tabs::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-full)}.time-utilities__tabs::-webkit-scrollbar-thumb:hover{background:var(--accent-strong)}.time-utilities__tab{padding:.8rem 1.2rem;border-radius:var(--radius-full);font-weight:600;white-space:nowrap;flex:0 0 auto;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-soft);position:relative;overflow:hidden;background:var(--surface-soft);color:var(--dark-text-secondary);cursor:pointer}.time-utilities__tab:hover{background:var(--surface-card);color:var(--dark-text-primary);border-color:var(--border-strong)}.time-utilities__tab--active{color:#fff;border-color:var(--border-strong)}.time-utilities__tab--active,.time-utilities__tab--active:hover{background:var(--gradient-primary)}.time-utilities__content{background:var(--surface-elevated);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:2.5rem;position:relative;width:100%;max-width:100%;overflow:clip}.time-utilities__content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-strong),var(--accent-primary));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.time-utilities__form-group{margin-bottom:1.5rem;width:100%}.time-utilities__form-group label{display:block;font-weight:600;color:var(--dark-text-primary);margin-bottom:.75rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em}.time-utilities__form-group input,.time-utilities__form-group select,.time-utilities__form-group textarea{width:100%;max-width:100%;padding:1rem 1.25rem;border:1px solid var(--dark-border-color);border-radius:var(--radius-lg);transition:all .3s ease;font-size:1rem;background:var(--dark-bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;color:var(--dark-text-primary);font-weight:500}.time-utilities__form-group input:focus,.time-utilities__form-group select:focus,.time-utilities__form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring);background:var(--dark-bg-primary)}.time-utilities__form-group input:hover,.time-utilities__form-group select:hover,.time-utilities__form-group textarea:hover{border-color:var(--accent-primary);background:var(--dark-bg-primary)}.time-utilities__form-group input.error,.time-utilities__form-group select.error,.time-utilities__form-group textarea.error{border-color:var(--primary-red);box-shadow:0 0 0 3px rgba(220,38,38,.3)}.time-utilities__form-group input::placeholder,.time-utilities__form-group select::placeholder,.time-utilities__form-group textarea::placeholder{color:var(--dark-text-tertiary);opacity:.7}.time-utilities__form-group .modern-select{position:relative;width:100%}.time-utilities__form-group .modern-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dark-bg-secondary);border:1px solid var(--dark-border-color);border-radius:var(--radius-lg);padding:1rem 3rem 1rem 1.25rem;font-weight:600;color:var(--dark-text-primary);cursor:pointer;transition:all .3s ease;width:100%}.time-utilities__form-group .modern-select select:hover{border-color:var(--accent-primary);background:var(--dark-bg-primary);box-shadow:var(--glow-red)}.time-utilities__form-group .modern-select select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring);background:var(--dark-bg-primary)}.time-utilities__form-group .modern-select:before{content:"";position:absolute;top:50%;right:1.25rem;transform:translateY(-50%);width:12px;height:12px;background:var(--dark-text-secondary);-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);transition:all .3s ease;pointer-events:none;z-index:2}.time-utilities__form-group .modern-select:hover:before{background:var(--accent-primary);transform:translateY(-50%) scale(1.2)}select:focus~.time-utilities__form-group .modern-select:before{background:var(--accent-primary);transform:translateY(-50%) rotate(180deg) scale(1.2)}.time-utilities__form-group .error-message{color:var(--primary-red);font-size:.875rem;margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.time-utilities__form-group .error-message:before{content:none}.time-utilities__form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:2rem;gap:2rem;align-items:start;width:100%}@media(max-width:1024px){.time-utilities__form-grid{grid-template-columns:1fr}}.time-utilities__output-list{display:grid;grid-gap:.25rem;gap:.25rem}.time-utilities__card{background:var(--surface-elevated);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-soft);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-md);transition:all .3s ease;width:100%;max-width:100%;margin-bottom:2rem}.time-utilities__card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.time-utilities__card h3,.time-utilities__card h4{color:var(--dark-text-primary);font-weight:700;margin-bottom:1.5rem;font-size:1.5rem}.time-utilities__card--info{background:var(--dark-bg-secondary);border-color:var(--border-soft)}.time-utilities__card--info:hover{box-shadow:0 8px 32px rgba(0,0,0,.3)}.time-utilities__output-group{position:relative;width:100%;margin-bottom:1.5rem}.time-utilities__output-group label{display:block;font-weight:600;color:var(--dark-text-primary);margin-bottom:.75rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em}.time-utilities__output-group .output-field{display:flex;width:100%;max-width:100%}.time-utilities__output-group .output-field input{flex:1 1;min-width:0;border-right:none;border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:var(--dark-bg-secondary);color:var(--dark-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;border:1px solid var(--dark-border-color)}.time-utilities__output-group .output-field input:focus{background:var(--dark-bg-primary);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring)}.time-utilities__output-group .output-field .copy-button{flex-shrink:0;padding:1rem 1.5rem;background:var(--gradient-primary);color:#fff;border:1px solid var(--accent-primary);border-radius:0 var(--radius-lg) var(--radius-lg) 0;transition:all .3s ease;font-weight:600;cursor:pointer;position:relative;overflow:hidden;white-space:nowrap}.time-utilities__output-group .output-field .copy-button:before{content:none}.time-utilities__output-group .output-field .copy-button:hover{background:var(--gradient-secondary);box-shadow:var(--glow-red)}.time-utilities__output-group .output-field .copy-button.copied{background:linear-gradient(135deg,var(--success-bg),var(--success-border));border-color:var(--accent-green)}.time-utilities__output-group .output-field .copy-button.copied:before{content:none}.time-utilities__output-group .output-field .copy-button.copy-failed{background:var(--error-bg);border-color:var(--error-border)}.time-utilities__button{padding:.8rem 1.2rem;border-radius:var(--radius-full);font-weight:600;transition:all .3s ease;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.time-utilities__button--primary{background:var(--gradient-primary);color:#fff;border-color:var(--accent-primary);box-shadow:var(--glow-red)}.time-utilities__button--primary:hover{background:var(--gradient-secondary);box-shadow:var(--glow-red-strong)}.time-utilities__button--success{background:linear-gradient(135deg,var(--success-bg),var(--success-border));color:#fff;border-color:var(--accent-green)}.time-utilities__button--success:hover{background:linear-gradient(135deg,var(--success-border),var(--success-text))}.time-utilities__button--warning{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-border)}.time-utilities__button--warning:hover{background:var(--warning-border)}.time-utilities__button--danger{background:var(--error-bg);color:#fff;border-color:var(--error-border)}.time-utilities__button--danger:hover{background:var(--primary-red)}.time-utilities__button--secondary{background:var(--dark-bg-secondary);color:var(--dark-text-primary);border-color:var(--dark-border-color)}.time-utilities__button--secondary:hover{background:var(--dark-bg-tertiary);border-color:var(--accent-primary)}.time-utilities__button--small{padding:.5rem 1rem;font-size:.875rem;border-radius:8px}.time-utilities__button-group{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.time-utilities__button-group .time-utilities__button{flex:1 1;min-width:120px}@media(max-width:768px){.time-utilities__button-group .time-utilities__button{flex:none;width:100%}}.time-utilities__grid{display:grid;grid-gap:2rem;gap:2rem;width:100%}.time-utilities__grid--1-2{grid-template-columns:1fr 1fr}@media(max-width:1024px){.time-utilities__grid--1-2{grid-template-columns:1fr}}.time-utilities__grid--1-3{grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.time-utilities__grid--1-3{grid-template-columns:1fr 1fr}}@media(max-width:768px){.time-utilities__grid--1-3{grid-template-columns:1fr}}.time-utilities__cron-example{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border-soft)}.time-utilities__cron-example:last-child{border-bottom:none}.time-utilities__cron-example .cron-expression{color:var(--accent-strong);font-family:Monaco,Menlo,Ubuntu Mono,monospace;overflow-wrap:anywhere}.time-utilities__cron{margin-top:1.5rem}.time-utilities__cron>label{display:block;margin-bottom:.75rem;color:var(--dark-text-primary);font-weight:600}.time-utilities .next-runs{display:grid;grid-gap:.75rem;gap:.75rem}.time-utilities .run-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--dark-bg-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-md)}.time-utilities .run-item .copy-run.copied{background:var(--success-bg);color:#fff;border-color:var(--accent-green)}.time-utilities .run-time{min-width:0;color:var(--dark-text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;overflow-wrap:anywhere}.time-utilities .copy-error{margin-top:.75rem;color:var(--primary-red);font-size:.875rem}.time-utilities__validation{padding:1rem;border-radius:var(--radius-md);border:1px solid var(--border-soft)}.time-utilities__validation--invalid{background:rgba(194,65,65,.12);border-color:var(--primary-red)}.time-utilities__validation .validation-message{color:var(--dark-text-primary);font-weight:700}.time-utilities__validation .validation-details{margin-top:.5rem;color:var(--dark-text-secondary);overflow-wrap:anywhere}.time-utilities__stopwatch-controls,.time-utilities__timer-controls{padding:1.25rem;background:var(--dark-bg-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-lg)}.time-utilities__active-timers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1rem;gap:1rem}.time-utilities__timer{padding:1.25rem;background:var(--dark-bg-secondary);border:1px solid var(--border-soft);border-left:3px solid var(--accent-primary);border-radius:var(--radius-lg)}.time-utilities__timer--active{border-left-color:var(--accent-primary)}.time-utilities__timer--expired{border-left-color:var(--primary-red)}.time-utilities__stopwatch{border-left-color:var(--accent-green)}.time-utilities .timer-buttons,.time-utilities .timer-controls{display:flex;align-items:center;gap:.75rem}.time-utilities .timer-controls{justify-content:space-between}.time-utilities .timer-buttons{flex-wrap:wrap;justify-content:flex-end}.time-utilities .timer-label{color:var(--dark-text-secondary);font-size:.875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.time-utilities .timer-display{margin-top:1.25rem;color:var(--dark-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:2rem;font-weight:700;text-align:center}.time-utilities .timer-display.expired{color:var(--primary-red)}.time-utilities .lap-times{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-soft)}.time-utilities .lap-item{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;color:var(--dark-text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.time-utilities .info-box{background:var(--dark-bg-secondary);border:1px solid var(--dark-border-color);border-radius:12px;padding:1.5rem;margin-top:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.time-utilities .info-box h4,.time-utilities .info-box p{color:var(--dark-text-primary);margin-bottom:1rem}.time-utilities .info-box ul{list-style:none;padding:0;margin:0}.time-utilities .info-box ul li{padding:.5rem 0;color:var(--dark-text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem}.time-utilities .info-box ul li:before{content:"• ";color:var(--accent-primary);margin-right:.5rem}@media(max-width:768px){.time-utilities__container{width:100%}.time-utilities__content{padding:1.25rem;margin:0 .5rem}.time-utilities__header{margin-bottom:2rem;padding:1rem 0}.time-utilities__header h1{font-size:2.5rem}.time-utilities__header p{font-size:1rem}.time-utilities__tabs{padding:.5rem;margin:0 .5rem 1.5rem;flex-wrap:wrap;overflow-x:visible}.time-utilities__tab{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - .25rem);min-width:0;padding:.75rem .85rem;font-size:.9rem;white-space:normal;line-height:1.1;text-align:center}.time-utilities__card{padding:1.25rem}.time-utilities .time-utilities__grid{gap:1rem}.time-utilities .time-utilities__button-group{gap:.75rem}.time-utilities .time-utilities__output-group{margin-bottom:1rem}.time-utilities .time-utilities__output-group .output-field{flex-direction:column}.time-utilities .time-utilities__output-group .output-field input{border-right:1px solid var(--dark-border-color);border-radius:12px 12px 0 0}.time-utilities .time-utilities__output-group .output-field .copy-button{width:100%;border-radius:0 0 12px 12px}.time-utilities .run-item,.time-utilities .timer-controls{align-items:stretch;flex-direction:column}.time-utilities .timer-buttons{justify-content:flex-start}}@media(max-width:520px){.time-utilities__tab{flex-basis:100%}.time-utilities__header h1{font-size:2.15rem}.time-utilities__header p{font-size:.98rem}.time-utilities .info-box,.time-utilities__card,.time-utilities__content{padding:1rem}.time-utilities .info-box li{font-size:.85rem;word-break:break-word}}.time-utilities .space-y-4>*+*{margin-top:1rem}.time-utilities .space-y-6>*+*{margin-top:1.5rem}.time-utilities .font-mono{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.time-utilities .text-sm{font-size:.875rem}.time-utilities .opacity-75{opacity:.75}.time-utilities .text-xs{font-size:.75rem}.time-utilities .overflow-auto{overflow:auto}