:root{--primary: #8c52ff;--primary-hover: #6e37db;--sidebar: #333333;--sidebar-hover: #555555;--background: #f7f7f8;--text: #1f1f1f;--text-light: #777777;--border: #dddddd;--surface: #ffffff;--surface-soft: #f8f8f9;--input-background: #ffffff}html[data-theme=dark]{--background: #171717;--text: #f3f3f3;--text-light: #aaaaaa;--border: #444444;--sidebar: #242424;--sidebar-hover: #3f3f3f;--surface: #242424;--surface-soft: #303030;--input-background: #2d2d2d}html[data-theme=dark] body,html[data-theme=dark] .main-content{background-color:var(--background);color:var(--text)}html[data-theme=dark] .header,html[data-theme=dark] .stat-card,html[data-theme=dark] .dashboard-section,html[data-theme=dark] .project-card,html[data-theme=dark] .project-form-container,html[data-theme=dark] .project-hero,html[data-theme=dark] .details-card,html[data-theme=dark] .task-form-container,html[data-theme=dark] .task-card,html[data-theme=dark] .note-form-container,html[data-theme=dark] .note-card,html[data-theme=dark] .settings-card,html[data-theme=dark] .admin-card,html[data-theme=dark] .login-card,html[data-theme=dark] .empty-state{background-color:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}html[data-theme=dark] .project-preview,html[data-theme=dark] .home-task,html[data-theme=dark] .home-note,html[data-theme=dark] .empty-small,html[data-theme=dark] .project-task,html[data-theme=dark] .project-note,html[data-theme=dark] .checkbox-setting,html[data-theme=dark] .theme-setting,html[data-theme=dark] .user-row,html[data-theme=dark] .quick-actions a{background-color:var(--surface-soft)!important;color:var(--text)!important;border-color:var(--border)!important}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{background-color:var(--input-background)!important;color:var(--text)!important;border-color:var(--border)!important}html[data-theme=dark] .favourite-button,html[data-theme=dark] .open-project-button,html[data-theme=dark] .delete-project-button,html[data-theme=dark] .close-form-button,html[data-theme=dark] .edit-note-button,html[data-theme=dark] .delete-note-button,html[data-theme=dark] .delete-task-button,html[data-theme=dark] .reset-button,html[data-theme=dark] .pin-button{background-color:var(--input-background)!important}html[data-theme=dark] .project-description,html[data-theme=dark] .description,html[data-theme=dark] .note-content,html[data-theme=dark] .project-note p,html[data-theme=dark] .home-note p{color:#ccc!important}html[data-theme=dark] .project-tags span{background-color:#373737!important;color:#d5d5d5!important}html[data-theme=dark] .progress-bar{background-color:#4a4a4a}html[data-theme=dark] .login-page{background:linear-gradient(135deg,#151515,#241a38)!important}html[data-theme=dark] .header{box-shadow:#0d0d0d 0 3px 5px}html[data-theme=dark] .danger-zone{border-color:#7e373a!important}::selection{background-color:var(--primary);color:#fff}*{box-sizing:border-box;line-height:1.6}html,body{margin:0;padding:0;min-height:100%}body{font-family:Arial,Helvetica,sans-serif;background-color:var(--background);color:var(--text)}button,input,textarea,select{font:inherit}.header{padding:5px 20px;background-color:#fff;color:#000;box-shadow:#d3d3d3 0 3px 5px;border-radius:15px}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.latest-projects{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:900px){main{flex-direction:column}aside{position:sticky;top:0;z-index:100;width:100%;min-height:auto;flex-direction:row;align-items:center;gap:8px;padding:10px 12px}aside img{width:44px;padding-top:0;margin:0 8px 0 0;flex:0 0 auto}.account{margin:0 8px 0 0;padding:7px 10px;text-align:left;flex:0 0 auto}aside nav{flex:1;flex-direction:row;margin-top:0;overflow-x:auto;scrollbar-width:thin}nav a{flex:0 0 auto;padding:8px 10px;border-radius:7px;font-size:15px;white-space:nowrap}.sidebar-footer{display:flex;align-items:center;margin:0 0 0 auto;padding:0;flex:0 0 auto}.sidebar-footer p,aside>p{display:none}.main-content{width:100%}.content{padding:18px}.home-page,.projects-page,.tasks-page,.notes-page,.settings-page,.admin-page,.project-details-page{max-width:none;width:100%}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.latest-projects,.secondary-grid,.details-grid{grid-template-columns:1fr!important}.details-card:first-child{grid-row:auto!important}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.project-grid,.notes-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important}.admin-card form,.form-row{grid-template-columns:1fr!important}.project-form-container,.task-form-container,.note-form-container{max-width:none;width:100%}}@media(max-width:600px){aside{position:static;flex-wrap:wrap;padding:10px}aside img{width:40px;margin-right:2px}.account{min-width:0;flex:1;margin:0;padding:6px 8px}.account strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{margin-left:0}.sidebar-footer button{min-height:38px;padding:6px 10px;white-space:nowrap}aside nav{order:4;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:visible}nav a{min-width:0;padding:7px 4px;font-size:13px;text-align:center;overflow:hidden;text-overflow:ellipsis}.content{padding:12px}.header{padding:8px 12px;border-radius:10px}.header h2{margin:8px 0;font-size:14px;overflow-wrap:anywhere}h1{font-size:clamp(24px,8vw,32px)}.page-header,.welcome-section,.section-header,.project-hero{flex-direction:column;align-items:stretch!important}.page-header{gap:12px}.new-project-button,.new-task-button,.new-note-button,.primary-button{width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.stat-card,.stat{padding:14px!important}.stat-card strong{font-size:26px!important}.latest-projects,.secondary-grid,.quick-actions,.project-grid,.notes-grid{grid-template-columns:1fr!important}.dashboard-section,.project-card,.details-card,.settings-card,.admin-card,.project-form-container,.task-form-container,.note-form-container{padding:16px!important;border-radius:12px!important}.project-card,.note-card{min-width:0}.project-meta,.task-meta,.home-task-meta{flex-wrap:wrap;gap:8px!important}.project-actions,.note-actions,.form-buttons,.save-actions,.settings-actions{flex-wrap:wrap}.project-actions button,.note-actions button,.form-buttons button,.save-actions button,.settings-actions button{min-height:44px}.project-actions .open-project-button,.project-actions .delete-project-button{flex:1 1 100%}.project-hero{padding:18px!important}.hero-progress{align-items:flex-start!important}.form-row{grid-template-columns:1fr!important}.task-stats{grid-template-columns:1fr!important;gap:10px!important}.task-card{flex-wrap:wrap;align-items:flex-start!important;padding:14px!important}.task-content{min-width:0;flex:1 1 calc(100% - 40px)}.task-title-row{flex-wrap:wrap}.delete-task-button{width:100%;min-height:44px}.note-card{min-height:0!important;padding:16px!important}.checkbox-setting{align-items:flex-start!important;gap:15px}.user-row{align-items:flex-start!important;flex-wrap:wrap}.user-row .delete-button{width:100%;min-height:44px}.login-page{padding:14px!important}.login-card{padding:26px 18px!important;border-radius:14px!important}.login-card img{width:150px!important}input,textarea,select{font-size:16px!important}button,a{-webkit-tap-highlight-color:transparent}}@media(max-width:380px){aside nav{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:1fr!important}.content{padding:10px}}.new-project-button,.new-task-button,.new-note-button,.create-project-button,.create-task-button,.save-note-button,.save-button,.theme-button,.filter-button,.clear-filter-button,.login-button,.admin-card form button,.primary-button{width:fit-content;min-height:0;padding:5px 10px;border:none;border-radius:6px;background-color:#333;color:#fff;font-weight:700;line-height:1.35;cursor:pointer;transition:all .2s ease}.new-project-button:hover:not(:disabled),.new-task-button:hover:not(:disabled),.new-note-button:hover:not(:disabled),.create-project-button:hover:not(:disabled),.create-task-button:hover:not(:disabled),.save-note-button:hover:not(:disabled),.save-button:hover:not(:disabled),.theme-button:hover:not(:disabled),.filter-button:hover:not(:disabled),.clear-filter-button:hover:not(:disabled),.login-button:hover:not(:disabled),.admin-card form button:hover:not(:disabled),.primary-button:hover:not(:disabled){background-color:var(--primary);transform:translateY(-3px);box-shadow:0 5px 8px #00000029;text-shadow:0 0 2px white}.new-project-button:active:not(:disabled),.new-task-button:active:not(:disabled),.new-note-button:active:not(:disabled),.create-project-button:active:not(:disabled),.create-task-button:active:not(:disabled),.save-note-button:active:not(:disabled),.save-button:active:not(:disabled),.theme-button:active:not(:disabled),.filter-button:active:not(:disabled),.clear-filter-button:active:not(:disabled),.login-button:active:not(:disabled),.admin-card form button:active:not(:disabled),.primary-button:active:not(:disabled){transform:translateY(0);box-shadow:none;text-shadow:none}.open-project-button,.edit-note-button,.delete-project-button,.delete-note-button,.delete-task-button,.reset-button,.form-buttons button,.sidebar-footer button,.user-row .delete-button{width:fit-content;min-height:0;padding:5px 9px;line-height:1.35;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.open-project-button:hover,.edit-note-button:hover,.form-buttons button:hover,.sidebar-footer button:hover{transform:translateY(-2px);box-shadow:0 4px 7px #0000001f}.delete-project-button:hover,.delete-note-button:hover,.delete-task-button:hover,.reset-button:hover,.user-row .delete-button:hover{transform:translateY(-2px);box-shadow:0 4px 7px #e5484d2e}@media(max-width:600px){.new-project-button,.new-task-button,.new-note-button,.primary-button,.project-actions .open-project-button,.project-actions .delete-project-button,.delete-task-button,.user-row .delete-button,.theme-button{width:fit-content!important;min-height:0!important;flex:0 0 auto!important;align-self:flex-start}}.action-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:0;padding:5px 10px;border-radius:6px;font-weight:700;line-height:1.35;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease,text-shadow .2s ease}.action-button{border:none;background-color:#333;color:#fff}.action-button:hover{background-color:var(--primary);transform:translateY(-3px);box-shadow:0 5px 8px #00000029;text-shadow:0 0 2px white}.action-button:active{transform:translateY(0);box-shadow:none;text-shadow:none}.secondary-button{border:1px solid var(--border);background-color:var(--surface);color:var(--text)}.secondary-button:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 7px #0000001a}.new-project-button,.new-task-button,.new-note-button,.create-project-button,.create-task-button,.save-note-button,.save-button,.theme-button,.filter-button,.clear-filter-button,.login-button,.admin-card form button,.primary-button{width:fit-content!important;min-height:0!important;padding:5px 10px!important;border:none!important;border-radius:6px!important;background-color:#333!important;color:#fff!important;font-weight:700!important;line-height:1.35!important}.new-project-button:hover:not(:disabled),.new-task-button:hover:not(:disabled),.new-note-button:hover:not(:disabled),.create-project-button:hover:not(:disabled),.create-task-button:hover:not(:disabled),.save-note-button:hover:not(:disabled),.save-button:hover:not(:disabled),.theme-button:hover:not(:disabled),.filter-button:hover:not(:disabled),.clear-filter-button:hover:not(:disabled),.login-button:hover:not(:disabled),.admin-card form button:hover:not(:disabled),.primary-button:hover:not(:disabled){background-color:var(--primary)!important;transform:translateY(-3px)!important;box-shadow:0 5px 8px #00000029!important;text-shadow:0 0 2px white!important}.favourite-button,.pin-button{display:inline-grid!important;place-items:center!important;width:30px!important;height:30px!important;padding:0!important;border:none!important;border-radius:50%!important;background:transparent!important;cursor:pointer!important;transition:transform .2s ease,background-color .2s ease!important}.favourite-button:hover,.pin-button:hover{background-color:#8c52ff1a!important;transform:scale(1.15)!important}.favourite-button:active,.pin-button:active{transform:scale(.94)!important}.favourite-button .favourite,.pin-button{color:var(--primary)}.close-form-button{display:inline-grid!important;place-items:center!important;width:34px!important;height:34px!important;padding:0!important;border:none!important;border-radius:50%!important;background:transparent!important;color:var(--text-light)!important;font-size:24px!important;line-height:1!important;cursor:pointer!important;transition:transform .2s ease,color .2s ease,background-color .2s ease!important}.close-form-button:hover{background-color:#8c52ff14!important;color:var(--text)!important;transform:scale(1.12)!important}.close-form-button:active{background-color:#e5484d1a!important;color:#e5484d!important;transform:scale(.96)!important}html[data-theme=dark] .favourite-button,html[data-theme=dark] .pin-button,html[data-theme=dark] .close-form-button{background:transparent!important}html[data-theme=dark] .favourite-button:hover,html[data-theme=dark] .pin-button:hover,html[data-theme=dark] .close-form-button:hover{background-color:#8c52ff24!important}@media(max-width:900px){.board-page,.calendar-page,.reports-page{max-width:none;width:100%}}body{transition:background-color .2s ease,color .2s ease}.header{background-color:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:0 2px 8px #0000000f}.header h2{margin:7px 0;color:var(--text-light);font-size:14px;font-weight:700;letter-spacing:.01em}button,a,input,textarea,select{transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(140,82,255,.28);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.progress-bar{background:var(--border)!important}.empty-state,.empty-small,.empty-section{border:1px dashed var(--border)}.filter-bar{box-shadow:0 2px 8px #00000009}html[data-theme=dark] .header{box-shadow:0 2px 8px #00000047}html[data-theme=dark] .project-form-container label{color:var(--text)!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}