@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;font-size:16px;--bg-color: #fafafa;--text-color: #1a1a1a;--text-secondary: #666;--primary: #1B5E20;--primary-hover: #145218;--primary-light: #E8F5E9;--bg-glass: #ffffff;--border-glass: #e0e0e0;--danger: #D32F2F;--danger-light: #FFEBEE;--input-bg: #ffffff;--shadow-color: rgba(0, 0, 0, .12);--shadow-color-light: rgba(0, 0, 0, .06);color-scheme:light;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg-color: #121212;--text-color: #e5e5e5;--text-secondary: #999;--primary: #66BB6A;--primary-hover: #81C784;--primary-light: rgba(102, 187, 106, .12);--bg-glass: #1e1e1e;--border-glass: #333;--danger: #EF5350;--danger-light: rgba(239, 83, 80, .12);--input-bg: #2a2a2a;--shadow-color: rgba(0, 0, 0, .4);--shadow-color-light: rgba(0, 0, 0, .2);color-scheme:dark}body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:16px;box-sizing:border-box}#root{width:100%;max-width:800px;margin-top:2rem;margin-bottom:2rem}.container{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:12px;box-shadow:0 1px 3px var(--shadow-color-light);padding:24px}h1,h2,h3{margin-top:0;font-weight:600;letter-spacing:-.01em}input{width:100%;padding:12px 16px;border:1px solid var(--border-glass);border-radius:8px;background:var(--input-bg);color:var(--text-color);font-family:inherit;font-size:.95rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;margin-bottom:12px;outline:none}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}input::placeholder{color:var(--text-secondary)}button{width:100%;padding:12px 16px;font-size:.95rem;font-weight:600;font-family:inherit;background-color:var(--primary);color:#fff;cursor:pointer;border:1px solid var(--primary);border-radius:8px;transition:background-color .2s,transform .1s,box-shadow .2s;box-shadow:0 1px 3px var(--shadow-color-light);margin-bottom:8px}button:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 6px var(--shadow-color)}button:active{transform:translateY(0);box-shadow:0 1px 2px var(--shadow-color-light)}button.secondary{background-color:var(--bg-glass);color:var(--text-color);border:1px solid var(--border-glass);box-shadow:0 1px 2px var(--shadow-color-light)}button.secondary:hover{background-color:var(--primary-light);border-color:var(--primary);color:var(--primary)}button.danger{background-color:var(--bg-glass);color:var(--danger);border:1px solid var(--danger);box-shadow:0 1px 2px var(--shadow-color-light)}button.danger:hover{background-color:var(--danger-light)}.flex-col{display:flex;flex-direction:column;gap:8px}.flex-row{display:flex;align-items:center;gap:8px}.text-center{text-align:center}.text-sm{font-size:.875rem;color:var(--text-secondary)}.text-error{color:var(--danger);font-size:.875rem;font-weight:600;margin-bottom:16px}.text-success{color:var(--primary);font-size:.875rem;font-weight:600;margin-bottom:16px}.dashboard-grid{display:flex;height:calc(100vh - 120px);overflow:hidden;gap:0}.lists-sidebar{width:260px;border-right:1px solid var(--border-glass);background:var(--bg-glass);overflow-y:auto}.main-content{flex:1;background:var(--bg-color);overflow-y:auto}.mobile-only-back{display:none}@media(max-width:600px){body{padding:0}#root{margin:0;max-width:100vw;min-height:100vh}.container{border-radius:0;border:none;border-bottom:1px solid var(--border-glass);min-height:100vh;padding:16px}}@media(max-width:768px){.dashboard-grid{height:calc(100vh - 80px)}.mobile-only-back{display:block}.mobile-master-view .lists-sidebar{display:flex;width:100%;border-right:none}.mobile-master-view .main-content,.mobile-detail-view .lists-sidebar{display:none}.mobile-detail-view .main-content{display:flex;width:100%}}.list-item{padding:10px 12px;cursor:pointer;transition:background-color .15s,color .15s;margin-bottom:2px;border-radius:8px;display:flex;align-items:center;gap:10px}.list-item:hover{background-color:var(--primary-light);color:var(--primary)}.list-item.active{font-weight:600;background-color:var(--primary-light);color:var(--primary)}.task-item{display:flex;align-items:center;padding:14px 16px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:10px;margin-bottom:10px;transition:box-shadow .2s,transform .15s;box-shadow:0 1px 3px var(--shadow-color-light)}.task-item:hover{box-shadow:0 3px 8px var(--shadow-color-light);transform:translateY(-1px)}.task-item input[type=checkbox]{width:20px;height:20px;min-width:20px;margin:0 12px 0 0;cursor:pointer;appearance:none;background-color:transparent;border:2px solid var(--border-glass);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s,border-color .15s}.task-item input[type=checkbox]:hover{border-color:var(--primary)}.task-item input[type=checkbox]:checked{background-color:var(--primary);border-color:var(--primary)}.task-item input[type=checkbox]:checked:after{content:"✓";font-size:14px;font-weight:700;color:#fff;line-height:1}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.settings-tile{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:12px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:0 1px 3px var(--shadow-color-light);color:var(--text-color);font-weight:500;min-height:100px}.settings-tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color-light);border-color:var(--primary)}.settings-tile p{margin:0;font-size:.95rem}.settings-tile-danger{color:var(--danger);border-color:var(--danger);grid-column:1 / -1}.settings-tile-danger:hover{border-color:var(--danger);background-color:var(--danger-light)}.text-overdue{color:var(--danger)!important;font-weight:600}.modal-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.modal-content{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;padding:28px;width:100%;max-width:400px;box-shadow:0 8px 32px #0000001f;animation:modalPop .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.material-symbols-outlined{font-size:20px;vertical-align:middle}.divider-text{display:flex;align-items:center;gap:16px;margin:20px 0;color:var(--text-secondary);font-size:.85rem}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:var(--border-glass)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-slide-up{animation:slideUp .3s ease-out forwards}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:currentColor;animation:spin .8s linear infinite;vertical-align:middle}button:disabled{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:none!important}.dropdown-container{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color-light);min-width:150px;z-index:100;overflow:hidden;animation:modalPop .15s cubic-bezier(.175,.885,.32,1.275)}.dropdown-item{padding:10px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .15s;font-size:.9rem;color:var(--text-color)}.dropdown-item:hover{background-color:var(--primary-light);color:var(--primary)}.dropdown-divider{height:1px;background-color:var(--border-glass);margin:4px 0}