:root{--primary-color: #f8f51a;--secondary-color: #f47d15;--dark-color: #322640;--light-bg: #ffffff;--dark-bg: #1a1a1a;--light-text: #333333;--dark-text: #ffffff;--sidebar-bg: var(--dark-color);--sidebar-text: var(--light-bg);--topbar-bg: var(--light-bg);--topbar-text: var(--dark-color);--button-bg: var(--primary-color);--button-text: var(--dark-color)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.light-theme{background-color:var(--light-bg);color:var(--light-text)}body.light-theme .top-bar{background-color:var(--topbar-bg);color:var(--topbar-text);box-shadow:0 2px 4px #0000001a}body.light-theme .sidebar{background-color:var(--sidebar-bg);color:var(--sidebar-text)}body.light-theme .google-login-btn{background-color:#fff;color:#333}body.dark-theme{background-color:var(--dark-bg);color:var(--dark-text)}body.dark-theme .top-bar{background-color:#2d2d2d;color:var(--dark-text);box-shadow:0 2px 4px #0000004d}body.dark-theme .sidebar{background-color:#252525;color:var(--dark-text)}body.dark-theme .sidebar-section h3{color:var(--primary-color)}body.dark-theme .google-login-btn{background-color:#fff;color:#333}.container{max-width:1200px;margin:0 auto;padding:20px}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;color:#666}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5}.login-box{text-align:center;padding:40px;border-radius:8px;box-shadow:0 4px 12px #0000000d;background-color:var(--light-bg);width:100%;max-width:400px}.login-logo{max-width:200px;margin-bottom:20px}.login-message{color:#666;margin-bottom:30px;font-size:16px}.google-login-btn{background-color:#fff;color:#333;border:1px solid #ddd;padding:12px 24px;font-size:16px;border-radius:4px;cursor:pointer;font-weight:700;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.google-login-btn:hover{background-color:#f8f8f8;border-color:#ccc;box-shadow:0 2px 4px #0000001a}.google-login-btn:disabled{opacity:.7;cursor:not-allowed}.google-icon{width:18px;height:18px}.dashboard{display:flex;flex-direction:column;height:100vh}.dashboard-content{display:flex;flex:1;overflow:hidden}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:var(--topbar-bg);color:var(--topbar-text);box-shadow:0 2px 4px #0000001a;z-index:100}.user-info{display:flex;align-items:center}.user-avatar{width:40px;height:40px;border-radius:50%;margin-right:12px;object-fit:cover}.user-avatar-placeholder{width:40px;height:40px;border-radius:50%;margin-right:12px;background-color:#ddd}.user-details{display:flex;flex-direction:column}.user-name{font-weight:700;font-size:14px}.user-email{font-size:12px;color:#666}.theme-switch{position:relative}.theme-dropdown-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center}.theme-dropdown-btn:hover{background-color:#0000000d}body.dark-theme .theme-dropdown-btn:hover{background-color:#ffffff1a}.theme-dropdown-menu{position:absolute;top:100%;right:0;background-color:var(--light-bg);border-radius:4px;box-shadow:0 2px 10px #0000001a;z-index:1000;min-width:150px;padding:8px 0}body.dark-theme .theme-dropdown-menu{background-color:#2d2d2d;box-shadow:0 2px 10px #0000004d}.theme-option{display:flex;align-items:center;padding:10px 16px;cursor:pointer;gap:8px;font-size:14px}.theme-option:hover{background-color:#0000000d}body.dark-theme .theme-option:hover{background-color:#ffffff1a}.theme-option.active{background-color:#0000000d;font-weight:500}body.dark-theme .theme-option.active{background-color:#ffffff1a}.sidebar{width:250px;background-color:var(--sidebar-bg);color:var(--sidebar-text);padding:20px 0;overflow-y:auto;display:flex;flex-direction:column;height:100%}.sidebar-content{flex:1}.sidebar-section{margin-bottom:30px}.sidebar-section.umum{margin-top:auto}.sidebar-section h3{padding:0 20px;margin:0 0 10px;font-size:16px;color:var(--primary-color)}body.light-theme .sidebar{background-color:#fff;color:#000}body.light-theme .sidebar-section h3{color:#000}body.light-theme .sidebar-section li{color:#666}.sidebar-section ul{list-style:none;padding:0;margin:0}.sidebar-section li{padding:12px 20px;cursor:pointer;transition:background-color .2s}.sidebar-section li:hover{background-color:#ffffff1a}body.light-theme .sidebar-section li:hover{background-color:#0000000d}.main-content{flex:1;padding:20px;overflow-y:auto}body.light-theme .main-content{background-color:#f5f5f5}body.dark-theme .main-content{background-color:#000}body.dark-theme .sidebar{background-color:#444}.gantt-chart,.kanban-board,.manajemen-event,.manajemen-pelari,.manajemen-pelatih,.manajemen-kalender,.pengaturan{background-color:var(--light-bg);border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}body.dark-theme .manajemen-kalender{background-color:#2d2d2d;box-shadow:0 2px 4px #0000004d}.manajemen-kalender .header-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.manajemen-kalender .header-left h2{margin:0 0 10px;color:#333;font-size:24px}body.dark-theme .manajemen-kalender .header-left h2{color:#fff}.manajemen-kalender .header-left p{margin:0;color:#666;font-size:14px}body.dark-theme .manajemen-kalender .header-left p{color:#ccc}.manajemen-kalender .header-right .controls-container{display:flex;align-items:center;gap:10px;background-color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 2px 8px #0000001a}body.dark-theme .manajemen-kalender .header-right .controls-container{background-color:#333;box-shadow:0 2px 8px #0000004d}.manajemen-kalender .month-dropdown,.manajemen-kalender .year-dropdown{padding:8px 12px;border-radius:4px;border:1px solid #ddd;background-color:#fff;font-size:14px}body.dark-theme .manajemen-kalender .month-dropdown,body.dark-theme .manajemen-kalender .year-dropdown{background-color:#444;border-color:#555;color:#fff}.manajemen-kalender .search-input{padding:8px 12px;border-radius:4px;border:1px solid #ddd;background-color:#fff;font-size:14px;width:200px}body.dark-theme .manajemen-kalender .search-input{background-color:#444;border-color:#555;color:#fff}.manajemen-kalender .search-input:focus{outline:none;border-color:#333}body.dark-theme .manajemen-kalender .search-input:focus{border-color:#fff}.manajemen-kalender .add-button{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color);color:var(--dark-color);border:none;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.manajemen-kalender .add-button:hover{background-color:#e0d418}.manajemen-kalender .stats-cards{display:flex;gap:20px;margin-bottom:30px}.manajemen-kalender .stat-card{flex:1;background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;text-align:center}body.dark-theme .manajemen-kalender .stat-card{background-color:#333;box-shadow:0 2px 4px #0000004d}.manajemen-kalender .stat-title{font-size:16px;font-weight:700;color:#333;margin-bottom:10px}body.dark-theme .manajemen-kalender .stat-title{color:#fff}.manajemen-kalender .stat-number{font-size:24px;font-weight:700;color:#000;margin-bottom:5px}body.dark-theme .manajemen-kalender .stat-number{color:#fff}.manajemen-kalender .stat-description{font-size:14px;color:#666}body.dark-theme .manajemen-kalender .stat-description{color:#ccc}.manajemen-kalender .events-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}body.dark-theme .manajemen-kalender .events-table-container{background-color:#333;box-shadow:0 2px 4px #0000004d}.manajemen-kalender .events-table{width:100%;border-collapse:collapse}.manajemen-kalender .events-table th{background-color:#f5f5f5;padding:15px 20px;text-align:left;font-weight:700;color:#333;border-bottom:2px solid #ddd}body.dark-theme .manajemen-kalender .events-table th{background-color:#444;color:#fff;border-bottom:2px solid #555}.manajemen-kalender .events-table td{padding:15px 20px;border-bottom:1px solid #eee;color:#333}body.dark-theme .manajemen-kalender .events-table td{border-bottom:1px solid #444;color:#fff}.manajemen-kalender .events-table tr:last-child td{border-bottom:none}.manajemen-kalender .events-table tbody tr:hover{background-color:#f9f9f9}body.dark-theme .manajemen-kalender .events-table tbody tr:hover{background-color:#3a3a3a}.manajemen-kalender .status-pill{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.manajemen-kalender .status-yes{background-color:#d4edda;color:#155724}body.dark-theme .manajemen-kalender .status-yes{background-color:#155724;color:#d4edda}.manajemen-kalender .status-no{background-color:#f8d7da;color:#721c24}body.dark-theme .manajemen-kalender .status-no{background-color:#721c24;color:#f8d7da}.manajemen-kalender .no-events{text-align:center;color:#666;font-style:italic;padding:40px 20px}body.dark-theme .manajemen-kalender .no-events{color:#aaa}.manajemen-kalender .modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.manajemen-kalender .modal-content{background-color:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}body.dark-theme .manajemen-kalender .modal-content{background-color:#333}.manajemen-kalender .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}body.dark-theme .manajemen-kalender .modal-header{border-bottom:1px solid #555}.manajemen-kalender .modal-header h2{margin:0}.manajemen-kalender .close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666}body.dark-theme .manajemen-kalender .close-button{color:#ccc}.manajemen-kalender form{padding:20px}.manajemen-kalender .form-group{margin-bottom:20px}.manajemen-kalender .form-group label{display:block;margin-bottom:5px;font-weight:700}.manajemen-kalender .form-group input,.manajemen-kalender .form-group textarea,.manajemen-kalender .form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#fff;box-sizing:border-box}body.dark-theme .manajemen-kalender .form-group input,body.dark-theme .manajemen-kalender .form-group textarea,body.dark-theme .manajemen-kalender .form-group select{background-color:#444;border-color:#555;color:#fff}.manajemen-kalender .moderation-note{font-size:12px;color:#666;margin:10px 0;font-style:italic}body.dark-theme .manajemen-kalender .moderation-note{color:#aaa}.manajemen-kalender .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding:0 20px 20px}.manajemen-kalender .cancel-button,.manajemen-kalender .save-button{padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:700}.manajemen-kalender .cancel-button{background-color:#f0f0f0;border:1px solid #ddd;color:#333}body.dark-theme .manajemen-kalender .cancel-button{background-color:#444;border-color:#555;color:#fff}.manajemen-kalender .save-button{background-color:var(--primary-color);border:none;color:var(--dark-color)}.manajemen-kalender .save-button:hover{background-color:#e0d418}.manajemen-kalender .event-detail-info{padding:20px}.manajemen-kalender .event-detail-info>div{margin-bottom:15px}.manajemen-kalender .event-detail-info .icon{margin-right:10px;font-size:16px}.manajemen-kalender .event-detail-date,.manajemen-kalender .event-detail-location,.manajemen-kalender .event-detail-website{color:#666;font-size:14px}body.dark-theme .manajemen-kalender .event-detail-date,body.dark-theme .manajemen-kalender .event-detail-location,body.dark-theme .manajemen-kalender .event-detail-website{color:#ccc}.manajemen-kalender .event-detail-roadortrail{margin-top:10px}.manajemen-kalender .event-detail-categories{margin:10px 0}.manajemen-kalender .category-pill{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;background-color:var(--primary-color);color:var(--dark-color);margin-right:5px;margin-bottom:5px}.manajemen-kalender .event-detail-organizer{color:#333;font-size:14px;margin:15px 0}body.dark-theme .manajemen-kalender .event-detail-organizer{color:#fff}.manajemen-kalender .event-detail-description{background-color:#f5f5f5;border-radius:8px;padding:15px;margin-top:15px}body.dark-theme .manajemen-kalender .event-detail-description{background-color:#444}.manajemen-kalender .event-detail-description p{margin:0;color:#333;line-height:1.5}body.dark-theme .manajemen-kalender .event-detail-description p{color:#fff}.manajemen-kalender .clickable-row{cursor:pointer}.manajemen-kalender .clickable-row:hover{background-color:#f5f5f5}body.dark-theme .manajemen-kalender .clickable-row:hover{background-color:#333}body.dark-theme .gantt-chart,body.dark-theme .kanban-board,body.dark-theme .manajemen-event,body.dark-theme .manajemen-pelari,body.dark-theme .manajemen-pelatih,body.dark-theme .manajemen-kalender,body.dark-theme .pengaturan{background-color:#2d2d2d;box-shadow:0 2px 4px #0000004d}.kanban-board{height:100%;display:flex;flex-direction:column}.kanban-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.kanban-controls{display:flex;gap:10px}.project-dropdown{padding:8px 12px;border-radius:4px;border:1px solid #ddd;background-color:#fff}body.dark-theme .project-dropdown{background-color:#333;border-color:#555;color:#fff}.create-task-btn{padding:8px 16px;background-color:var(--primary-color);color:var(--dark-color);border:none;border-radius:4px;font-weight:700;cursor:pointer}.create-task-btn:hover{background-color:#e0d418}.kanban-columns{display:flex;gap:20px;flex:1;overflow-x:auto}.kanban-column{flex:1;min-width:250px;background-color:#fff;border-radius:8px;padding:0;border:2px solid #e0e0e0}body.dark-theme .kanban-column{background-color:#2d2d2d;border-color:#444}.kanban-column[data-status=todo] .kanban-column-header{background-color:#2563eb;border-color:#2563eb}.kanban-column[data-status=inprogress] .kanban-column-header{background-color:#facc15;border-color:#facc15;color:#333}.kanban-column[data-status=done] .kanban-column-header{background-color:#4f46e5;border-color:#4f46e5}.kanban-column[data-status=approved] .kanban-column-header{background-color:#15803d;border-color:#15803d}.kanban-column-header{padding:15px;border-radius:6px 6px 0 0;margin:0;text-align:center;color:#fff;font-weight:700}.kanban-tasks{padding:15px;min-height:100px}.kanban-task{background-color:#fff;border-radius:6px;padding:12px 12px 12px 20px;margin-bottom:10px;cursor:pointer;box-shadow:0 1px 3px #0000001a;position:relative;border:1px solid #e0e0e0}body.dark-theme .kanban-task{background-color:#333;border-color:#444}.kanban-task:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:6px 0 0 6px}.kanban-task[data-status=todo]:before{background-color:#2563eb}.kanban-task[data-status=inprogress]:before{background-color:#facc15}.kanban-task[data-status=done]:before{background-color:#4f46e5}.kanban-task[data-status=approved]:before{background-color:#15803d}.kanban-task h4{margin:0 0 8px;color:#333;font-weight:700}body.dark-theme .kanban-task h4{color:#fff}.kanban-task p{margin:0 0 10px;color:#666;font-size:14px}body.dark-theme .kanban-task p{color:#ccc}.task-details{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#888}body.dark-theme .task-details{color:#aaa}.status-history{margin-top:10px;border-top:1px solid #eee;padding-top:10px}body.dark-theme .status-history{border-top:1px solid #444}.status-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:5px 0;font-size:12px;color:#888}body.dark-theme .status-header{color:#aaa}.status-actions{display:flex;gap:5px}.add-status-btn,.toggle-status-btn{background:none;border:none;border-radius:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:#888;font-weight:400}.add-status-btn:hover,.toggle-status-btn:hover{background-color:#0000000d}body.dark-theme .add-status-btn,body.dark-theme .toggle-status-btn{color:#aaa}body.dark-theme .add-status-btn:hover,body.dark-theme .toggle-status-btn:hover{background-color:#ffffff1a}.status-list{margin-top:10px}.status-item{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #eee}body.dark-theme .status-item{border-bottom:1px solid #444}.status-date,.status-text{font-size:12px;color:#888}body.dark-theme .status-date,body.dark-theme .status-text{color:#aaa}.add-status-form{margin-top:10px;padding:10px;background-color:#f5f5f5;border-radius:4px;display:flex;flex-direction:column;gap:8px}body.dark-theme .add-status-form{background-color:#333}.add-status-form input{padding:6px;border:1px solid #ddd;border-radius:4px;font-size:12px;color:#888}body.dark-theme .add-status-form input{background-color:#444;border:1px solid #555;color:#aaa}.add-status-form button{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.add-status-form button:first-of-type{background-color:var(--primary-color);color:var(--dark-color);font-weight:700}.add-status-form button:last-of-type{background-color:#f0f0f0;color:#333}body.dark-theme .add-status-form button:last-of-type{background-color:#444;color:#fff}.status-history-list{max-height:200px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;padding:10px;background-color:#f9f9f9}body.dark-theme .status-history-list{background-color:#333;border:1px solid #555}.status-history-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}body.dark-theme .status-history-item{border-bottom:1px solid #444}.status-history-item:last-child{border-bottom:none}.modal-content{background-color:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}form{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#fff;box-sizing:border-box}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cancel-button,.save-button,.delete-button{padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:700}.clickable-amount{cursor:pointer;color:#007bff;text-decoration:underline}.clickable-amount:hover{color:#0056b3}body.dark-theme .clickable-amount{color:#4d94ff}body.dark-theme .clickable-amount:hover{color:#66a3ff}.delete-button{background-color:#dc3545;border:none;color:#fff;margin-right:auto}.delete-button:hover{background-color:#c82333}.placeholder-content{margin-top:20px;padding:20px;background-color:#0000000d;border-radius:4px;text-align:center}body.dark-theme .placeholder-content{background-color:#ffffff1a}.laporan-keuangan{background-color:var(--light-bg);border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}body.dark-theme .laporan-keuangan{background-color:#2d2d2d;box-shadow:0 2px 4px #0000004d}.tab-navigation{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #eee;padding-bottom:10px}body.dark-theme .tab-navigation{border-bottom:2px solid #444}.tab-button{padding:10px 20px;background-color:#f0f0f0;border:none;border-radius:4px 4px 0 0;cursor:pointer;font-weight:700;color:#666}body.dark-theme .tab-button{background-color:#444;color:#ccc}.tab-button.active{background-color:var(--primary-color);color:var(--dark-color);border-bottom:2px solid var(--primary-color)}body.dark-theme .tab-button.active{background-color:var(--primary-color);color:var(--dark-color)}.tab-button:hover:not(.active){background-color:#e0e0e0}body.dark-theme .tab-button:hover:not(.active){background-color:#555}.financial-tables{display:flex;gap:30px}.financial-table,.table-column{flex:1}.table-column h4{margin-top:0;padding-bottom:10px;border-bottom:1px solid #eee}body.dark-theme .table-column h4{border-bottom:1px solid #444}.financial-section{margin-bottom:20px}.financial-section h5{margin:15px 0 10px;color:#333}body.dark-theme .financial-section h5{color:#fff}.financial-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}body.dark-theme .financial-item{border-bottom:1px solid #444}.financial-total{display:flex;justify-content:space-between;padding:8px 0;font-weight:700;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:5px 0}body.dark-theme .financial-total{border-top:1px solid #555;border-bottom:1px solid #555}.financial-subtotal{display:flex;justify-content:space-between;padding:10px 0;font-weight:700;border-top:2px solid #ddd;border-bottom:2px solid #ddd;margin:10px 0}body.dark-theme .financial-subtotal{border-top:2px solid #555;border-bottom:2px solid #555}.financial-grand-total{display:flex;justify-content:space-between;padding:15px 0;font-weight:700;font-size:1.1em;border-top:3px double #333;border-bottom:3px double #333;margin:15px 0}body.dark-theme .financial-grand-total{border-top:3px double #fff;border-bottom:3px double #fff}.financial-note{display:flex;justify-content:space-between;padding:15px 0;font-style:italic;color:#666;border-top:1px solid #eee}body.dark-theme .financial-note{color:#ccc;border-top:1px solid #444}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-entry-btn{padding:8px 16px;background-color:var(--primary-color);color:var(--dark-color);border:none;border-radius:4px;font-weight:700;cursor:pointer;font-size:14px}.add-entry-btn:hover{background-color:#e0d418}.entry-actions{display:flex;gap:5px;margin-left:10px}.edit-btn,.delete-btn{padding:2px 8px;border:none;border-radius:3px;font-size:12px;cursor:pointer}.edit-btn{background-color:#007bff;color:#fff}.delete-btn{background-color:#dc3545;color:#fff}.edit-btn:hover{background-color:#0056b3}.delete-btn:hover{background-color:#c82333}.entries-table-container{overflow-x:auto}.entries-table{width:100%;border-collapse:collapse;margin-top:20px}.entries-table th,.entries-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}body.dark-theme .entries-table th,body.dark-theme .entries-table td{border-bottom:1px solid #444}.entries-table th{background-color:#f5f5f5;font-weight:700;color:#333}body.dark-theme .entries-table th{background-color:#333;color:#fff}.entries-table tbody tr:hover{background-color:#f9f9f9}body.dark-theme .entries-table tbody tr:hover{background-color:#333}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}body.dark-theme .modal-content{background-color:#333}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}body.dark-theme .modal-header{border-bottom:1px solid #555}.modal-header h2{margin:0}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666}body.dark-theme .close-button{color:#ccc}.add-entry-form{padding:20px}.form-section{margin-bottom:20px;padding:15px;border:1px solid #eee;border-radius:4px}body.dark-theme .form-section{border:1px solid #444}.form-section h4{margin-top:0;color:#333}body.dark-theme .form-section h4{color:#fff}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#333}body.dark-theme .form-group label{color:#fff}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#fff;box-sizing:border-box;color:#333}body.dark-theme .form-group input,body.dark-theme .form-group textarea,body.dark-theme .form-group select{background-color:#444;border-color:#555;color:#fff}.toggle-post-btn{margin-top:5px;padding:5px 10px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px}body.dark-theme .toggle-post-btn{background-color:#444;border-color:#555;color:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding:0 20px 20px}.cancel-button,.save-button{padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:700}.cancel-button{background-color:#f0f0f0;border:1px solid #ddd;color:#333}body.dark-theme .cancel-button{background-color:#444;border-color:#555;color:#fff}.save-button{background-color:var(--primary-color);border:none;color:var(--dark-color)}.save-button:hover{background-color:#e0d418}