:root{--tzl-primary:var(--main-primary);--tzl-primary-hover:var(--main-primary-dark);--tzl-secondary:#0ea5e9;--tzl-text:#1e293b;--tzl-text-muted:#475569;--tzl-text-light:#64748b;--tzl-text-lighter:#565d66;--tzl-bg:#fff;--tzl-bg-hover:#f8fafc;--tzl-bg-highlight:#6366f10f;--tzl-border:#e2e8f0;--tzl-border-light:#f1f5f9;--tzl-header-bg:#fff;--tzl-header-shadow:0 1px 3px #0000000f;--tzl-input-bg:#f8fafc;--tzl-input-border:#e2e8f0;--tzl-input-focus-border:var(--tzl-primary);--tzl-input-focus-shadow:0 0 0 3px #6366f11a;--tzl-table-header-bg:#f8fafc;--tzl-table-row-hover:#f1f5f9;--tzl-table-row-highlight:#6366f114;--tzl-badge-bg:#6366f11a;--tzl-badge-text:var(--tzl-primary);--tzl-offset-positive:#059669;--tzl-offset-negative:#dc2626;--tzl-dst-active-bg:#22c55e1a;--tzl-dst-active-color:#16a34a;--tzl-dst-inactive-bg:#64748b1a;--tzl-dst-inactive-color:#64748b}._tzl-container{gap:var(--main-space-4);flex-direction:column;width:100%;max-width:1200px;margin:0 auto;display:flex}._tzl-no-results{padding:var(--main-space-12) var(--main-space-4);text-align:center;color:var(--tzl-text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}._tzl-no-results-icon{background:var(--tzl-border-light);border-radius:var(--main-radius-full);width:64px;height:64px;margin-bottom:var(--main-space-4);justify-content:center;align-items:center;display:flex}._tzl-no-results-icon svg{color:var(--tzl-text-lighter)}._tzl-no-results p{margin:0 0 var(--main-space-4);font-size:var(--main-text-base);color:var(--tzl-text-muted)}._tzl-reset-btn{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-4);background:var(--tzl-bg);border-style:solid;border-width:1px;border-color:var(--tzl-border);border-radius:var(--main-radius);font-size:var(--main-text-sm);color:var(--tzl-text-muted);cursor:pointer;transition:all .15s;display:inline-flex}._tzl-reset-btn:hover{background:var(--tzl-bg-hover);color:var(--tzl-primary);border-color:var(--tzl-primary)}.hidden{display:none!important}@media (max-width:768px){._tzl-container{padding-left:1rem;padding-right:1rem}}._tzl-header{align-items:center;gap:var(--main-space-3);padding:var(--main-space-4);background:var(--tzl-header-bg);border-radius:var(--main-radius-lg);box-shadow:var(--tzl-header-shadow);flex-wrap:wrap;display:flex}._tzl-search-wrap{flex:1;align-items:center;min-width:200px;display:flex;position:relative}._tzl-search-icon{left:var(--main-space-3);color:var(--tzl-text-lighter);pointer-events:none;display:flex;position:absolute}._tzl-search{width:100%;padding:var(--main-space-3) var(--main-space-4);background:var(--tzl-input-bg);border-style:solid;border-width:1px;border-color:var(--tzl-input-border);border-radius:var(--main-radius);font-size:var(--main-text-base);color:var(--tzl-text);padding-left:2.75rem;padding-right:2.5rem;transition:all .15s}._tzl-search:focus{border-color:var(--tzl-input-focus-border);box-shadow:var(--tzl-input-focus-shadow);background:var(--tzl-bg);outline:none}._tzl-search::placeholder{color:var(--tzl-text-lighter)}._tzl-search-clear{right:var(--main-space-2);border-radius:var(--main-radius);width:28px;height:28px;color:var(--tzl-text-lighter);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute}._tzl-search-clear:hover{background:var(--tzl-border-light);color:var(--tzl-text-muted)}._tzl-filters{gap:var(--main-space-2);flex-wrap:wrap;display:flex}._tzl-filter-group{position:relative}._tzl-filter-group label{display:none}._tzl-select{padding:var(--main-space-2) var(--main-space-8) var(--main-space-2) var(--main-space-3);background:var(--tzl-bg);border-style:solid;border-width:1px;border-color:var(--tzl-border);border-radius:var(--main-radius);font-size:var(--main-text-sm);color:var(--tzl-text);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;min-width:100px;transition:all .15s}._tzl-select:focus{border-color:var(--tzl-input-focus-border);box-shadow:var(--tzl-input-focus-shadow);outline:none}._tzl-select:not(:placeholder-shown),._tzl-select option:not([value=""]){font-weight:500}._tzl-select.has-value{background-color:var(--tzl-badge-bg);border-color:var(--tzl-primary);color:var(--tzl-primary)}._tzl-quick-jump{align-items:center;gap:var(--main-space-2);padding:var(--main-space-3);background:var(--tzl-header-bg);border-radius:var(--main-radius-lg);box-shadow:var(--tzl-header-shadow);display:flex;overflow-x:auto}._tzl-quick-jump-label{align-items:center;gap:var(--main-space-1);font-size:var(--main-text-sm);color:var(--tzl-text-muted);white-space:nowrap;display:flex}._tzl-quick-jump-buttons{gap:var(--main-space-1);display:flex}._tzl-quick-btn{padding:var(--main-space-1) var(--main-space-2);background:var(--tzl-bg);border-style:solid;border-width:1px;border-color:var(--tzl-border);border-radius:var(--main-radius);min-width:36px;font-size:var(--main-text-xs);font-family:var(--main-font-mono);color:var(--tzl-text-muted);cursor:pointer;white-space:nowrap;transition:all .15s}._tzl-quick-btn:hover{background:var(--tzl-bg-hover);border-color:var(--tzl-primary);color:var(--tzl-primary)}._tzl-quick-btn.active{background:var(--tzl-badge-bg);border-color:var(--tzl-primary);color:var(--tzl-primary)}._tzl-stats{align-items:stretch;gap:var(--main-space-3);padding:var(--main-space-3);background:var(--tzl-bg);border-style:solid;border-width:1px;border-color:var(--tzl-border-light);border-radius:var(--main-radius-lg);display:flex}._tzl-stat-item{align-items:center;gap:var(--main-space-3);padding:var(--main-space-2) var(--main-space-3);background:var(--tzl-bg-hover);border-radius:var(--main-radius);flex:1;display:flex}._tzl-stat-icon{background:var(--tzl-border-light);border-radius:var(--main-radius);width:32px;height:32px;color:var(--tzl-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}._tzl-stat-icon svg{width:14px;height:14px}._tzl-stat-icon--primary{background:var(--tzl-badge-bg);color:var(--tzl-primary)}._tzl-stat-content{flex-direction:column;gap:2px;min-width:0;display:flex}._tzl-stat-label{font-size:var(--main-text-xs);color:var(--tzl-text-lighter);text-transform:uppercase;letter-spacing:.5px}._tzl-stat-value{font-size:var(--main-text-sm);color:var(--tzl-text)}._tzl-stat-value strong{color:var(--tzl-text);font-weight:600}._tzl-stat-total{color:var(--tzl-text-lighter);font-weight:400}._tzl-stat-timezone ._tzl-stat-value strong{color:var(--tzl-primary)}@media (max-width:768px){._tzl-header{padding:var(--main-space-3)}._tzl-search-wrap{flex:100%;order:1;min-width:100%}._tzl-filters{flex:100%;order:2}._tzl-select{flex:1;min-width:0}._tzl-quick-jump{padding:var(--main-space-2)}._tzl-quick-jump-label{display:none}._tzl-stats{padding:var(--main-space-2);gap:var(--main-space-2);flex-direction:column}._tzl-stat-item{width:100%}}._tzl-country-filter-wrap{position:relative}._tzl-country-btn{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-3);background:var(--tzl-bg);border-style:solid;border-width:1px;border-color:var(--tzl-border);border-radius:var(--main-radius);font-size:var(--main-text-sm);color:var(--tzl-text);cursor:pointer;white-space:nowrap;transition:all .15s;display:inline-flex}._tzl-country-btn:hover{border-color:var(--tzl-primary)}._tzl-country-btn.active,._tzl-country-btn.has-value{background:var(--tzl-badge-bg);border-color:var(--tzl-primary);color:var(--tzl-primary)}._tzl-country-btn svg:first-child{width:14px;height:14px}._tzl-country-btn svg:last-child{width:10px;height:10px;transition:transform .2s}._tzl-country-btn.active svg:last-child{transform:rotate(180deg)}._tzl-country-dropdown{z-index:100;background:var(--tzl-bg);border-style:solid;border-width:1px;border-color:var(--tzl-border);border-radius:var(--main-radius-lg);flex-direction:column;width:320px;max-height:400px;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 10px 40px #00000026}._tzl-country-dropdown-header{align-items:center;gap:var(--main-space-2);padding:var(--main-space-3);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--tzl-border-light);background:var(--tzl-bg-hover);display:flex}._tzl-country-search-wrap{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-3);background:var(--tzl-bg);border-style:solid;border-width:1px;border-color:var(--tzl-border);border-radius:var(--main-radius);flex:1;display:flex}._tzl-country-search-wrap svg{width:14px;height:14px;color:var(--tzl-text-lighter);flex-shrink:0}._tzl-country-search{font-size:var(--main-text-sm);color:var(--tzl-text);background:0 0;border:none;outline:none;flex:1}._tzl-country-search::placeholder{color:var(--tzl-text-lighter)}._tzl-country-clear{align-items:center;gap:var(--main-space-1);padding:var(--main-space-1) var(--main-space-2);font-size:var(--main-text-xs);color:var(--tzl-text-muted);cursor:pointer;border-radius:var(--main-radius);background:0 0;border:none;transition:all .15s;display:inline-flex}._tzl-country-clear:hover{color:var(--main-error);background:#ef44441a}._tzl-country-clear svg{width:12px;height:12px}._tzl-country-list{padding:var(--main-space-2);flex:1;overflow-y:auto}._tzl-country-loading{padding:var(--main-space-8);justify-content:center;align-items:center;gap:var(--main-space-3);color:var(--tzl-text-muted);flex-direction:column;display:flex}._tzl-spinner{border:2px solid var(--tzl-border);border-top-color:var(--tzl-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite tzlSpin}@keyframes tzlSpin{to{transform:rotate(360deg)}}._tzl-country-item{align-items:center;gap:var(--main-space-3);width:100%;padding:var(--main-space-2) var(--main-space-3);border-radius:var(--main-radius);text-align:left;cursor:pointer;background:0 0;border:none;transition:background .15s;display:flex}._tzl-country-item:hover{background:var(--tzl-bg-hover)}._tzl-country-item.selected{background:var(--tzl-badge-bg)}._tzl-country-item.selected ._tzl-country-item-name{color:var(--tzl-primary);font-weight:600}._tzl-country-flag{object-fit:cover;border-radius:2px;flex-shrink:0;width:24px;height:18px}._tzl-country-item-info{flex:1;min-width:0}._tzl-country-item-name{font-size:var(--main-text-sm);color:var(--tzl-text)}._tzl-country-item-code{font-size:var(--main-text-xs);color:var(--tzl-text-lighter);margin-left:var(--main-space-1)}._tzl-country-item-count{font-size:var(--main-text-xs);color:var(--tzl-text-muted);background:var(--tzl-bg-hover);border-radius:var(--main-radius-full);padding:2px 8px}._tzl-country-empty{padding:var(--main-space-6);color:var(--tzl-text-muted);text-align:center;flex-direction:column;align-items:center;display:flex}._tzl-country-empty svg{width:24px;height:24px;margin-bottom:var(--main-space-2);color:var(--tzl-text-lighter)}@media (max-width:640px){._tzl-country-dropdown{border-radius:var(--main-radius-xl) var(--main-radius-xl) 0 0;width:100%;max-height:60vh;position:fixed;top:auto;bottom:0;left:0;right:0}}._tzl-table-wrap{background:var(--tzl-bg);border-radius:var(--main-radius-lg);box-shadow:var(--tzl-header-shadow);overflow:hidden}._tzl-table{border-collapse:collapse;width:100%;font-size:var(--main-text-sm)}._tzl-table thead{background:var(--tzl-table-header-bg);z-index:10;position:sticky;top:0}._tzl-th{padding:var(--main-space-3) var(--main-space-4);text-align:left;color:var(--tzl-text-muted);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--tzl-border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;transition:all .15s}._tzl-th:hover{background:var(--tzl-bg-hover);color:var(--tzl-text)}._tzl-th.sorted{color:var(--tzl-primary)}._tzl-sort-icon{margin-left:var(--main-space-1);opacity:.4;transition:opacity .15s;display:inline-flex}._tzl-th:hover ._tzl-sort-icon,._tzl-th.sorted ._tzl-sort-icon{opacity:1}._tzl-th--abbr{width:80px}._tzl-th--offset{width:100px}._tzl-th--name{min-width:200px}._tzl-th--region{width:120px}._tzl-th--time{text-align:center;width:80px}._tzl-th--dst{text-align:center;width:60px}._tzl-th--actions{width:50px}._tzl-row{transition:background-color .15s}._tzl-row:hover{background:var(--tzl-table-row-hover)}._tzl-row.highlight{background:var(--tzl-table-row-highlight)}._tzl-row.highlight ._tzl-name{color:var(--tzl-primary);font-weight:600}._tzl-td{padding:var(--main-space-3) var(--main-space-4);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--tzl-border-light);vertical-align:middle}._tzl-abbr-badge{padding:var(--main-space-1) var(--main-space-2);background:var(--tzl-badge-bg);border-radius:var(--main-radius);min-width:48px;font-size:var(--main-text-xs);font-weight:600;font-family:var(--main-font-mono);color:var(--tzl-badge-text);text-transform:uppercase;justify-content:center;align-items:center;display:inline-flex}._tzl-offset{font-family:var(--main-font-mono);font-size:var(--main-text-sm);font-weight:500}._tzl-offset--positive{color:var(--tzl-offset-positive)}._tzl-offset--negative{color:var(--tzl-offset-negative)}._tzl-name-wrap{flex-direction:column;gap:2px;display:flex}._tzl-name{color:var(--tzl-text);font-weight:500}._tzl-id{font-size:var(--main-text-xs);font-family:var(--main-font-mono);color:var(--tzl-text-lighter)}._tzl-region{color:var(--tzl-text-muted)}._tzl-td--time{text-align:center}._tzl-time{font-family:var(--main-font-mono);color:var(--tzl-text);font-weight:500}._tzl-td--dst{text-align:center}._tzl-dst-badge{border-radius:var(--main-radius-full);justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}._tzl-dst-badge--active{background:var(--tzl-dst-active-bg);color:var(--tzl-dst-active-color)}._tzl-dst-badge--inactive{background:var(--tzl-dst-inactive-bg);color:var(--tzl-dst-inactive-color)}._tzl-dst-badge--none{color:var(--tzl-text-lighter)}._tzl-td--actions{text-align:center}._tzl-copy-btn{border-radius:var(--main-radius);width:32px;height:32px;color:var(--tzl-text-lighter);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}._tzl-copy-btn:hover{background:var(--tzl-badge-bg);color:var(--tzl-primary)}._tzl-copy-btn.copied{color:var(--main-success)}@media (max-width:1024px){._tzl-th--region,._tzl-td--region{display:none}}@media (max-width:768px){._tzl-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}._tzl-th,._tzl-td{padding:var(--main-space-2) var(--main-space-3)}._tzl-th--name,._tzl-td--name{min-width:150px}._tzl-id,._tzl-th--dst,._tzl-td--dst{display:none}}@media (max-width:480px){._tzl-th--offset,._tzl-td--offset{display:none}._tzl-abbr-badge{min-width:40px;padding:var(--main-space-1)}}._tzl-export-btn{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-4);background:var(--tzl-bg);border-style:solid;border-width:1px;border-color:var(--tzl-border);border-radius:var(--main-radius);font-size:var(--main-text-sm);color:var(--tzl-text);cursor:pointer;margin-left:auto;font-weight:500;transition:all .15s;display:inline-flex}._tzl-export-btn:hover{background:var(--tzl-badge-bg);border-color:var(--tzl-primary);color:var(--tzl-primary)}._tzl-export-btn svg{width:14px;height:14px}._tzl-modal{z-index:1000;padding:var(--main-space-4);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}._tzl-modal-backdrop{background:#00000080;animation:.2s tzlFadeIn;position:absolute;top:0;bottom:0;left:0;right:0}._tzl-modal-content{background:var(--tzl-bg);border-radius:var(--main-radius-xl);flex-direction:column;width:100%;max-width:600px;max-height:80vh;animation:.25s tzlSlideUp;display:flex;position:relative;box-shadow:0 20px 60px #0003}@keyframes tzlFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tzlSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._tzl-modal-header{padding:var(--main-space-4) var(--main-space-5);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--tzl-border-light);justify-content:space-between;align-items:center;display:flex}._tzl-modal-title{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-lg);color:var(--tzl-text);margin:0;font-weight:600;display:flex}._tzl-modal-title svg{width:18px;height:18px;color:var(--tzl-primary)}._tzl-modal-close{border-radius:var(--main-radius);width:32px;height:32px;color:var(--tzl-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}._tzl-modal-close:hover{background:var(--tzl-bg-hover);color:var(--tzl-text)}._tzl-modal-close svg{width:16px;height:16px}._tzl-modal-body{padding:var(--main-space-4) var(--main-space-5);gap:var(--main-space-3);flex-direction:column;flex:1;display:flex;overflow:hidden}._tzl-export-options{align-items:center;gap:var(--main-space-3);display:flex}._tzl-export-label{font-size:var(--main-text-sm);color:var(--tzl-text-muted);font-weight:500}._tzl-export-tabs{background:var(--tzl-bg-hover);border-radius:var(--main-radius);gap:2px;padding:3px;display:flex}._tzl-export-tab{align-items:center;gap:var(--main-space-1);padding:var(--main-space-2) var(--main-space-3);border-radius:var(--main-radius-sm);font-size:var(--main-text-sm);color:var(--tzl-text-muted);cursor:pointer;background:0 0;border:none;font-weight:500;transition:all .15s;display:inline-flex}._tzl-export-tab:hover{color:var(--tzl-text)}._tzl-export-tab.active{background:var(--tzl-bg);color:var(--tzl-primary);box-shadow:0 1px 3px #0000001a}._tzl-export-tab svg{width:12px;height:12px}._tzl-export-info{font-size:var(--main-text-sm);color:var(--tzl-text-muted)}._tzl-export-info span{color:var(--tzl-primary);font-weight:600}._tzl-export-textarea-wrap{flex:1;min-height:250px}._tzl-export-textarea{width:100%;height:100%;min-height:250px;padding:var(--main-space-3);background:var(--tzl-bg-hover);border-style:solid;border-width:1px;border-color:var(--tzl-border);border-radius:var(--main-radius);font-family:var(--main-font-mono);font-size:var(--main-text-sm);color:var(--tzl-text);resize:none;outline:none}._tzl-export-textarea:focus{border-color:var(--tzl-primary)}._tzl-modal-footer{justify-content:flex-end;gap:var(--main-space-2);padding:var(--main-space-3) var(--main-space-5);border-top-style:solid;border-top-width:1px;border-top-color:var(--tzl-border-light);background:var(--tzl-bg-hover);border-radius:0 0 var(--main-radius-xl) var(--main-radius-xl);display:flex}._tzl-btn{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-4);border-radius:var(--main-radius);font-size:var(--main-text-sm);cursor:pointer;border:none;font-weight:500;transition:all .15s;display:inline-flex}._tzl-btn svg{width:14px;height:14px}._tzl-btn--primary{background:var(--tzl-primary);color:#fff}._tzl-btn--primary:hover{opacity:.9}._tzl-btn--secondary{background:var(--tzl-bg);color:var(--tzl-text);border-style:solid;border-width:1px;border-color:var(--tzl-border)}._tzl-btn--secondary:hover{background:var(--tzl-bg-hover);border-color:var(--tzl-text-muted)}@media (max-width:640px){._tzl-modal{align-items:flex-end;padding:0}._tzl-modal-content{border-radius:var(--main-radius-xl) var(--main-radius-xl) 0 0;max-width:100%;max-height:90vh}._tzl-export-options{flex-direction:column;align-items:flex-start}._tzl-export-tabs{width:100%}._tzl-export-tab{flex:1;justify-content:center}._tzl-modal-footer{flex-direction:column}._tzl-btn{justify-content:center;width:100%}._tzl-export-btn span{display:none}}