@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:optional;src:url(/time-converter/fonts/inter-400.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:optional;src:url(/time-converter/fonts/inter-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:optional;src:url(/time-converter/fonts/inter-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:optional;src:url(/time-converter/fonts/inter-700.woff2) format("woff2")}@font-face{font-family:Inter Fallback;src:local(Arial);size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}:root{--color-primary:#635bff;--color-primary-light:#7a73ff;--color-primary-dark:#4b45c6;--color-primary-bg:#f6f5ff;--color-success:#30b130;--color-warning:#e5a100;--color-danger:#df1b41;--color-info:#0073e6;--color-bg:#fff;--color-surface:#f7f8fa;--color-border:#e3e8ee;--color-border-light:#f0f2f5;--color-text:#1a1f36;--color-text-secondary:#697386;--color-text-tertiary:#a3acb9;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.06);--shadow-md:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);--shadow-lg:0 4px 12px rgba(0,0,0,.08),0 8px 32px rgba(0,0,0,.06)}*{box-sizing:border-box}body,html{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,Inter Fallback,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:16px;line-height:1.5}a{color:var(--color-primary);text-decoration:none;transition:color .15s}a:hover{color:var(--color-primary-dark)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--color-text);margin-top:0;font-weight:600}h1{font-size:2rem;line-height:1.2}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1.25rem}h3,h4{line-height:1.4}h4{font-size:1.125rem}h5{font-size:1rem;font-weight:600;line-height:1.5}.card{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:var(--color-bg);transition:box-shadow .2s,border-color .2s}.card:hover{box-shadow:var(--shadow-md);border-color:#d0d5dd}.card-body{padding:var(--space-lg)}.card-title{margin-bottom:var(--space-xs);font-size:1rem;font-weight:600}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid rgba(0,0,0,0);padding:6px 14px;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.4;transition:all .15s}.btn-primary,.btn-primary:focus,.btn-primary:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-outline-secondary{background:var(--color-bg);color:var(--color-text-secondary);border-color:var(--color-border)}.btn-outline-secondary:hover{background:var(--color-surface);color:var(--color-text);border-color:#d0d5dd}.btn-outline-secondary.active,.btn-outline-secondary:active{background:var(--color-primary-bg);color:var(--color-primary);border-color:var(--color-primary)}.btn-outline-primary{background:var(--color-bg);color:var(--color-primary);border-color:var(--color-primary)}.btn-outline-primary:hover{background:var(--color-primary-bg)}.btn-sm{padding:4px 10px;font-size:.8rem}.btn-link{color:var(--color-text-secondary);background:none;border:none;padding:0}.btn-link:hover,.form-control{color:var(--color-text)}.form-control{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);outline:none;padding:8px 12px;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(99,91,255,.15)}.form-control::placeholder{color:var(--color-text-tertiary)}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--color-border);text-align:left;padding:10px 12px;font-size:.75rem;font-weight:600}.table td{border-bottom:1px solid var(--color-border-light);vertical-align:middle;padding:10px 12px}.table-striped tbody tr:nth-child(2n){background:var(--color-surface)}.badge{border-radius:20px;padding:3px 8px;font-family:inherit;font-size:.75rem;font-weight:500;display:inline-block}.badge.bg-warning{color:#856404!important;background:#fff3cd!important}.badge.bg-secondary{background:var(--color-surface)!important;color:var(--color-text-secondary)!important}.badge.bg-info{color:#0073e6!important;background:#e8f4fd!important}.badge.bg-primary{background:var(--color-primary-bg)!important;color:var(--color-primary)!important}.breadcrumb{background:none;gap:4px;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.breadcrumb-item+.breadcrumb-item:before{content:"›";color:var(--color-text-tertiary);padding-right:6px}.breadcrumb-item a{color:var(--color-text-secondary)}.breadcrumb-item a:hover{color:var(--color-primary)}.breadcrumb-item.active{color:var(--color-text)}.text-muted{color:var(--color-text-secondary)!important}.text-danger{color:var(--color-danger)!important}.react-calendar{padding:var(--space-sm);border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;font-family:Inter,-apple-system,sans-serif!important}.react-calendar__tile--active{border-radius:var(--radius-sm);background:var(--color-primary)!important}.react-calendar__tile:hover{border-radius:var(--radius-sm);background:var(--color-primary-bg)!important}.react-calendar__navigation button:hover{border-radius:var(--radius-sm);background:var(--color-surface)!important}.container,.container-fluid{max-width:1200px}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.justify-content-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:16px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.mb-5{margin-bottom:48px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:24px}.ms-1{margin-left:4px}.ms-2{margin-left:8px}.ms-3{margin-left:16px}.me-2{margin-right:8px}.me-3{margin-right:16px}.p-0{padding:0}.px-3{padding-left:16px;padding-right:16px}.px-4{padding-left:24px;padding-right:24px}.py-2{padding-top:8px;padding-bottom:8px}.py-4{padding-top:24px;padding-bottom:24px}.text-center{text-align:center}.h-100{height:100%}.lead{color:var(--color-text-secondary);font-size:1.125rem}.col-auto{flex:none}.row{flex-wrap:wrap;margin:-8px;display:flex}.row>*{box-sizing:border-box;padding:8px}.g-2{gap:8px}.g-3{gap:16px}.col-md-6{flex:0 0 50%;max-width:50%}.col-lg-4{flex:0 0 33.333%;max-width:33.333%}.col-xl-3{flex:0 0 25%;max-width:25%}@media (max-width:991px){.col-lg-4{flex:0 0 50%;max-width:50%}}@media (max-width:767px){.col-lg-4,.col-md-6,.col-xl-3{flex:0 0 100%;max-width:100%}.container-fluid{padding-left:16px;padding-right:16px}h1{font-size:1.5rem}}.container-fluid{width:100%;margin:0 auto;padding-left:24px;padding-right:24px}.text-dark{color:var(--color-text)!important}.related-links{border:1px solid var(--color-border);background:#f6f9fc;border-radius:8px;margin:2.5rem 0 1rem;padding:1.5rem}.related-links h3{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin-bottom:.75rem;font-size:.85rem;font-weight:600}.related-links ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.related-links li a{border:1px solid var(--color-border);color:var(--color-primary);background:#fff;border-radius:20px;padding:6px 14px;font-size:.82rem;text-decoration:none;transition:all .15s;display:inline-block}.related-links li a:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.site-header{z-index:100;background:#1a1f36;border-bottom:1px solid rgba(255,255,255,.08);position:-webkit-sticky;position:sticky;top:0}.header-inner{justify-content:space-between;max-width:1200px;height:52px;margin:0 auto;padding:0 1rem}.header-inner,.header-logo{align-items:center;display:flex}.header-logo{color:#fff;gap:4px;font-size:1.1rem;font-weight:700;text-decoration:none}.logo-x{color:var(--color-primary);font-weight:800}.logo-divider{color:rgba(255,255,255,.25);margin:0 6px;font-weight:300}.logo-sub{color:rgba(255,255,255,.6);font-size:.85rem;font-weight:400}.header-nav{gap:1.25rem;display:flex}.header-nav a{color:rgba(255,255,255,.7);font-size:.85rem;text-decoration:none;transition:color .15s}.header-nav a:hover{color:#fff}.site-main{min-height:calc(100vh - 332px)}.site-footer{color:rgba(255,255,255,.7);background:#1a1f36;margin-top:3rem;padding:3rem 0 1.5rem}.footer-inner{max-width:1200px;margin:0 auto;padding:0 1rem}.footer-tools{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.footer-col h4{color:#fff;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem;font-size:.85rem;font-weight:600}.footer-col a{color:rgba(255,255,255,.55);padding:3px 0;font-size:.82rem;text-decoration:none;transition:color .15s;display:block}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.25rem;display:flex}.footer-copyright{color:rgba(255,255,255,.4);font-size:.78rem}.footer-links{flex-wrap:wrap;gap:1.25rem;display:flex}.footer-links a{color:rgba(255,255,255,.5);font-size:.78rem;text-decoration:none;transition:color .15s}.footer-links a:hover{color:#fff}@media (max-width:640px){.footer-bottom{flex-direction:column;align-items:flex-start}.header-nav{gap:.75rem}.header-nav a{font-size:.78rem}}.time-grid-scroll{overflow-x:scroll!important}.time-grid-scroll::-webkit-scrollbar{height:12px}.time-grid-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.time-grid-scroll::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px}.time-grid-scroll::-webkit-scrollbar-thumb:hover{background:#a1a1a1}