@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:#FFFFFF;--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,0.04),0 1px 3px rgba(0,0,0,0.06);--shadow-md:0 2px 8px rgba(0,0,0,0.06),0 4px 16px rgba(0,0,0,0.04);--shadow-lg:0 4px 12px rgba(0,0,0,0.08),0 8px 32px rgba(0,0,0,0.06)}*{box-sizing:border-box}body,html{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;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none;transition:color .15s}a:hover{color:var(--color-primary-dark)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;color:var(--color-text);margin-top:0}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;line-height:1.5;font-weight:600}.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{font-weight:600;font-size:1rem;margin-bottom:var(--space-xs)}.btn{font-family:inherit;font-weight:500;font-size:.875rem;border-radius:var(--radius-sm);padding:6px 14px;transition:all .15s;border:1px solid transparent;cursor:pointer;line-height:1.4}.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{font-size:.8rem;padding:4px 10px}.btn-link{background:none;border:none;padding:0;color:var(--color-text-secondary)}.btn-link:hover,.form-control{color:var(--color-text)}.form-control{font-family:inherit;font-size:.875rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 12px;background:var(--color-bg);transition:border-color .15s,box-shadow .15s;outline:none}.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{width:100%;border-collapse:collapse;font-size:.875rem}.table th{font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.04em;padding:10px 12px;border-bottom:2px solid var(--color-border);text-align:left}.table td{padding:10px 12px;border-bottom:1px solid var(--color-border-light);vertical-align:middle}.table-striped tbody tr:nth-child(2n){background:var(--color-surface)}.badge{font-family:inherit;font-weight:500;font-size:.75rem;padding:3px 8px;border-radius:20px;display:inline-block}.badge.bg-warning{background:#FFF3CD!important;color:#856404!important}.badge.bg-secondary{background:var(--color-surface)!important;color:var(--color-text-secondary)!important}.badge.bg-info{background:#E8F4FD!important;color:#0073E6!important}.badge.bg-primary{background:var(--color-primary-bg)!important;color:var(--color-primary)!important}.breadcrumb{font-size:.85rem;padding:0;margin:0;background:none;list-style:none;display:flex;gap:4px}.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{font-family:Inter,-apple-system,sans-serif!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;padding:var(--space-sm)}.react-calendar__tile--active{background:var(--color-primary)!important;border-radius:var(--radius-sm)}.react-calendar__tile:hover{background:var(--color-primary-bg)!important;border-radius:var(--radius-sm)}.react-calendar__navigation button:hover{background:var(--color-surface)!important;border-radius:var(--radius-sm)}.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{font-size:1.125rem;color:var(--color-text-secondary)}.col-auto{flex:0 0 auto}.row{display:flex;flex-wrap:wrap;margin:-8px}.row>*{padding:8px;box-sizing:border-box}.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{margin:2.5rem 0 1rem;padding:1.5rem;background:#F6F9FC;border-radius:8px;border:1px solid var(--color-border)}.related-links h3{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin-bottom:.75rem}.related-links ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.related-links li a{display:inline-block;padding:6px 14px;background:#fff;border:1px solid var(--color-border);border-radius:20px;font-size:.82rem;color:var(--color-primary);text-decoration:none;transition:all .15s}.related-links li a:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.site-header{background:#1A1F36;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:100}.header-inner{max-width:1200px;margin:0 auto;padding:0 1rem;justify-content:space-between;height:52px}.header-inner,.header-logo{display:flex;align-items:center}.header-logo{text-decoration:none;color:#fff;font-weight:700;font-size:1.1rem;gap:4px}.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{font-weight:400;font-size:.85rem;color:rgba(255,255,255,.6)}.header-nav{display:flex;gap:1.25rem}.header-nav a{color:rgba(255,255,255,.7);text-decoration:none;font-size:.85rem;transition:color .15s}.header-nav a:hover{color:#fff}.site-main{min-height:calc(100vh - 52px - 280px)}.site-footer{background:#1A1F36;color:rgba(255,255,255,.7);padding:3rem 0 1.5rem;margin-top:3rem}.footer-inner{max-width:1200px;margin:0 auto;padding:0 1rem}.footer-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;margin-bottom:2rem}.footer-col h4{color:#fff;font-size:.85rem;font-weight:600;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.04em}.footer-col a{display:block;color:rgba(255,255,255,.55);text-decoration:none;font-size:.82rem;padding:3px 0;transition:color .15s}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:1.25rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-copyright{font-size:.78rem;color:rgba(255,255,255,.4)}.footer-links{display:flex;gap:1.25rem;flex-wrap:wrap}.footer-links a{color:rgba(255,255,255,.5);text-decoration:none;font-size:.78rem;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}.seo-layout{display:grid;grid-template-columns:1fr;gap:var(--space-lg);margin-top:var(--space-lg)}@media (min-width:992px){.seo-layout{grid-template-columns:7fr 5fr}}.seo-features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin:var(--space-lg) 0}@media (max-width:768px){.seo-features{grid-template-columns:1fr}}.seo-feature{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.seo-feature-icon{font-size:1.5rem;margin-bottom:var(--space-xs)}.seo-feature h3{font-size:.875rem;font-weight:600;margin:0 0 var(--space-xs);color:var(--color-text)}.seo-feature p{font-size:.8125rem;margin:0;color:var(--color-text-secondary);line-height:1.5}.seo-sidebar{display:flex;flex-direction:column;gap:var(--space-md)}.seo-sidebar-card{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.seo-sidebar-card h3{font-size:.875rem;font-weight:600;margin:0 0 var(--space-sm);color:var(--color-text)}.seo-sidebar-card a{display:block;padding:var(--space-xs) 0;font-size:.8125rem;color:var(--color-primary);text-decoration:none}.seo-sidebar-card a:hover{text-decoration:underline}.markdown-content h4{font-size:1.125rem;font-weight:600;margin:var(--space-lg) 0 var(--space-sm);color:var(--color-text)}.markdown-content h5{font-size:1rem;font-weight:600;margin:var(--space-md) 0 var(--space-xs);color:var(--color-text)}.markdown-content p{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary);margin:0 0 var(--space-md)}.markdown-content ol,.markdown-content ul{padding-left:var(--space-lg);margin:0 0 var(--space-md)}.markdown-content li{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.markdown-content strong{color:var(--color-text)}