*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;color:#333;line-height:1.5}.taskpane{display:flex;flex-direction:column;height:100vh;overflow:hidden}.header{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#0078d4;color:#fff;flex-shrink:0}.title{font-size:18px;font-weight:600;margin:0}.logout-btn{background:transparent;border:1px solid white;color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px}.logout-btn:hover{background:#ffffff1a}.content{flex:1;overflow-y:auto;padding:16px}.auth-container{padding:32px 16px;text-align:center}.auth-description{margin-bottom:24px;color:#666}.permissions-note{margin-top:32px;padding:16px;background-color:#f3f2f1;border-radius:4px;text-align:left;font-size:12px}.permissions-note ul{margin-top:8px;margin-left:20px}.section-label{display:block;font-weight:600;margin-bottom:8px;color:#333}.saved-groups-container{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e1dfdd}.saved-groups-controls{display:flex;gap:8px;align-items:center}.groups-dropdown{flex:1;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer}.groups-dropdown:disabled{opacity:.5;cursor:not-allowed;background-color:#f3f2f1}.groups-dropdown:focus{outline:none;border-color:#0078d4}.save-group-btn{background-color:#0078d4;border:1px solid #0078d4;color:#fff;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap}.save-group-btn:hover:not(:disabled){background-color:#005a9e}.save-group-btn:disabled{opacity:.5;cursor:not-allowed}.save-dialog{background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;padding:12px;margin-bottom:12px}.group-name-input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:8px}.group-name-input:focus{outline:none;border-color:#0078d4}.dialog-buttons{display:flex;gap:8px}.dialog-btn{flex:1;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;border:1px solid #ccc}.dialog-btn.primary{background-color:#0078d4;color:#fff;border-color:#0078d4}.dialog-btn.primary:hover{background-color:#005a9e}.dialog-btn.secondary{background-color:#fff;color:#333}.dialog-btn.secondary:hover{background-color:#f3f2f1}.save-error{color:#c50f1f;font-size:12px;margin-top:8px}.delete-confirm{background-color:#fde7e9;border:1px solid #c50f1f;border-radius:4px;padding:12px;margin-top:8px;display:flex;flex-direction:column;gap:8px}.delete-confirm-text{color:#c50f1f;font-size:13px;font-weight:500}.delete-confirm-buttons{display:flex;gap:8px}.settings-container{display:flex;flex-direction:column;height:100%}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e1dfdd}.settings-title{font-size:20px;font-weight:600;margin:0;color:#333}.close-settings-btn{background-color:#0078d4;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.close-settings-btn:hover{background-color:#005a9e}.settings-content{flex:1;overflow-y:auto}.settings-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e1dfdd}.settings-section:last-child{border-bottom:none}.groups-management-list{display:flex;flex-direction:column;gap:8px}.group-management-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background-color:#f9f9f9;border:1px solid #e1dfdd;border-radius:4px}.group-info{flex:1}.group-name{font-weight:500;color:#333;margin-bottom:2px}.group-count{font-size:12px;color:#666}.delete-group-btn{background:transparent;border:none;color:#666;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.delete-group-btn:hover{background-color:#c50f1f1a;color:#c50f1f}.no-groups{padding:16px;text-align:center;color:#999;font-size:12px;font-style:italic;background-color:#f9f9f9;border-radius:4px}.settings-button-container{margin-top:24px;padding-top:16px;border-top:1px solid #e1dfdd}.settings-btn{width:100%;background-color:#f3f2f1;color:#333;border:1px solid #ccc;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.settings-btn:hover{background-color:#e1dfdd}.settings-checkbox-group{display:flex;align-items:center;gap:8px;padding:8px;background-color:#f9f9f9;border-radius:4px}.settings-checkbox{cursor:pointer;width:18px;height:18px}.settings-checkbox-label{cursor:pointer;font-size:13px;color:#333;-webkit-user-select:none;user-select:none}.people-picker-container{margin-bottom:24px}.people-picker{position:relative}.search-input{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px}.search-input:focus{outline:none;border-color:#0078d4}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 8px #0000001a}.suggestion-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f3f2f1}.suggestion-item:hover{background-color:#f3f2f1}.suggestion-name{font-weight:500;color:#333}.suggestion-email{font-size:12px;color:#666}.loading-indicator{padding:8px;text-align:center;color:#666;font-size:12px}.selected-people{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.attendee-chip{display:inline-flex;align-items:center;gap:8px;background-color:#e1f3ff;border:1px solid #0078d4;border-radius:16px;padding:6px 12px;font-size:13px}.attendee-name{font-weight:500;color:#0078d4}.attendee-email{color:#666;font-size:11px}.remove-btn{background:transparent;border:none;color:#0078d4;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.remove-btn:hover{background-color:#0078d41a}.empty-state{padding:16px;text-align:center;color:#999;font-size:13px;font-style:italic}.date-range-selector{margin-bottom:24px}.date-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.date-input-group{display:flex;flex-direction:column}.date-input-group label{font-size:12px;color:#666;margin-bottom:4px}.date-input{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.date-input:focus{outline:none;border-color:#0078d4}.preset-buttons{display:flex;gap:8px}.preset-btn{flex:1;padding:8px 12px;background-color:#f3f2f1;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:12px;white-space:nowrap}.preset-btn:hover{background-color:#e1dfdd}.time-constraints{margin-bottom:20px}.constraint-group{margin-bottom:12px}.constraint-group label{display:block;font-size:12px;color:#666;margin-bottom:4px}.select-input,.time-input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer}.select-input:focus,.time-input:focus{outline:none;border-color:#0078d4}.working-hours{display:grid;grid-template-columns:1fr 1fr;gap:12px}.find-section{margin-top:24px;margin-bottom:24px}.find-btn{width:100%}.results-list{margin-top:24px;padding-top:24px;border-top:2px solid #e1dfdd}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.link-button{background:transparent;border:none;color:#0078d4;cursor:pointer;font-size:12px;text-decoration:underline}.link-button:hover{color:#005a9e}.slots-container{margin-bottom:16px;max-height:200px;overflow-y:auto;border:1px solid #e1dfdd;border-radius:4px;padding:8px}.slots-container::-webkit-scrollbar{width:12px}.slots-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.slots-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.slots-container::-webkit-scrollbar-thumb:hover{background:#555}.slot-item{display:flex;align-items:center;padding:8px;border-radius:4px;margin-bottom:4px}.slot-item:hover{background-color:#f3f2f1}.slot-checkbox{margin-right:8px;cursor:pointer}.slot-label{cursor:pointer;display:flex;gap:8px;flex:1}.slot-date{font-weight:500;min-width:80px}.slot-time{color:#666}.include-attendees-option{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px;background-color:#f9f9f9;border-radius:4px}.attendees-checkbox{cursor:pointer;width:16px;height:16px}.attendees-label{cursor:pointer;font-size:13px;color:#333;-webkit-user-select:none;user-select:none}.action-buttons{display:flex;gap:8px}.hint-text{margin-top:8px;font-size:12px;color:#666;text-align:center;font-style:italic}.copy-message{margin-top:8px;padding:8px;font-size:12px;text-align:center;background-color:#e1f3ff;color:#0078d4;border-radius:4px;border:1px solid #0078d4}.primary-btn{background-color:#0078d4;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.primary-btn:hover:not(:disabled){background-color:#005a9e}.primary-btn:disabled{background-color:#ccc;cursor:not-allowed}.secondary-btn{background-color:#fff;color:#0078d4;border:1px solid #0078d4;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.secondary-btn:hover:not(:disabled){background-color:#f3f2f1}.secondary-btn:disabled{color:#ccc;border-color:#ccc;cursor:not-allowed}.error-message{background-color:#fde7e9;border:1px solid #c50f1f;color:#c50f1f;padding:12px;border-radius:4px;margin-bottom:16px;font-size:13px}