*{box-sizing:border-box;margin:0;padding:0}.loader{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 0;display:flex}.spinner{border:3px solid #e5e7eb;border-top-color:#1a56db;border-radius:50%;width:2rem;height:2rem;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}body{color:#1a2332;-webkit-text-size-adjust:100%;background:#f0f4f8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.app{max-width:960px;margin:0 auto;padding:1.5rem 1rem 3rem}h1{color:#1a56db;font-size:1.5rem}.subtitle{color:#6b7280;margin-bottom:1.25rem;font-size:.875rem}.layout{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=700px){.app{padding:1rem .75rem 2rem}h1{font-size:1.25rem}.layout{grid-template-columns:1fr;gap:.75rem}}.panel{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #00000014}.panel h2{color:#374151;margin-bottom:.75rem;font-size:1.1rem}form{flex-direction:column;gap:.75rem;display:flex}label{color:#4b5563;flex-direction:column;gap:.25rem;font-size:.8rem;font-weight:500;display:flex}select,input[type=date],input[type=datetime-local],input[type=text],input[type=password],input[type=number]{appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.5rem .625rem;font-size:1rem}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;padding-right:2rem}button[type=submit]{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1a56db;border:none;border-radius:8px;margin-top:.25rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500}button[type=submit]:hover{background:#1e40af}button[type=submit]:active{background:#1e3a8a}.empty{color:#9ca3af;font-size:.875rem;font-style:italic}.watches{flex-direction:column;gap:.75rem;display:flex}.watch-card{border:1px solid #e5e7eb;border-radius:10px;padding:.875rem}.watch-card.active{border-left:3px solid #10b981}.watch-card.inactive{opacity:.6;border-left:3px solid #9ca3af}.watch-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.watch-header strong{font-size:.9rem}.badge{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.2rem .5rem;font-size:.7rem;font-weight:500}.badge-active{color:#065f46;background:#d1fae5}.badge-inactive{color:#6b7280;background:#f3f4f6}.watch-details{color:#4b5563;flex-direction:column;gap:.125rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.btn-stop{color:#991b1b;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;padding:.375rem .75rem;font-size:.8rem}.btn-stop:hover{background:#fecaca}.change-list{border-top:1px solid #e5e7eb;margin-top:.75rem;padding-top:.75rem}.change-list h4{color:#6b7280;margin-bottom:.375rem;font-size:.75rem}.change-entry{flex-wrap:wrap;justify-content:space-between;padding:.25rem 0;font-size:.8rem;font-weight:500;display:flex}.change-entry.success{color:#059669}.change-entry.failed{color:#dc2626}.change-time{color:#9ca3af;font-size:.75rem;font-weight:400}.change-error{color:#9ca3af;width:100%;font-size:.7rem}.auth-panel{margin-bottom:1rem}.auth-status{justify-content:space-between;align-items:center;display:flex}.auth-ok{color:#059669;font-size:.875rem;font-weight:500}.btn-logout{color:#374151;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:.375rem .75rem;font-size:.8rem}.auth-form p{color:#6b7280;margin-bottom:.5rem;font-size:.8rem}.smart-id-form{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.smart-id-form button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1a56db;border:none;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;font-weight:500}.smart-id-form button:hover{background:#1e40af}.smart-id-form button:disabled{cursor:not-allowed;background:#9ca3af}.auth-confirm{text-align:center;padding:1rem 0}.auth-confirm p{color:#4b5563;font-size:.875rem}.verification-code{color:#1a56db;letter-spacing:.25em;margin:.75rem 0;font-size:2.5rem;font-weight:700}.auth-hint{color:#9ca3af;font-size:.8rem;font-style:italic}.auth-loading p{color:#6b7280;font-style:italic}.auth-error{color:#dc2626;margin-top:.5rem;font-size:.8rem}.manual-token{color:#9ca3af;margin-top:1rem;font-size:.8rem}.manual-token summary{cursor:pointer;margin-bottom:.5rem}.token-input-row{gap:.5rem;display:flex}.token-input-row input{flex:1;min-width:0}.token-input-row button{color:#fff;cursor:pointer;white-space:nowrap;background:#1a56db;border:none;border-radius:8px;padding:.5rem .875rem;font-size:.85rem}.ticket-info{background:#f0f4f8;border-radius:8px;padding:.75rem;font-size:.8rem}.ticket-info div{margin-top:.125rem}.poll-log-panel{margin-top:1rem}.poll-log{flex-direction:column;gap:.2rem;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.7rem;display:flex}.poll-entry{border-radius:4px;align-items:baseline;gap:.5rem;padding:.2rem .4rem;display:flex}.poll-entry.poll-empty{color:#6b7280}.poll-entry.poll-found{color:#059669;background:#ecfdf5;font-weight:500}.poll-time{color:#9ca3af;flex-shrink:0;font-size:.65rem}.poll-hot{color:#ef4444;font-size:.6rem;font-weight:700}.poll-result{overflow-wrap:break-word;flex:1;min-width:0}@media (width<=700px){.poll-entry{flex-direction:column;gap:0}.poll-time{font-size:.6rem}.change-entry{flex-direction:column;gap:.125rem}}