main{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px;gap:24px}.panel-layout{width:100%;max-width:1100px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel-left,.panel-right{display:flex;flex-direction:column;gap:16px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px}.card-header{color:#fff;font-size:14px;font-weight:600;border-bottom:1px solid var(--border);padding-bottom:10px}.control-group{display:flex;flex-direction:column;gap:6px}.control-group label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}input[type=datetime-local],select,input[type=text],input[type=number]{background:var(--bg3);border:1px solid var(--border);color:#fff;padding:10px 12px;border-radius:var(--r);outline:none;font-family:inherit;font-size:14px;transition:border-color .2s}input:focus,select:focus{border-color:var(--accent)}.tz-select{width:100%;cursor:pointer}.tz-add-row{display:flex;gap:8px}.tz-add-row select{flex:1}.tz-target-list{display:flex;flex-direction:column;gap:6px}.tz-target-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-size:13px;color:#fff}.tz-target-item .tz-remove{background:none;border:none;color:var(--muted);cursor:pointer;font-size:16px;padding:0 4px}.tz-target-item .tz-remove:hover{color:var(--error)}.tz-results{display:flex;flex-direction:column;gap:8px}.tz-result-row{display:flex;justify-content:space-between;align-items:center;background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:10px 14px}.tz-result-tz{font-size:12px;color:var(--muted);font-weight:600}.tz-result-time{font-size:16px;color:#fff;font-family:JetBrains Mono,monospace;font-weight:600}.tz-overlap{display:flex;flex-direction:column;gap:8px}.tz-overlap-row{display:flex;align-items:center;gap:10px}.tz-overlap-label{font-size:11px;color:var(--muted);width:120px;flex-shrink:0;text-align:right}.tz-overlap-bar-wrap{flex:1;height:20px;background:var(--bg3);border-radius:4px;position:relative;overflow:hidden}.tz-overlap-bar{height:100%;border-radius:4px;position:absolute;top:0;min-width:2px}.tz-overlap-bar.office-hours{background:#00a8ff4d}.tz-overlap-bar.overlap{background:var(--accent)}.tz-overlap-hours{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.tz-overlap-hour{flex:1;border-left:1px solid rgba(255,255,255,.05);position:relative}.tz-overlap-hour:first-child{border-left:none}.tz-hour-label{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:9px;color:var(--muted)}.tz-source-row{color:var(--accent);font-weight:600}@media(max-width:768px){.panel-layout{grid-template-columns:1fr}main{padding:12px}}