*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;background:#f8f9fa}.calendar-screen{padding:1.5rem;max-width:1200px;margin:0 auto}.calendar-header{margin-bottom:1rem}.calendar-header h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:600;color:#1a1a1a}.calendar-subtitle{margin:0;font-size:.9rem;color:#666}.calendar-error,.calendar-loading{padding:2rem;text-align:center;color:#c00}.calendar-loading{color:#666}.calendar-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.calendar-view-tabs{display:flex;border:1px solid #dee2e6;border-radius:8px;overflow:hidden;background:#fff}.calendar-view-tab{padding:.5rem 1rem;border:none;background:transparent;font-size:.9rem;color:#495057;cursor:pointer;transition:background .15s,color .15s}.calendar-view-tab:hover{background:#e9ecef}.calendar-view-tab--active{background:#495057;color:#fff;font-weight:600}.calendar-nav{display:flex;align-items:center;gap:.5rem}.calendar-nav-btn{width:40px;height:40px;border:1px solid #dee2e6;border-radius:8px;background:#fff;font-size:1.5rem;line-height:1;color:#495057;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.calendar-nav-btn:hover{background:#e9ecef;border-color:#adb5bd}.calendar-nav-center{display:flex;align-items:center;gap:.75rem}.calendar-month-year{font-size:1.25rem;font-weight:600;color:#212529;min-width:180px;text-align:center}.calendar-today-btn{padding:.4rem .75rem;border:1px solid #dee2e6;border-radius:6px;background:#fff;font-size:.875rem;color:#495057;cursor:pointer;transition:background .15s,border-color .15s}.calendar-today-btn:hover{background:#e9ecef;border-color:#adb5bd}.calendar-grid-wrapper{background:#fff;border:1px solid #dee2e6;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:#495057;color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.calendar-weekday{padding:.5rem .25rem;text-align:center;border-right:1px solid rgba(255,255,255,.15)}.calendar-weekday:last-child{border-right:none}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,110px)}.calendar-day{min-height:110px;border-right:1px solid #e9ecef;border-bottom:1px solid #e9ecef;padding:.35rem}.calendar-day:nth-child(7n){border-right:none}.calendar-day--empty{background:#f8f9fa}.calendar-day--filled{background:#fff;display:flex;flex-direction:column}.calendar-day--today{background:#e7f3ff;outline:2px solid #0d6efd;outline-offset:-2px;z-index:1}.calendar-day-num{font-size:.8rem;font-weight:600;color:#495057;margin-bottom:.25rem;flex-shrink:0}.calendar-day--today .calendar-day-num{color:#0d6efd}.calendar-day-events{flex:1;overflow:auto;display:flex;flex-direction:column;gap:.2rem}.calendar-event{position:relative;font-size:.7rem;padding:.2rem 1.25rem .2rem .35rem;background:#e9ecef;border-radius:4px;border-left:3px solid #0d6efd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event-remove{position:absolute;top:.1rem;right:.2rem;width:1.1rem;height:1.1rem;padding:0;border:none;border-radius:4px;background:#dc3545;color:#fff;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.85}.calendar-event-remove:hover{opacity:1;background:#bb2d3b}.calendar-event-time{font-weight:600;color:#495057;margin-right:.35rem}.calendar-event-name{color:#212529;font-weight:500}.calendar-event-msg{display:block;color:#6c757d;font-size:.65rem;margin-top:.1rem;white-space:normal;line-height:1.2}.calendar-screen.calendar-screen--agenda,.calendar-agenda-wrapper{max-width:1200px}.calendar-agenda-wrapper{margin-left:auto;margin-right:auto;background:#fff;border:1px solid #dee2e6;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.calendar-agenda-wrapper--day .calendar-agenda-day-col{min-width:280px}.calendar-agenda-header{display:grid;grid-template-columns:56px repeat(7,1fr);background:#495057;color:#fff;font-size:.75rem;font-weight:600}.calendar-agenda-header--day{grid-template-columns:56px 1fr}.calendar-agenda-time-col{padding:.5rem .25rem;text-align:center;border-right:1px solid rgba(255,255,255,.15)}.calendar-agenda-day-col{padding:.5rem;text-align:center;border-right:1px solid rgba(255,255,255,.15)}.calendar-agenda-day-col:last-child{border-right:none}.calendar-agenda-day-col--today{background:#0d6efd59}.calendar-agenda-day-col--single{text-align:center}.calendar-agenda-weekday{display:block;text-transform:uppercase;letter-spacing:.02em;opacity:.9}.calendar-agenda-date{display:block;font-size:.95rem;margin-top:.15rem}.calendar-agenda-body{max-height:70vh;overflow-y:auto}.calendar-agenda-row{display:grid;grid-template-columns:56px repeat(7,1fr);min-height:52px;border-bottom:1px solid #e9ecef}.calendar-agenda-wrapper--day .calendar-agenda-row{grid-template-columns:56px 1fr}.calendar-agenda-time-slot{padding:.25rem .35rem;font-size:.75rem;color:#6c757d;background:#f8f9fa;border-right:1px solid #e9ecef;flex-shrink:0}.calendar-agenda-cell{padding:.25rem .4rem;border-right:1px solid #e9ecef;vertical-align:top}.calendar-agenda-cell:last-child{border-right:none}.calendar-agenda-cell--today{background:#e7f3ff}.calendar-agenda-cell--single{min-width:0}.calendar-agenda-event{position:relative;padding:.35rem 1.75rem .35rem .5rem;margin-bottom:.25rem;background:#e9ecef;border-radius:6px;border-left:3px solid #0d6efd;font-size:.8rem}.calendar-agenda-event:last-child{margin-bottom:0}.calendar-agenda-event-time{font-weight:600;color:#495057;margin-right:.35rem}.calendar-agenda-event-name{font-weight:500;color:#212529}.calendar-agenda-event-msg{margin:.25rem 0 0;font-size:.75rem;color:#6c757d;line-height:1.3;white-space:pre-wrap;word-break:break-word}.calendar-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.calendar-modal{background:#fff;border-radius:12px;padding:1.25rem 1.5rem;min-width:320px;box-shadow:0 4px 20px #00000026}.calendar-modal h3{margin:0 0 1rem;font-size:1.1rem;color:#212529}.calendar-modal-option{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.9rem;cursor:pointer}.calendar-modal-option input{cursor:pointer}.calendar-modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.calendar-modal-btn{padding:.4rem .9rem;border-radius:6px;font-size:.9rem;cursor:pointer;border:1px solid #dee2e6;background:#fff;color:#495057}.calendar-modal-btn--cancel:hover{background:#f8f9fa}.calendar-modal-btn--confirm{background:#dc3545;border-color:#dc3545;color:#fff}.calendar-modal-btn--confirm:hover:not(:disabled){background:#bb2d3b;border-color:#bb2d3b}.calendar-modal-btn:disabled{opacity:.7;cursor:not-allowed}.contacts-screen{padding:1.5rem;max-width:1000px;margin:0 auto}.contacts-header{margin-bottom:1.5rem}.contacts-header h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:600;color:#1a1a1a}.contacts-subtitle{margin:0;font-size:.9rem;color:#666}.contacts-error{padding:1rem;background:#f8d7da;color:#721c24;border-radius:8px;margin-bottom:.75rem}.contacts-retry-btn{padding:.5rem 1rem;border:1px solid #dee2e6;border-radius:6px;background:#fff;cursor:pointer;font-size:.9rem}.contacts-retry-btn:hover{background:#e9ecef}.contacts-config{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000f}.contacts-config h2{margin:0 0 .5rem;font-size:1.1rem;color:#212529}.contacts-config-desc{margin:0 0 1rem;font-size:.85rem;color:#6c757d}.contacts-config-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem}.contacts-config-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#495057}.contacts-config-form select,.contacts-config-form input[type=time]{padding:.4rem .6rem;border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;min-width:120px}.contacts-config-save{padding:.5rem 1rem;border:none;border-radius:6px;background:#0d6efd;color:#fff;font-size:.9rem;cursor:pointer}.contacts-config-save:hover:not(:disabled){background:#0b5ed7}.contacts-config-save:disabled{opacity:.7;cursor:not-allowed}.contacts-loading{padding:2rem;text-align:center;color:#666}.contacts-list-wrapper{background:#fff;border:1px solid #dee2e6;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.contacts-table{width:100%;border-collapse:collapse;font-size:.9rem}.contacts-table th{text-align:left;padding:.75rem 1rem;background:#495057;color:#fff;font-weight:600}.contacts-table td{padding:.6rem 1rem;border-bottom:1px solid #e9ecef}.contacts-table tbody tr:hover{background:#f8f9fa}.contacts-name{font-weight:500;color:#212529}.contacts-id{color:#6c757d;font-family:ui-monospace,monospace;font-size:.85rem}.contacts-date{color:#6c757d;font-size:.85rem}.contacts-list-select{padding:.35rem .5rem;border:1px solid #dee2e6;border-radius:6px;font-size:.85rem;min-width:140px}.contacts-assigning{margin-left:.5rem;color:#6c757d}.contacts-empty{text-align:center;color:#6c757d;padding:2rem!important}.connect-screen{padding:2rem;max-width:480px;margin:0 auto}.connect-status{margin:0 0 1rem;font-size:1rem}.connect-recreate{margin-top:1rem;padding:1.25rem;background:#fff;border:1px solid #dee2e6;border-radius:12px;box-shadow:0 1px 3px #0000000f}.connect-recreate-desc{margin:0 0 1rem;font-size:.95rem;color:#495057;line-height:1.45}.connect-recreate-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.connect-recreate-btn{display:inline-block;padding:.65rem 1.25rem;font-size:1rem;font-weight:600;color:#fff;background:#25d366;border:none;border-radius:8px;cursor:pointer;transition:background .15s,opacity .15s}.connect-recreate-btn:hover:not(:disabled){background:#20bd5a}.connect-recreate-btn:disabled{opacity:.8;cursor:not-allowed}.connect-recreate-qr-btn{display:inline-block;padding:.65rem 1.25rem;font-size:1rem;font-weight:600;color:#0d6efd;background:#fff;border:2px solid #0d6efd;border-radius:8px;cursor:pointer;transition:background .15s,color .15s,opacity .15s}.connect-recreate-qr-btn:hover:not(:disabled){background:#0d6efd;color:#fff}.connect-recreate-qr-btn:disabled{opacity:.8;cursor:not-allowed}.connect-qr{margin-top:1rem}.connect-qr p{margin:0 0 .75rem;font-size:.95rem}.connect-actions{margin-top:1rem;display:flex;align-items:center;gap:.75rem}.connect-link{color:#0d6efd;text-decoration:none;font-size:.95rem}.connect-link:hover{text-decoration:underline}.connect-disconnect-btn{padding:.4rem .85rem;font-size:.9rem;border:1px solid #dee2e6;border-radius:6px;background:#fff;color:#495057;cursor:pointer}.connect-disconnect-btn:hover:not(:disabled){background:#f8f9fa}.connect-disconnect-btn:disabled{opacity:.7;cursor:not-allowed}.connect-upload{margin-top:2rem;padding-top:1rem;border-top:1px solid #eee}.connect-upload h2{margin:0 0 .5rem;font-size:1.1rem}.connect-upload p{margin:0 0 .5rem;font-size:.9rem;color:#666}.connect-upload-success{color:#198754!important}.connect-upload-error{color:#dc3545!important}