: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}}