:root{--primary-color:#bb86fc;--secondary-color:#03dac6;--bg-dark:#121212;--bg-medium:#1e1e1e;--bg-light:#2a2a2a;--text-dark:#ffffff;--text-light:#e0e0e0;--error-color:#cf6679;--warning-color:#fdd835;--font-family:'Kosugi Maru', 'Poppins', sans-serif;--sidebar-width:240px}body.light-theme{--primary-color:#6200ee;--secondary-color:#018786;--bg-dark:#f5f5f5;--bg-medium:#ffffff;--bg-light:#eeeeee;--text-dark:#212121;--text-light:#424242;--warning-color:#f9a825}body.sakura-theme{--primary-color:#E6A6B3;--secondary-color:#64B5B2;--bg-dark:#2A374E;--bg-medium:#3A4A63;--bg-light:#5B6C8F;--text-dark:#F0EAD6;--text-light:#D4CBB8;--error-color:#E57373;--warning-color:#FFD54F;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"%3E%3Cg fill="%233A4A63" fill-opacity="0.4"%3E%3Cpath fill-rule="evenodd" d="M11 0l5 20-5 20-5-20L1 0h10zm30 0l5 20-5 20-5-20L31 0h10zm30 0l5 20-5 20-5-20L61 0h10zM11 40l5 20-5 20-5-20L1 40h10zm30 0l5 20-5 20-5-20L31 40h10zm30 0l5 20-5 20-5-20L61 40h10z"/%3E%3C/g%3E%3C/svg%3E')}body.sakura-theme.light-theme{--primary-color:#D98695;--secondary-color:#58A8A5;--bg-dark:#F4F1EA;--bg-medium:#FFFFFF;--bg-light:#EAE3D9;--text-dark:#3a2e2e;--text-light:#615252;--warning-color:#FFB74D;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"%3E%3Cg fill="%23EAE3D9" fill-opacity="0.6"%3E%3Cpath fill-rule="evenodd" d="M11 0l5 20-5 20-5-20L1 0h10zm30 0l5 20-5 20-5-20L31 0h10zm30 0l5 20-5 20-5-20L61 0h10zM11 40l5 20-5 20-5-20L1 40h10zm30 0l5 20-5 20-5-20L31 40h10zm30 0l5 20-5 20-5-20L61 40h10z"/%3E%3C/g%3E%3C/svg%3E')}.sakura-theme .widget,.sakura-theme .sidebar,.sakura-theme .kanban-column,.sakura-theme .kanban-card,.sakura-theme .notes-list-container,.sakura-theme #note-title-input,.sakura-theme #note-content-input,.sakura-theme #note-preview,.sakura-theme .settings-group,.sakura-theme .timer-settings,.sakura-theme .ambiance-sounds,.sakura-theme .habit-item{border-radius:8px}.sakura-theme .kanban-card[data-priority="high"]{border-left-color:#E57373}.sakura-theme .kanban-card[data-priority="medium"]{border-left-color:#64B5B2}.sakura-theme .kanban-card[data-priority="low"]{border-left-color:#81C784}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-light);transition:background-color 0.3s,color 0.3s;-webkit-tap-highlight-color:#fff0}.main-layout{display:flex;min-height:100vh;width:100%}.sidebar{width:var(--sidebar-width);background-color:var(--bg-medium);display:flex;flex-direction:column;padding:20px 10px;border-right:1px solid var(--bg-light);transition:all 0.3s ease-in-out;position:fixed;height:100%;z-index:1000}.sidebar-header{text-align:center;padding:0 10px 20px 10px;color:var(--text-dark);font-weight:600}.sidebar-nav{flex-grow:1}.nav-link{display:block;padding:12px 20px;margin-bottom:5px;color:var(--text-light);text-decoration:none;border-radius:8px;font-weight:500;transition:background-color 0.3s,color 0.3s}.nav-link:hover{background-color:var(--bg-light)}.nav-link.active{background-color:var(--primary-color);color:#fff;font-weight:600}.sidebar-footer{padding-top:10px;border-top:1px solid var(--bg-light)}.content-area{flex-grow:1;padding:30px;margin-left:var(--sidebar-width);overflow-y:auto;transition:margin-left 0.3s ease-in-out;position:relative}.tool-section{display:none;animation:fadeIn 0.5s ease}.tool-section.active{display:block}h3{text-align:center;color:var(--text-dark);margin-bottom:30px;font-weight:600;font-size:1.8rem}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.widget{background-color:var(--bg-medium);padding:20px;border-radius:12px;border:1px solid var(--bg-light)}.widget h4{color:var(--text-dark);margin-bottom:15px}.focus-widget input{width:100%;padding:10px;border:1px solid var(--bg-light);background-color:var(--bg-dark);color:var(--text-light);border-radius:8px;font-size:1rem}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary-color)}.stat-widget small{opacity:.8}.chart-widget{grid-column:1 / -1}.quote-widget{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.quote-widget::before{content:'“';position:absolute;top:-10px;left:10px;font-size:8rem;color:var(--bg-light);opacity:.5;z-index:0;line-height:1}.quote-widget blockquote,.quote-widget cite{position:relative;z-index:1}.quote-widget blockquote{font-size:1.1rem;font-weight:500;margin-bottom:10px;color:var(--text-dark)}.quote-widget cite{font-style:normal;font-weight:400;color:var(--text-light);align-self:flex-end}.kanban-input-container{display:flex;gap:10px;margin-bottom:20px;background-color:var(--bg-medium);padding:15px;border-radius:12px;flex-wrap:wrap}.kanban-input-container input,.kanban-input-container select{padding:12px;border:1px solid var(--bg-light);background-color:var(--bg-dark);color:var(--text-light);border-radius:8px;font-size:1rem}.kanban-input-container input{flex-grow:1;min-width:150px}#kanban-due-date-input{position:relative;min-width:140px;flex-grow:0}#kanban-due-date-input::before{content:"Masukkan tanggal";position:absolute;top:50%;left:12px;transform:translateY(-50%);color:var(--text-light);opacity:.6;pointer-events:none;display:block}#kanban-due-date-input:valid::before{display:none}#kanban-due-date-input{color:#fff0}#kanban-due-date-input:valid{color:var(--text-light)}@supports (-webkit-touch-callout:none){#kanban-due-date-input{color:var(--text-light)}}#kanban-due-date-input{color-scheme:dark}body.light-theme #kanban-due-date-input{color-scheme:light}.kanban-board{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;min-height:60vh}.kanban-column{background-color:var(--bg-light);padding:15px;border-radius:10px;transition:background-color 0.3s ease;display:flex;flex-direction:column}.kanban-column.drag-over{background-color:var(--bg-dark);border:2px dashed var(--primary-color)}.kanban-column h4{text-align:center;margin-bottom:15px;color:var(--text-dark)}.kanban-tasks{min-height:50px;flex-grow:1}.kanban-card{position:relative;background-color:var(--bg-medium);padding:15px;padding-right:40px;border-radius:8px;margin-bottom:10px;cursor:grab;border-left:5px solid #fff0;box-shadow:0 2px 5px rgb(0 0 0 / .2);transition:transform 0.25s cubic-bezier(.25,1,.5,1),box-shadow 0.2s ease,opacity 0.2s ease;display:flex;flex-direction:column;gap:8px;padding-bottom:45px}.kanban-card.dragging{opacity:.7;box-shadow:0 8px 25px rgb(0 0 0 / .3);cursor:grabbing;transition:none}.kanban-card[data-priority="high"]{border-left-color:var(--error-color)}.kanban-card[data-priority="medium"]{border-left-color:var(--secondary-color)}.kanban-card[data-priority="low"]{border-left-color:#4caf50}.kanban-delete-btn{position:absolute;top:5px;right:5px;width:28px;height:28px;border:none;background-color:#fff0;color:var(--text-light);font-size:1.4rem;font-weight:700;cursor:pointer;border-radius:50%;opacity:.4;transition:opacity 0.3s,background-color 0.3s;line-height:28px;text-align:center}.kanban-card:hover .kanban-delete-btn{opacity:1}.kanban-delete-btn:hover{background-color:var(--error-color);color:#fff}.kanban-card-actions{position:absolute;bottom:8px;right:8px;display:flex;gap:8px;z-index:5}.kanban-move-btn{width:30px;height:30px;border-radius:50%;border:1px solid var(--bg-light);background-color:var(--bg-dark);color:var(--text-light);cursor:pointer;font-size:1.2rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;transition:background-color 0.2s,color 0.2s}.kanban-move-btn:hover{background-color:var(--primary-color);color:#fff}.task-due-date{font-size:.8rem;opacity:.8;font-weight:500}.kanban-card.due-soon .task-due-date{color:var(--warning-color)}.kanban-card.overdue .task-due-date{color:var(--error-color);font-weight:700}.habit-input-container{display:flex;gap:10px;margin-bottom:20px;background-color:var(--bg-medium);padding:15px;border-radius:12px;flex-wrap:wrap}.habit-input-container input{flex-grow:1;min-width:150px;padding:12px;border:1px solid var(--bg-light);background-color:var(--bg-dark);color:var(--text-light);border-radius:8px;font-size:1rem}#habit-tracker-container{display:flex;flex-direction:column;gap:15px}.habit-item{background-color:var(--bg-medium);padding:15px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:15px}.habit-info{display:flex;align-items:center;gap:15px;flex-grow:1;overflow:hidden}.habit-name{font-weight:500;color:var(--text-dark);word-break:break-word}.days-grid-container{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:5px}.days-grid{display:flex;gap:8px}.day-marker{flex-shrink:0;width:28px;height:28px;background-color:var(--bg-light);border-radius:6px;cursor:pointer;transition:background-color 0.2s,transform 0.2s;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-light);opacity:.7}.day-marker:hover{transform:scale(1.1);opacity:1}.day-marker.completed{background-color:var(--secondary-color);opacity:1}.habit-delete-btn{background:none;border:none;color:var(--text-light);font-size:1.4rem;cursor:pointer;opacity:.5;transition:opacity 0.2s,color 0.2s;padding:5px}.habit-delete-btn:hover{opacity:1;color:var(--error-color)}.notes-layout{display:flex;gap:20px;height:70vh}.notes-list-container{width:30%;background-color:var(--bg-light);padding:15px;border-radius:10px;display:flex;flex-direction:column}#notes-list{list-style:none;flex-grow:1;overflow-y:auto;margin-top:15px}#notes-list li{padding:10px;border-radius:5px;cursor:pointer;margin-bottom:5px;border-bottom:1px solid var(--bg-medium)}#notes-list li.active{background-color:var(--primary-color);color:#fff}.note-editor-container{width:70%;display:flex;flex-direction:column}#note-title-input{padding:12px;border:none;background-color:var(--bg-light);color:var(--text-dark);border-radius:8px;font-size:1.2rem;font-weight:600;margin-bottom:10px}.editor-wrapper{display:flex;flex-grow:1;gap:10px}#note-content-input,#note-preview{width:50%;height:100%;padding:15px;background-color:var(--bg-light);border-radius:10px;border:none}#note-content-input{color:var(--text-light);font-family:'Menlo',monospace;resize:none}#note-preview.markdown-body{overflow-y:auto}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--text-dark);border-bottom:1px solid var(--bg-dark);padding-bottom:5px;margin-top:15px}.markdown-body p{margin-bottom:10px;line-height:1.6}.markdown-body ul,.markdown-body ol{margin-left:20px}.markdown-body code{background-color:var(--bg-dark);padding:2px 5px;border-radius:4px}.markdown-body pre{background-color:var(--bg-dark);padding:10px;border-radius:8px;overflow-x:auto}.markdown-body blockquote{border-left:4px solid var(--primary-color);padding-left:10px;margin-left:0;color:#aaa}.settings-group{background-color:var(--bg-medium);padding:20px;border-radius:12px;margin-bottom:20px}.settings-group h4{color:var(--text-dark);margin-bottom:15px;border-bottom:1px solid var(--bg-light);padding-bottom:10px}.theme-buttons{display:flex;gap:10px}.theme-btn{padding:8px 15px;border:1px solid var(--bg-light);background-color:var(--bg-dark);color:var(--text-light);border-radius:8px;cursor:pointer;transition:all 0.2s ease}.theme-btn.active{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff}.setting-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider.round{border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translateX(26px)}.color-swatches{display:flex;gap:10px;flex-wrap:wrap}.color-swatch{width:30px;height:30px;border-radius:50%;border:2px solid var(--bg-light);cursor:pointer;transition:transform 0.2s}.color-swatch:hover{transform:scale(1.1)}.data-controls{display:flex;gap:15px;flex-wrap:wrap}.setting-btn{padding:10px 20px;background-color:var(--bg-light);color:var(--text-light);border:none;border-radius:8px;cursor:pointer;transition:background-color 0.3s;flex-grow:1}.setting-btn:hover{background-color:var(--primary-color);color:#fff}.timer-display{text-align:center;margin-bottom:20px}#timer{font-size:6rem;font-weight:700;color:var(--text-dark);line-height:1;transition:font-size 0.3s ease}.timer-controls{display:flex;justify-content:center;gap:15px;margin-bottom:25px}.timer-controls button,.full-width-btn,.add-btn{padding:12px 25px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:transform 0.2s,background-color 0.3s}#start-btn{background-color:var(--secondary-color);color:var(--bg-dark)}#pause-btn,#reset-btn{background-color:var(--bg-light);color:var(--text-light)}.pomodoro-mode-selector{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.mode-btn{padding:10px 20px;font-size:1rem;border:1px solid var(--bg-light);background:#fff0;color:var(--text-light);border-radius:8px;cursor:pointer;transition:all 0.3s ease}.mode-btn.active{background-color:var(--secondary-color);color:var(--bg-dark);font-weight:700;border-color:var(--secondary-color)}.timer-settings{background-color:var(--bg-medium);padding:20px;border-radius:10px;margin-top:20px;border:1px solid var(--bg-light)}.timer-settings h4{margin-bottom:15px;text-align:center}.timer-settings input[type="number"]{width:60px;padding:8px;border-radius:5px;border:1px solid var(--bg-dark);background-color:var(--bg-dark);color:var(--text-light);font-size:1rem}.ambiance-sounds{background-color:var(--bg-medium);padding:20px;border-radius:10px;margin-top:20px;border:1px solid var(--bg-light)}.ambiance-sounds h4{margin-bottom:15px;text-align:center}.sound-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.sound-btn{padding:8px 15px;font-size:.9rem;border:1px solid var(--bg-light);background:var(--bg-light);color:var(--text-light);border-radius:8px;cursor:pointer;transition:background-color 0.2s,border-color 0.2s,color 0.2s}.sound-btn:hover{border-color:var(--primary-color)}.sound-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.sound-btn[data-sound="stop"]:hover{background-color:var(--error-color);border-color:var(--error-color);color:#fff}.sound-btn[data-sound="stop"]:active{opacity:.8}#menu-toggle-btn{display:none;position:fixed;top:15px;right:15px;width:45px;height:45px;background:var(--bg-medium);border:1px solid var(--bg-light);border-radius:8px;cursor:pointer;z-index:1100;flex-direction:column;justify-content:center;align-items:center;gap:5px;box-shadow:0 4px 8px rgb(0 0 0 / .2)}#menu-toggle-btn span{display:block;width:24px;height:3px;background:var(--text-dark);border-radius:3px;transition:all 0.3s ease-in-out}#overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgb(0 0 0 / .5);backdrop-filter:blur(5px);z-index:999;opacity:0;visibility:hidden;transition:opacity 0.3s ease-in-out,visibility 0.3s ease-in-out}#overlay.active{opacity:1;visibility:visible}@media (max-width:900px){#menu-toggle-btn{display:flex}.sidebar{transform:translateX(-100%);box-shadow:5px 0 15px rgb(0 0 0 / .2)}.sidebar.open{transform:translateX(0)}.content-area{margin-left:0;padding:20px;padding-top:80px}.kanban-board{grid-template-columns:1fr;gap:25px}.kanban-card{padding-top:20px;padding-bottom:20px;min-height:80px}.notes-layout{flex-direction:column;height:auto}.notes-list-container,.note-editor-container{width:100%}.habit-item{flex-direction:column;align-items:flex-start}.habit-info{width:100%;justify-content:space-between}.days-grid-container{width:100%}}@media (max-width:480px){.content-area{padding:15px;padding-top:75px}h3{font-size:1.5rem}#timer{font-size:4rem}.timer-controls{gap:10px}.timer-controls button{padding:10px 20px}.editor-wrapper{flex-direction:column}#note-content-input,#note-preview{width:100%;min-height:200px}.kanban-input-container{padding:10px}.kanban-input-container input,.kanban-input-container select,#add-kanban-task-btn{width:100%;flex-grow:1}.days-grid-container{overflow-x:initial;padding-bottom:0}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(2,auto);gap:6px}.day-marker{width:100%;height:36px;font-size:.8rem}}.shepherd-element{background:var(--bg-medium);border-radius:12px;box-shadow:0 5px 15px rgb(0 0 0 / .3);max-width:400px}.shepherd-element .shepherd-header{background:var(--primary-color)!important;padding:1rem 1.5rem;border-radius:12px 12px 0 0}.shepherd-element .shepherd-title{color:#fff;font-weight:600}.shepherd-element .shepherd-cancel-icon{color:#fff;opacity:.7}.shepherd-element .shepherd-cancel-icon:hover{opacity:1}.shepherd-text{color:var(--text-light);padding:1.5rem;font-size:.95rem;line-height:1.6}.shepherd-button{padding:.6rem 1.2rem;border-radius:8px;font-weight:600;transition:all 0.2s ease}.shepherd-button-secondary{background:var(--bg-light);color:var(--text-light)}.shepherd-button-secondary:hover{background:var(--bg-dark)}.shepherd-button-primary{background:var(--primary-color);color:#fff}.shepherd-button-primary:hover{filter:brightness(1.1)}.shepherd-arrow::before{background:var(--bg-medium)}.shepherd-progress-bar{height:4px;background:var(--primary-color)}