*{margin:0;padding:0;box-sizing:border-box}body{font-family:Google Sans,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background-color:#f8f9fa;color:#3c4043;line-height:1.5;overflow-x:hidden}#root,.app{min-height:100vh;display:flex;flex-direction:column}.title-bar{background:#fff;border-bottom:1px solid #e0e0e0;padding:8px 20px;display:flex;align-items:center;justify-content:space-between;height:64px;z-index:1000}.title-left{display:flex;align-items:center;gap:24px}.menu-icon{font-size:20px;padding:12px;cursor:pointer;border-radius:50%;transition:background-color .2s}.menu-icon:hover{background-color:#f1f3f4}.logo-container{display:flex;align-items:center;gap:8px}.logo-icon{font-size:32px}.title-bar h1{font-size:22px;font-weight:400;color:#5f6368;letter-spacing:0}.title-right{display:flex;align-items:center;gap:8px}.search-bar{display:flex;align-items:center;background-color:#f1f3f4;border-radius:8px;padding:10px 16px;width:400px;max-width:500px}.search-icon{margin-right:8px;color:#5f6368;font-size:16px}.search-bar input{border:none;background:transparent;outline:none;font-size:14px;width:100%;color:#3c4043}.search-bar input::placeholder{color:#5f6368}.icon-button{background:none;border:none;padding:12px;cursor:pointer;font-size:20px;color:#5f6368;border-radius:50%;transition:background-color .2s}.icon-button:hover{background-color:#f1f3f4}.main-container{display:flex;flex:1;overflow:hidden}.calendar-sidebar{width:256px;background:#fff;border-right:1px solid #dadce0;padding:8px 8px 16px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.create-button{display:flex;align-items:center;gap:12px;background:#fff;border:none;padding:12px 24px;border-radius:24px;cursor:pointer;font-size:14px;font-weight:500;color:#3c4043;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;transition:box-shadow .2s;width:fit-content;margin:8px}.create-button:hover{box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.create-icon{font-size:24px;font-weight:300}.mini-calendar{padding:0 8px}.mini-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mini-calendar-title{font-size:14px;font-weight:500;color:#3c4043}.mini-calendar-nav{display:flex;gap:4px}.mini-nav-button{background:none;border:none;padding:4px;cursor:pointer;color:#5f6368;font-size:16px;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.mini-nav-button:hover{background-color:#f1f3f4}.mini-calendar-grid{display:flex;flex-direction:column}.mini-day-headers{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.mini-day-header{text-align:center;font-size:10px;color:#70757a;font-weight:500;padding:4px 0}.mini-calendar-row{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.mini-calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;border-radius:50%;transition:background-color .15s}.mini-calendar-day:hover{background-color:#f1f3f4}.mini-calendar-day.other-month{color:#9aa0a6}.mini-calendar-day.today{background-color:#1a73e8;color:#fff;font-weight:500}.mini-calendar-day.selected{background-color:#e8f0fe;color:#1a73e8;font-weight:500}.mini-calendar-day.today.selected{background-color:#1a73e8;color:#fff}.my-calendars{padding:0 8px}.my-calendars-title{font-size:14px;font-weight:500;color:#3c4043;margin-bottom:12px;padding:0 8px}.calendar-list{display:flex;flex-direction:column;gap:8px}.calendar-item{display:flex;align-items:center}.calendar-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .15s;width:100%}.calendar-checkbox-label:hover{background-color:#f1f3f4}.calendar-checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.calendar-color-indicator{width:12px;height:12px;border-radius:2px;flex-shrink:0}.calendar-name{font-size:14px;color:#3c4043;flex:1}.calendar-container{flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:#fff;border-bottom:1px solid #dadce0}.header-left{display:flex;align-items:center;gap:16px}.today-button{background:#fff;border:1px solid #dadce0;padding:10px 24px;border-radius:4px;cursor:pointer;color:#3c4043;font-size:14px;font-weight:500;transition:all .2s}.today-button:hover{background-color:#f8f9fa;box-shadow:0 1px 1px #3c404314,0 1px 3px 1px #3c404329}.nav-buttons{display:flex;gap:4px}.nav-button{background:none;border:none;padding:8px 12px;border-radius:50%;cursor:pointer;color:#3c4043;font-size:24px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:background-color .2s}.nav-button:hover{background-color:#f1f3f4}.calendar-title{font-size:22px;font-weight:400;color:#3c4043;letter-spacing:0;margin:0}.header-right{display:flex;align-items:center;gap:16px}.view-selector{display:flex;border:1px solid #dadce0;border-radius:4px;overflow:hidden}.view-button{background:#fff;border:none;padding:10px 16px;cursor:pointer;color:#3c4043;font-size:14px;font-weight:500;border-right:1px solid #dadce0;transition:background-color .2s}.view-button:last-child{border-right:none}.view-button:hover{background-color:#f8f9fa}.view-button.active{background:#e8f0fe;color:#1967d2}.calendar-body{flex:1;overflow:auto;background:#fff}.month-view{height:100%}.calendar-grid-container{display:flex;flex-direction:column;height:100%}.day-headers{display:grid;grid-template-columns:repeat(7,1fr);background:#fff;border-bottom:1px solid #dadce0;position:sticky;top:0;z-index:10}.day-header{display:flex;align-items:center;justify-content:center;padding:12px;border-right:1px solid #dadce0}.day-header:last-child{border-right:none}.day-header-text{font-size:11px;font-weight:500;color:#70757a;text-transform:uppercase;letter-spacing:.8px}.calendar-grid{flex:1;display:flex;flex-direction:column}.calendar-row{display:grid;grid-template-columns:repeat(7,1fr);flex:1}.calendar-day{border-right:1px solid #dadce0;border-bottom:1px solid #dadce0;padding:8px;min-height:120px;cursor:pointer;background:#fff;transition:background-color .15s;position:relative;overflow:hidden}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover{background-color:#f8f9fa}.calendar-day.other-month{background-color:#fafafa}.calendar-day.other-month .day-number{color:#9aa0a6}.calendar-day.today{background-color:#e8f0fe}.calendar-day.today .day-number{background-color:#1a73e8;color:#fff;border-radius:50%;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-weight:500}.day-number{font-size:12px;font-weight:400;color:#3c4043;margin-bottom:4px;text-align:left;display:inline-block;padding:4px}.day-events{display:flex;flex-direction:column;gap:2px;margin-top:4px}.event{background-color:#039be5;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:opacity .2s;display:flex;align-items:center;gap:4px}.event:hover{opacity:.9}.event-time{font-weight:500;opacity:.9}.event-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-events{font-size:11px;color:#5f6368;padding:4px;cursor:pointer}.more-events:hover{background-color:#f1f3f4;border-radius:4px}.week-view{height:100%;display:flex;flex-direction:column}.week-header{display:grid;grid-template-columns:80px repeat(7,1fr);border-bottom:1px solid #dadce0;background:#fff;position:sticky;top:0;z-index:10}.time-gutter{display:flex;align-items:center;justify-content:center;font-size:10px;color:#70757a;border-right:1px solid #dadce0;padding:12px 8px}.week-day-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;border-right:1px solid #dadce0}.week-day-header.today{background-color:#e8f0fe}.week-day-name{font-size:11px;color:#70757a;text-transform:uppercase;font-weight:500;letter-spacing:.8px;margin-bottom:4px}.week-day-number{font-size:20px;color:#3c4043;font-weight:400}.today-number{background-color:#1a73e8;color:#fff;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-weight:500}.week-grid-container{flex:1;overflow-y:auto}.week-grid{display:flex;flex-direction:column}.week-hour-row{display:grid;grid-template-columns:80px repeat(7,1fr);min-height:60px;border-bottom:1px solid #dadce0}.week-time-label{display:flex;align-items:flex-start;justify-content:center;padding-top:8px;font-size:10px;color:#70757a;border-right:1px solid #dadce0}.week-time-slot{border-right:1px solid #e8eaed;position:relative;cursor:pointer;transition:background-color .15s}.week-time-slot:hover{background-color:#f8f9fa}.week-event{position:absolute;left:2px;right:2px;padding:4px 8px;border-radius:4px;color:#fff;font-size:11px;overflow:hidden;cursor:pointer;box-shadow:0 1px 2px #0000001a}.week-event:hover{opacity:.9}.week-event-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.week-event-time{font-size:10px;opacity:.9}.day-view{height:100%;display:flex;flex-direction:column}.day-header-bar{display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid #dadce0;background:#fff;position:sticky;top:0;z-index:10}.day-column-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;border-right:1px solid #dadce0}.day-name{font-size:11px;color:#70757a;text-transform:uppercase;font-weight:500;letter-spacing:.8px;margin-bottom:4px}.day-date{font-size:32px;color:#3c4043;font-weight:400}.today-date{background-color:#1a73e8;color:#fff;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-weight:500}.day-grid-container{flex:1;overflow-y:auto}.day-grid{display:flex;flex-direction:column}.day-hour-row{display:grid;grid-template-columns:80px 1fr;min-height:60px;border-bottom:1px solid #dadce0}.day-time-label{display:flex;align-items:flex-start;justify-content:center;padding-top:8px;font-size:10px;color:#70757a;border-right:1px solid #dadce0}.day-time-slot{position:relative;cursor:pointer;transition:background-color .15s;border-right:1px solid #dadce0}.day-time-slot:hover{background-color:#f8f9fa}.day-event{position:absolute;left:8px;right:8px;padding:8px 12px;border-radius:4px;color:#fff;font-size:12px;overflow:hidden;cursor:pointer;box-shadow:0 1px 3px #0003}.day-event:hover{opacity:.95}.day-event-title{font-weight:500;margin-bottom:2px}.day-event-time{font-size:11px;opacity:.9;margin-bottom:4px}.day-event-location{font-size:10px;opacity:.8}.schedule-view{height:100%;overflow-y:auto}.schedule-container{padding:24px;max-width:900px;margin:0 auto}.no-events{text-align:center;padding:60px 20px;color:#5f6368}.schedule-day{display:grid;grid-template-columns:100px 1fr;gap:24px;margin-bottom:32px}.schedule-date{display:flex;flex-direction:column;align-items:center;padding-top:8px}.schedule-date-month{font-size:11px;color:#70757a;text-transform:uppercase;font-weight:500;letter-spacing:.8px;margin-bottom:4px}.schedule-date-number{font-size:32px;color:#3c4043;font-weight:400;margin-bottom:4px}.schedule-date-number.today{background-color:#1a73e8;color:#fff;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-weight:500}.schedule-date-day{font-size:12px;color:#5f6368;text-transform:uppercase;font-weight:500}.schedule-events{display:flex;flex-direction:column;gap:12px}.schedule-event{display:flex;gap:12px;padding:16px;border:1px solid #dadce0;border-radius:8px;cursor:pointer;transition:all .2s}.schedule-event:hover{background-color:#f8f9fa;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.schedule-event-indicator{width:4px;border-radius:2px;flex-shrink:0}.schedule-event-details{flex:1}.schedule-event-time{font-size:12px;color:#5f6368;margin-bottom:4px}.schedule-event-title{font-size:16px;color:#3c4043;font-weight:500;margin-bottom:4px}.schedule-event-location{font-size:13px;color:#5f6368;margin-bottom:4px}.schedule-event-description{font-size:13px;color:#5f6368;margin-bottom:8px}.schedule-event-calendar{font-size:12px;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modern-modal{display:flex;flex-direction:column}.modern-modal form{display:flex;flex-direction:column;height:100%}.modern-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0}.modal-back{background:none;border:none;font-size:24px;color:#5f6368;cursor:pointer;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.modal-back:hover{background-color:#f1f3f4}.modal-actions{display:flex;align-items:center;gap:12px}.icon-delete-button{background:none;border:none;font-size:20px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background-color .2s}.icon-delete-button:hover{background-color:#fce8e6}.modern-save-button{background:#1a73e8;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.modern-save-button:hover{background:#1765cc;box-shadow:0 2px 8px #1a73e84d}.modern-modal-body{padding:24px;overflow-y:auto;max-height:calc(90vh - 80px)}.modern-title-input{width:100%;border:none;outline:none;font-size:28px;font-weight:400;color:#202124;padding:12px 0;margin-bottom:24px;border-bottom:1px solid transparent;transition:border-color .2s}.modern-title-input:focus{border-bottom-color:#e0e0e0}.modern-title-input::placeholder{color:#9aa0a6}.modern-field{display:flex;gap:16px;margin-bottom:20px;align-items:flex-start}.field-icon{font-size:20px;padding-top:8px;opacity:.7}.field-content{flex:1;display:flex;flex-direction:column;gap:12px}.field-content.full-width{width:100%}.datetime-row{display:flex;gap:12px}.modern-input{border:1px solid #e0e0e0;border-radius:8px;padding:10px 14px;font-size:14px;color:#202124;outline:none;transition:all .2s;flex:1}.modern-input:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a}.modern-input.time-input{flex:0 0 120px}.modern-input.small{flex:0 0 80px}.modern-select{border:1px solid #e0e0e0;border-radius:8px;padding:10px 14px;font-size:14px;color:#202124;outline:none;cursor:pointer;transition:all .2s;background:#fff;width:100%}.modern-select:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a}.modern-select.small{flex:0 0 auto;width:auto}.modern-textarea{border:1px solid #e0e0e0;border-radius:8px;padding:10px 14px;font-size:14px;color:#202124;outline:none;resize:vertical;font-family:inherit;transition:all .2s;min-height:80px}.modern-textarea:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a}.modern-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#5f6368;padding:4px 0}.modern-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:#1a73e8}.modern-add-button{background:#f1f3f4;color:#1a73e8;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.modern-add-button:hover{background:#e8f0fe}.modern-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.modern-chip{display:flex;align-items:center;gap:6px;background:#e8f0fe;color:#1a73e8;padding:6px 12px;border-radius:20px;font-size:14px}.chip-remove{background:none;border:none;color:#1a73e8;cursor:pointer;font-size:18px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.chip-remove:hover{background:#1a73e833}.reminder-row-modern{display:flex;align-items:center;gap:8px;margin-bottom:8px}.reminder-label{font-size:14px;color:#5f6368;white-space:nowrap}.remove-icon-button{background:none;border:none;color:#5f6368;cursor:pointer;font-size:24px;padding:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.remove-icon-button:hover{background:#f1f3f4}.modern-text-button{background:none;border:none;color:#1a73e8;padding:8px 0;cursor:pointer;font-size:14px;font-weight:500;text-align:left;transition:color .2s}.modern-text-button:hover{color:#1765cc}.show-advanced-button{background:none;border:none;color:#1a73e8;padding:12px 0;cursor:pointer;font-size:14px;font-weight:500;text-align:left;margin:8px 0 16px;transition:color .2s}.show-advanced-button:hover{color:#1765cc}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #dadce0}.modal-header h2{font-size:22px;font-weight:400;color:#3c4043;margin:0}.modal-close{background:none;border:none;font-size:32px;color:#5f6368;cursor:pointer;padding:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.modal-close:hover{background-color:#f1f3f4}.modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;gap:12px;align-items:flex-start}.event-title-input{width:100%;padding:12px 0;font-size:24px;border:none;border-bottom:1px solid #dadce0;outline:none;color:#3c4043}.event-title-input:focus{border-bottom:2px solid #1a73e8}.datetime-group{align-items:flex-start}.datetime-icon,.calendar-icon,.input-icon{font-size:20px;color:#5f6368;margin-top:8px}.datetime-inputs{flex:1;display:flex;flex-direction:column;gap:12px}.date-time-row{display:flex;gap:12px}.date-input,.time-input{padding:8px 12px;border:1px solid #dadce0;border-radius:4px;font-size:14px;color:#3c4043;outline:none}.date-input{flex:1}.time-input{width:120px}.date-input:focus,.time-input:focus{border-color:#1a73e8}.calendar-select-group{align-items:center}.calendar-select{flex:1;padding:8px 12px;border:1px solid #dadce0;border-radius:4px;font-size:14px;color:#3c4043;outline:none;cursor:pointer}.calendar-select:focus{border-color:#1a73e8}.text-input,.textarea-input{flex:1;padding:8px 12px;border:1px solid #dadce0;border-radius:4px;font-size:14px;color:#3c4043;outline:none;font-family:inherit}.text-input:focus,.textarea-input:focus{border-color:#1a73e8}.textarea-input{resize:vertical;min-height:80px}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #dadce0}.footer-left,.footer-right{display:flex;gap:12px}.delete-button{background:none;border:none;color:#d93025;padding:10px 24px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.delete-button:hover{background-color:#fce8e6}.cancel-button{background:none;border:none;color:#1a73e8;padding:10px 24px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.cancel-button:hover{background-color:#e8f0fe}.save-button{background:#1a73e8;border:none;color:#fff;padding:10px 24px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.save-button:hover{background-color:#1765cc}.calendar-body::-webkit-scrollbar,.calendar-sidebar::-webkit-scrollbar,.week-grid-container::-webkit-scrollbar,.day-grid-container::-webkit-scrollbar,.schedule-view::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width:8px;height:8px}.calendar-body::-webkit-scrollbar-track,.calendar-sidebar::-webkit-scrollbar-track,.week-grid-container::-webkit-scrollbar-track,.day-grid-container::-webkit-scrollbar-track,.schedule-view::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track{background:#f1f1f1}.calendar-body::-webkit-scrollbar-thumb,.calendar-sidebar::-webkit-scrollbar-thumb,.week-grid-container::-webkit-scrollbar-thumb,.day-grid-container::-webkit-scrollbar-thumb,.schedule-view::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}.calendar-body::-webkit-scrollbar-thumb:hover,.calendar-sidebar::-webkit-scrollbar-thumb:hover,.week-grid-container::-webkit-scrollbar-thumb:hover,.day-grid-container::-webkit-scrollbar-thumb:hover,.schedule-view::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.google-auth-container{position:relative}.auth-status{display:flex;align-items:center;gap:8px}.sync-status-button{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dadce0;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.sync-status-button:hover{background-color:#f8f9fa;box-shadow:0 1px 2px #3c40434d}.sync-indicator{font-size:18px}.sync-indicator.connected{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.sync-indicator.disconnected{opacity:.6}.sync-spinner{font-size:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.google-auth-settings{position:absolute;top:50px;right:0;background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 4px 16px #0003;width:500px;max-height:80vh;overflow-y:auto;z-index:1001}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #dadce0}.settings-header h3{margin:0;font-size:18px;font-weight:500;color:#3c4043}.close-settings{background:none;border:none;font-size:24px;color:#5f6368;cursor:pointer;padding:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-settings:hover{background-color:#f1f3f4}.error-message{background-color:#fce8e6;color:#d93025;padding:12px 20px;margin:16px 20px;border-radius:4px;font-size:13px}.auth-section,.sync-section{padding:20px}.credentials-form{margin-bottom:24px}.form-field{margin-bottom:16px}.form-field label{display:block;font-size:14px;font-weight:500;color:#3c4043;margin-bottom:6px}.credential-input{width:100%;padding:10px 12px;border:1px solid #dadce0;border-radius:4px;font-size:14px;color:#3c4043;outline:none}.credential-input:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e81a}.form-field small{display:block;margin-top:6px;font-size:12px;color:#5f6368}.form-field small a{color:#1a73e8;text-decoration:none}.form-field small a:hover{text-decoration:underline}.button-group{display:flex;gap:12px}.save-credentials-button,.sign-in-button,.sync-button,.auto-sync-button,.sign-out-button{padding:10px 24px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.save-credentials-button{background:#f1f3f4;color:#3c4043}.save-credentials-button:hover{background:#e8eaed}.sign-in-button{background:#1a73e8;color:#fff}.sign-in-button:hover{background:#1765cc}.setup-instructions{background:#f8f9fa;padding:16px;border-radius:4px;font-size:13px}.setup-instructions h4{margin:0 0 12px;font-size:14px;color:#3c4043}.setup-instructions ol{margin:0;padding-left:20px}.setup-instructions li{margin-bottom:8px;color:#5f6368}.setup-instructions ul{margin:6px 0;padding-left:20px}.setup-instructions code{background:#e8eaed;padding:2px 6px;border-radius:3px;font-family:monospace;font-size:12px}.sync-status-info{background:#f8f9fa;padding:16px;border-radius:4px;margin-bottom:16px}.status-item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.status-item:last-child{margin-bottom:0}.status-label{color:#5f6368;font-weight:500}.status-value{color:#3c4043}.status-value.connected{color:#1e8e3e;font-weight:500}.sync-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.sync-button{background:#1a73e8;color:#fff}.sync-button:hover{background:#1765cc}.sync-button:disabled{background:#e8eaed;color:#9aa0a6;cursor:not-allowed}.auto-sync-button{background:#f1f3f4;color:#3c4043}.auto-sync-button:hover{background:#e8eaed}.auto-sync-button.active{background:#e8f0fe;color:#1a73e8}.sign-out-button{background:#fff;color:#d93025;border:1px solid #dadce0}.sign-out-button:hover{background:#fce8e6}.sync-info{background:#e8f0fe;padding:16px;border-radius:4px;font-size:13px}.sync-info p{margin:0 0 12px;color:#1967d2;font-weight:500}.sync-info ul{margin:0;padding-left:20px;color:#3c4043}.sync-info li{margin-bottom:4px}.enhanced-modal{max-width:700px}.enhanced-modal .modal-body{max-height:70vh;overflow-y:auto}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#3c4043}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.conference-inputs,.attendees-section,.reminders-section{flex:1;display:flex;flex-direction:column;gap:8px}.attendee-input-row{display:flex;gap:8px}.add-button{background:#1a73e8;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap}.add-button:hover{background:#1765cc}.attendees-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.attendee-chip{display:flex;align-items:center;gap:6px;background:#e8f0fe;color:#1a73e8;padding:4px 8px;border-radius:16px;font-size:13px}.remove-chip{background:none;border:none;color:#1a73e8;cursor:pointer;font-size:16px;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%}.remove-chip:hover{background:#1a73e833}.reminder-row{display:flex;align-items:center;gap:8px;font-size:13px}.reminder-method{padding:6px 10px;border:1px solid #dadce0;border-radius:4px;font-size:13px;outline:none}.reminder-minutes{width:80px;padding:6px 10px;border:1px solid #dadce0;border-radius:4px;font-size:13px;outline:none}.remove-reminder{background:none;border:none;color:#5f6368;cursor:pointer;font-size:20px;padding:4px;border-radius:50%}.remove-reminder:hover{background:#f1f3f4}.add-reminder-button{background:none;border:none;color:#1a73e8;padding:6px 0;cursor:pointer;font-size:13px;text-align:left}.add-reminder-button:hover{text-decoration:underline}@media (max-width: 1024px){.search-bar{width:250px}.calendar-sidebar{width:220px}}@media (max-width: 768px){.title-bar{padding:8px 12px}.search-bar,.calendar-sidebar{display:none}.calendar-header{padding:12px 16px;flex-wrap:wrap}.view-selector{width:100%;margin-top:8px}.view-button{flex:1}}.page-container{flex:1;overflow-y:auto;overflow-x:hidden;background-color:#f8f9fa;padding:24px}.content-section{max-width:1600px;margin:0 auto 32px;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.content-section>*:only-child{grid-column:1 / -1}.content-section>*:nth-child(1):nth-last-child(2),.content-section>*:nth-child(2):nth-last-child(1){grid-column:auto}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 40px;border-radius:16px;text-align:center;margin-bottom:32px;box-shadow:0 4px 12px #0000001a}.hero-section h1{font-size:42px;font-weight:500;margin-bottom:16px}.hero-section p{font-size:18px;opacity:.95}.dashboard-section{margin-bottom:32px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;padding:28px;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s;border:1px solid #e8eaed}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.stat-card h3{font-size:16px;font-weight:500;color:#5f6368;margin-bottom:12px}.stat-number{font-size:36px;font-weight:500;color:#1a73e8;margin:0}.quick-actions-section{margin-bottom:32px}.quick-actions-section h2{font-size:24px;font-weight:500;color:#3c4043;margin-bottom:20px}.action-buttons{display:flex;gap:16px;flex-wrap:wrap}.action-btn{background:#fff;border:1px solid #dadce0;padding:16px 24px;border-radius:8px;font-size:15px;font-weight:500;color:#1a73e8;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;box-shadow:0 1px 3px #0000000d}.action-btn:hover{background-color:#f8f9fa;border-color:#1a73e8;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.action-btn span{font-size:20px}.campaigns-tile{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden;margin-bottom:32px;border:1px solid #e8eaed}.campaigns-header{background:linear-gradient(135deg,#ea4335,#fbbc04);color:#fff;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.campaigns-title-section{display:flex;align-items:center;gap:16px}.campaigns-title{font-size:28px;font-weight:500;margin:0;color:#fff}.campaign-count{background:#fff3;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:500}.add-campaign-btn{background:#fff;color:#ea4335;border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 2px 8px #0000001a}.add-campaign-btn:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.add-campaign-btn span{font-size:20px;font-weight:700}.campaigns-list{padding:24px 32px;min-height:200px;max-height:600px;overflow-y:auto}.campaigns-list::-webkit-scrollbar{width:8px}.campaigns-list::-webkit-scrollbar-track{background:#f1f3f4;border-radius:4px}.campaigns-list::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}.campaigns-list::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.empty-state{text-align:center;padding:60px 20px;color:#5f6368}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:20px;font-weight:500;margin-bottom:8px;color:#3c4043}.empty-state p{font-size:14px;margin-bottom:24px}.empty-action-btn{background:#1a73e8;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.empty-action-btn:hover{background:#1765cc;transform:translateY(-2px);box-shadow:0 4px 12px #1a73e84d}.campaign-card{background:#fff;border:1px solid #e8eaed;border-radius:12px;padding:20px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;transition:all .2s;gap:16px}.campaign-card:hover{border-color:#dadce0;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.campaign-main{display:flex;align-items:flex-start;gap:16px;flex:1;min-width:0}.campaign-icon{font-size:32px;flex-shrink:0}.campaign-info{flex:1;min-width:0}.campaign-name-row{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.campaign-name{font-size:18px;font-weight:500;color:#3c4043;margin:0}.campaign-status{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;text-transform:capitalize;white-space:nowrap}.campaign-description{color:#5f6368;font-size:14px;margin:0 0 12px;line-height:1.5}.campaign-event-dates{margin:12px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.event-date-chip{background:#f8f9fa;border:1px solid #e8eaed;border-radius:20px;padding:6px 14px;display:flex;align-items:center;gap:6px;font-size:13px;transition:all .2s}.event-date-chip:hover{background:#e8f0fe;border-color:#1a73e8}.event-icon{font-size:16px}.event-info{color:#3c4043}.event-info strong{color:#1a73e8;font-weight:600}.more-events{color:#5f6368;font-size:12px;font-weight:500;padding:6px 12px;background:#f1f3f4;border-radius:16px}.campaign-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#5f6368}.meta-item{display:flex;align-items:center;gap:4px}.campaign-actions{display:flex;gap:8px;flex-shrink:0}.campaign-action-btn{background:#f8f9fa;border:1px solid #dadce0;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:16px}.campaign-action-btn:hover{background:#e8eaed;border-color:#bdc1c6}.campaign-action-btn.delete:hover{background:#fce8e6;border-color:#ea4335}.campaign-modal{background:#fff;border-radius:16px;width:90%;max-width:700px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000001f;animation:slideUp .3s ease-out}.modal-header{padding:24px 32px;border-bottom:1px solid #e8eaed;display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:24px;font-weight:500;margin:0;color:#3c4043}.modal-close{background:none;border:none;font-size:32px;color:#5f6368;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.modal-close:hover{background:#f1f3f4}.modal-body{padding:24px 32px;overflow-y:auto;flex:1}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f3f4}.modal-body::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#3c4043;margin-bottom:8px}.form-group label:after{content:" *";color:#ea4335;display:none}.form-group.required label:after{display:inline}.form-input,.form-textarea,.form-select{width:100%;padding:12px 16px;border:2px solid #dadce0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s;background:#fff;color:#3c4043}.form-input:hover,.form-textarea:hover,.form-select:hover{border-color:#bdc1c6}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 4px #1a73e81a;background:#f8f9fa}.form-input::placeholder,.form-textarea::placeholder{color:#80868b}.form-textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-footer{padding:20px 32px;border-top:1px solid #e8eaed;display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-save{padding:12px 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:#fff;color:#5f6368;border:1px solid #dadce0}.btn-cancel:hover{background:#f8f9fa;border-color:#bdc1c6}.btn-save{background:#1a73e8;color:#fff}.btn-save:hover{background:#1765cc;box-shadow:0 2px 8px #1a73e84d}.form-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e8eaed}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-input-large{width:100%;padding:16px 20px;border:2px solid #dadce0;border-radius:12px;font-size:18px;font-weight:500;font-family:inherit;transition:all .2s;background:#fff;color:#3c4043;margin-bottom:16px}.form-input-large:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 4px #1a73e81a;background:#f8f9fa}.form-input-large::placeholder{color:#80868b;font-weight:400}.section-title{font-size:16px;font-weight:600;color:#3c4043;margin:0 0 16px}.event-dates-simple{display:flex;flex-direction:column;gap:12px}.event-date-row{display:flex;align-items:center;gap:8px}.event-date-compact{display:flex;align-items:center;gap:8px;flex:1;background:#f8f9fa;padding:12px;border-radius:10px;border:2px solid transparent;transition:all .2s}.event-date-compact:hover{border-color:#e8eaed;background:#fff}.form-select-inline,.form-input-inline{padding:10px 12px;border:1px solid #dadce0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s;background:#fff;color:#3c4043}.form-select-inline{min-width:140px;flex-shrink:0}.form-input-inline{flex-shrink:0}.event-name-input{flex:1;min-width:0}.form-select-inline:focus,.form-input-inline:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a}.remove-btn-simple{background:transparent;border:none;color:#5f6368;font-size:24px;width:32px;height:32px;border-radius:6px;cursor:pointer;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.remove-btn-simple:hover{background:#fce8e6;color:#ea4335}.add-date-simple{background:transparent;border:2px dashed #dadce0;color:#1a73e8;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;width:100%}.add-date-simple:hover{border-color:#1a73e8;background:#e8f0fe}.optional-details{background:#f8f9fa;border-radius:12px;overflow:hidden}.details-summary{padding:16px 20px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;font-size:15px;font-weight:500;color:#5f6368;transition:all .2s;display:flex;align-items:center;justify-content:space-between}.details-summary::-webkit-details-marker{display:none}.details-summary:after{content:"▼";font-size:12px;transition:transform .2s}.optional-details[open] .details-summary:after{transform:rotate(180deg)}.details-summary:hover{background:#e8eaed}.details-content{padding:0 20px 20px}.form-row-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.form-group-compact{display:flex;flex-direction:column;gap:8px}.form-group-compact label{font-size:13px;font-weight:600;color:#5f6368}.platform-checkboxes{display:flex;flex-direction:column;gap:12px}.platform-checkbox{display:flex;align-items:center;padding:14px 16px;background:#f8f9fa;border:2px solid #e8eaed;border-radius:10px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.platform-checkbox:hover{background:#fff;border-color:#dadce0}.platform-checkbox input[type=checkbox]{width:20px;height:20px;margin-right:12px;cursor:pointer;accent-color:#1a73e8;flex-shrink:0}.platform-checkbox input[type=checkbox]:checked+.checkbox-label{font-weight:600;color:#1a73e8}.platform-checkbox input[type=checkbox]:checked{background:#1a73e8}.checkbox-label{display:flex;align-items:center;gap:10px;flex:1;color:#3c4043;font-size:15px;transition:all .2s}.platform-icon{font-size:20px;flex-shrink:0}.platform-name{flex:1}.helper-text{font-size:13px;color:#5f6368;margin-top:12px;font-style:italic}.event-dates-section{background:#f8f9fa;border-radius:12px;padding:20px;margin-top:24px}.event-dates-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:12px}.event-dates-header label{margin-bottom:0;font-size:16px;font-weight:600;color:#3c4043}.add-event-date-btn{background:#1a73e8;color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.add-event-date-btn:hover{background:#1765cc;transform:translateY(-1px);box-shadow:0 2px 8px #1a73e84d}.field-description{font-size:13px;color:#5f6368;margin:0 0 20px;line-height:1.5}.event-dates-list{display:flex;flex-direction:column;gap:16px}.event-date-item{background:#fff;border:2px solid #e8eaed;border-radius:12px;padding:20px;position:relative;display:flex;gap:16px;transition:all .2s}.event-date-item:hover{border-color:#1a73e8;box-shadow:0 2px 8px #1a73e81a}.event-date-number{background:linear-gradient(135deg,#1a73e8,#4285f4);color:#fff;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;box-shadow:0 2px 4px #1a73e833}.event-date-fields{flex:1;min-width:0}.event-date-fields .form-group{margin-bottom:16px}.event-date-fields .form-group:last-child{margin-bottom:0}.event-date-fields .form-group label{font-size:13px;font-weight:600;color:#5f6368}.remove-event-date-btn{position:absolute;top:16px;right:16px;background:transparent;color:#5f6368;border:1px solid #dadce0;width:32px;height:32px;border-radius:8px;font-size:18px;line-height:1;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.remove-event-date-btn:hover{background:#fce8e6;border-color:#ea4335;color:#ea4335;transform:scale(1.05)}.content-pipeline-tile{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden;border:1px solid #e8eaed}.pipeline-header{background:linear-gradient(135deg,#34a853,#7cb342);color:#fff;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.pipeline-title-section{display:flex;align-items:center;gap:16px}.pipeline-title{font-size:28px;font-weight:500;margin:0;color:#fff}.post-count{background:#fff3;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:500}.add-post-btn{background:#fff;color:#34a853;border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 2px 8px #0000001a}.add-post-btn:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.add-post-btn span{font-size:20px;font-weight:700}.pipeline-info{color:#ffffffe6;font-size:13px;font-style:italic}.posts-list{padding:16px;min-height:200px;max-height:600px;overflow-y:auto}.posts-list::-webkit-scrollbar{width:8px}.posts-list::-webkit-scrollbar-track{background:#f1f3f4;border-radius:4px}.posts-list::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}.post-card{background:#fff;border:1px solid #e8eaed;border-radius:12px;padding:16px;margin-bottom:12px;display:flex;align-items:flex-start;gap:16px;transition:all .2s;cursor:pointer}.post-card:hover{border-color:#34a853;box-shadow:0 4px 12px #34a8531a;transform:translateY(-2px)}.post-date-badge{background:linear-gradient(135deg,#34a853,#7cb342);color:#fff;padding:12px;border-radius:10px;min-width:80px;text-align:center;flex-shrink:0}.date-month{font-size:14px;font-weight:600;display:block}.post-content{flex:1;min-width:0}.post-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.post-platform-icon{font-size:24px;flex-shrink:0}.post-info{flex:1;min-width:0}.post-title{font-size:16px;font-weight:600;color:#3c4043;margin:0 0 4px}.post-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#5f6368;flex-wrap:wrap}.meta-campaign{font-weight:500;color:#1a73e8}.meta-separator{color:#dadce0}.meta-platform{text-transform:capitalize}.post-status{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;text-transform:capitalize;white-space:nowrap;flex-shrink:0}.post-preview{color:#5f6368;font-size:14px;margin:8px 0 0;line-height:1.5}.post-actions{display:flex;gap:8px;flex-shrink:0}.post-action-btn{background:#f8f9fa;border:1px solid #dadce0;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:16px}.post-action-btn:hover{background:#e8eaed;border-color:#bdc1c6}.post-action-btn.delete:hover{background:#fce8e6;border-color:#ea4335}.post-modal{background:#fff;border-radius:16px;width:90%;max-width:700px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000001f;animation:slideUp .3s ease-out}.planner-tile{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden;border:1px solid #e8eaed}.planner-header{background:linear-gradient(135deg,#9334e8,#a855f7);color:#fff;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.planner-title-section{display:flex;align-items:center;gap:16px}.planner-title{font-size:28px;font-weight:500;margin:0;color:#fff}.plan-count{background:#fff3;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:500}.add-plan-btn{background:#fff;color:#9334e8;border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 2px 8px #0000001a}.add-plan-btn:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.add-plan-btn span{font-size:20px;font-weight:700}.planner-info{color:#ffffffe6;font-size:13px;font-style:italic}.campaign-filter{padding:20px 24px;background:#f8f9fa;border-bottom:1px solid #e8eaed}.filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.filter-label{font-size:14px;font-weight:500;color:#5f6368}.filter-toggle-all{background:none;border:none;color:#1a73e8;font-size:13px;font-weight:500;cursor:pointer;padding:4px 12px;border-radius:4px;transition:all .2s}.filter-toggle-all:hover{background:#e8f0fe}.campaign-chips{display:flex;flex-wrap:wrap;gap:8px}.campaign-chip{padding:8px 16px;border-radius:20px;border:2px solid #dadce0;background:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.campaign-chip:hover{border-color:#bdc1c6}.campaign-chip.active{font-weight:600}.no-campaigns{color:#5f6368;font-size:14px;font-style:italic;margin:0}.plans-list{padding:16px;min-height:200px;max-height:600px;overflow-y:auto}.plans-list::-webkit-scrollbar{width:8px}.plans-list::-webkit-scrollbar-track{background:#f1f3f4;border-radius:4px}.plans-list::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}.plan-card{background:#fff;border:1px solid #e8eaed;border-left:4px solid #9334e8;border-radius:12px;padding:20px;margin-bottom:12px;cursor:pointer;transition:all .2s}.plan-card:hover{box-shadow:0 4px 12px #9334e81a;transform:translateY(-2px)}.plan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.plan-meta-icons{display:flex;gap:8px;font-size:20px}.plan-campaign-badge{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600}.plan-content{margin-bottom:12px}.plan-angle{font-size:16px;font-weight:600;color:#3c4043;margin:0 0 12px}.plan-field{display:flex;gap:8px;margin-bottom:8px;font-size:14px}.field-label{font-weight:500;color:#5f6368;min-width:100px}.field-value{color:#3c4043;flex:1}.plan-tags{display:flex;gap:8px;margin-top:12px}.plan-tag{background:#f1f3f4;padding:4px 12px;border-radius:12px;font-size:12px;color:#5f6368;text-transform:capitalize}.plan-actions{display:flex;gap:8px;justify-content:flex-end}.plan-action-btn{background:#f8f9fa;border:1px solid #dadce0;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:16px}.plan-action-btn:hover{background:#e8eaed}.plan-action-btn.delete:hover{background:#fce8e6;border-color:#ea4335}.plan-modal{background:#fff;border-radius:16px;width:90%;max-width:750px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000001f;animation:slideUp .3s ease-out}.auditor-tile{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden;border:1px solid #e8eaed}.auditor-header{background:linear-gradient(135deg,#ea4335,#f28b82);color:#fff;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.auditor-title-section{display:flex;align-items:center;gap:16px}.auditor-title{font-size:28px;font-weight:500;margin:0;color:#fff}.audit-count{background:#fff3;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:500}.audit-content{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:400px;max-height:600px}.audit-section{padding:20px;overflow-y:auto}.audit-section:first-child{border-right:1px solid #e8eaed}.audit-section::-webkit-scrollbar{width:6px}.audit-section::-webkit-scrollbar-track{background:#f1f3f4}.audit-section::-webkit-scrollbar-thumb{background:#dadce0;border-radius:3px}.audit-section-title{font-size:16px;font-weight:600;color:#3c4043;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e8eaed}.posts-to-audit,.audit-history{display:flex;flex-direction:column;gap:12px}.audit-post-card{background:#fff;border:1px solid #e8eaed;border-left:4px solid #1a73e8;border-radius:10px;padding:16px;transition:all .2s}.audit-post-card:hover{box-shadow:0 2px 8px #00000014}.audit-post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.audit-post-date{font-size:12px;color:#5f6368;font-weight:500}.alignment-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;color:#fff}.audit-post-title{font-size:15px;font-weight:600;color:#3c4043;margin:0 0 4px}.audit-post-campaign{font-size:13px;color:#5f6368;margin:0 0 8px}.audit-plan-preview{background:#f8f9fa;padding:8px 12px;border-radius:6px;margin-bottom:12px;font-size:13px}.plan-label{font-weight:600;color:#5f6368;margin-right:6px}.plan-angle{color:#3c4043}.audit-btn{width:100%;background:#ea4335;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.audit-btn:hover{background:#d33426}.audit-record{background:#fff;border:1px solid #e8eaed;border-left:4px solid #ea4335;border-radius:10px;padding:16px}.audit-record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.audit-date{font-size:12px;color:#5f6368}.audit-record-title{font-size:15px;font-weight:600;color:#3c4043;margin:0 0 4px}.audit-record-campaign{font-size:13px;color:#5f6368;margin:0 0 12px}.audit-findings,.audit-recommendations{font-size:13px;margin-bottom:8px;line-height:1.5}.audit-findings strong,.audit-recommendations strong{color:#5f6368;display:block;margin-bottom:4px}.audit-changes{font-size:13px;color:#1a73e8;font-weight:500}.empty-state-small{text-align:center;padding:40px 20px;color:#5f6368;font-size:14px}.audit-modal{background:#fff;border-radius:16px;width:90%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000001f;animation:slideUp .3s ease-out}.audit-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.comparison-column{background:#f8f9fa;padding:16px;border-radius:10px}.comparison-title{font-size:14px;font-weight:600;color:#5f6368;margin:0 0 12px}.comparison-content p{font-size:13px;margin:0 0 8px;color:#3c4043}.comparison-content strong{color:#5f6368}.alignment-score-selector{display:flex;align-items:center;gap:16px}.score-slider{flex:1;height:8px;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.score-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border:3px solid currentColor;border-radius:50%;cursor:pointer}.score-display{font-size:24px;font-weight:700;min-width:60px;text-align:center}.change-item{display:flex;gap:8px;margin-bottom:12px}.add-change-btn{background:#f8f9fa;border:1px solid #dadce0;color:#5f6368;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-change-btn:hover{background:#e8eaed;border-color:#bdc1c6}.calendar-widget-tile{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden;margin-bottom:32px;border:1px solid #e8eaed}.calendar-widget-header{background:linear-gradient(135deg,#1a73e8,#4285f4);color:#fff;padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.1)}.widget-title-section{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.widget-title{font-size:28px;font-weight:500;margin:0;color:#fff}.calendar-widget-body{background:#fff;padding:0}.calendar-main-container{display:flex;height:800px;overflow:hidden}@media (max-width: 768px){.page-container{padding:12px}.content-section{margin-bottom:16px;grid-template-columns:1fr;gap:16px}.content-section>*{grid-column:1 / -1}.hero-section{padding:40px 24px}.hero-section h1{font-size:32px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat-card{padding:20px}.action-buttons{flex-direction:column}.action-btn{width:100%;justify-content:center}.calendar-widget-tile{border-radius:12px;margin-bottom:16px}.calendar-widget-header{padding:16px}.widget-title{font-size:20px}.calendar-main-container{height:500px;flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid #e0e0e0}.campaigns-tile{border-radius:12px;margin-bottom:16px}.campaigns-header{padding:16px}.campaigns-title{font-size:20px}.campaign-count{font-size:12px;padding:4px 12px}.add-campaign-btn{width:100%;justify-content:center;padding:10px 20px}.campaigns-list{padding:12px;max-height:450px}.campaign-card{flex-direction:column;align-items:flex-start;padding:16px}.campaign-icon{font-size:24px}.campaign-name{font-size:16px}.campaign-main{width:100%}.campaign-event-dates{margin:8px 0}.event-date-chip{font-size:12px;padding:4px 10px}.campaign-actions{width:100%;justify-content:flex-end;margin-top:12px}.campaign-action-btn{width:32px;height:32px;font-size:14px}.campaign-modal{width:95%;max-height:95vh;border-radius:12px}.pipeline-header{padding:20px 16px}.pipeline-title{font-size:22px}.add-post-btn{padding:10px 18px;font-size:14px}.posts-list{padding:12px;max-height:450px}.post-card{flex-direction:column;padding:14px}.post-date-badge{min-width:auto;width:100%;padding:10px}.post-header{flex-wrap:wrap}.post-status{margin-left:auto}.post-actions{width:100%;justify-content:flex-end;margin-top:8px}.post-modal{width:95%;max-height:92vh}.modal-header{padding:16px}.planner-header{padding:20px 16px}.planner-title{font-size:22px}.add-plan-btn{padding:10px 18px;font-size:14px}.campaign-filter{padding:16px}.plans-list{padding:12px;max-height:450px}.plan-card{padding:16px}.plan-modal{width:95%;max-height:92vh}.auditor-header{padding:20px 16px}.auditor-title{font-size:22px}.audit-content{grid-template-columns:1fr;max-height:800px}.audit-section:first-child{border-right:none;border-bottom:1px solid #e8eaed}.audit-comparison{grid-template-columns:1fr}.audit-modal{width:95%;max-height:92vh}.modal-header h2{font-size:18px}.modal-body{padding:16px}.form-group{margin-bottom:16px}.form-group label{font-size:13px}.form-input,.form-textarea,.form-select{font-size:16px}.form-section{margin-bottom:24px;padding-bottom:20px}.form-input-large{font-size:16px;padding:14px 16px}.section-title{font-size:15px}.event-date-compact{flex-wrap:wrap;gap:8px}.form-select-inline{min-width:120px;font-size:14px}.form-input-inline{font-size:14px;flex:1;min-width:0}.event-name-input{width:100%;flex-basis:100%}.remove-btn-simple{width:28px;height:28px;font-size:20px}.add-date-simple{padding:10px 16px;font-size:13px}.form-row-compact{grid-template-columns:1fr}.details-summary{padding:14px 16px;font-size:14px}.details-content{padding:0 16px 16px}.form-row{grid-template-columns:1fr;gap:12px}.modal-footer{padding:16px;flex-direction:column-reverse}.btn-cancel,.btn-save{width:100%}.event-dates-section{padding:12px;margin-top:16px}.event-dates-header{flex-direction:column;align-items:flex-start;gap:8px}.event-dates-header label{font-size:14px}.add-event-date-btn{width:100%;padding:8px 16px;font-size:13px}.field-description{font-size:12px;margin-bottom:12px}.event-date-item{padding:12px 40px 12px 12px;gap:12px}.event-date-number{width:24px;height:24px;font-size:12px}.event-date-fields .form-group{margin-bottom:12px}.remove-event-date-btn{width:24px;height:24px;font-size:14px;top:12px;right:12px}}@media (min-width: 769px) and (max-width: 1024px){.page-container{padding:20px}.content-section{grid-template-columns:repeat(2,1fr);gap:20px}.calendar-main-container{height:650px}.campaigns-list{max-height:550px}.campaign-modal{max-width:600px}.posts-list{max-height:550px}.post-modal{max-width:600px}}@media (min-width: 1400px){.content-section{grid-template-columns:repeat(2,1fr);gap:28px;max-width:1800px}}