:root{--background: #FFFFFF;--foreground: #1A1A1A;--secondary: #F9F9FB;--border: #EDEDED;--input-bg: #FDFDFD;--accent: #000000;--accent-foreground: #FFFFFF;--muted: #71717A;--radius: 8px;--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;border:none;font-family:inherit}input{font-family:inherit}.authContainer{display:flex;justify-content:center;align-items:center;min-height:100%;padding:20px;background-color:var(--secondary)}.authCard{background:var(--background);padding:40px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);width:100%;max-width:400px}.authHeader{text-align:center;margin-bottom:30px}.authHeader h2{font-size:24px;font-weight:600;color:var(--foreground);margin-bottom:8px}.authHeader p{color:var(--muted);font-size:14px}.formGroup{margin-bottom:20px}.formGroup label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:var(--foreground)}.formGroup input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--input-bg);font-size:14px;transition:border-color .2s,box-shadow .2s}.formGroup input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #0000000d}.submitBtn{width:100%;padding:12px;background-color:var(--accent);color:var(--accent-foreground);border-radius:var(--radius);font-weight:600;font-size:14px;transition:opacity .2s;margin-top:10px}.submitBtn:hover{opacity:.9}.submitBtn:disabled{opacity:.5;cursor:not-allowed}.toggleAuth{margin-top:20px;text-align:center;font-size:14px;color:var(--muted)}.toggleAuth span{color:var(--accent);font-weight:600;cursor:pointer;margin-left:4px}.errorMsg{background-color:#fee2e2;color:#dc2626;padding:10px;border-radius:var(--radius);font-size:13px;margin-bottom:20px;border:1px solid #fecaca}.successMsg{background-color:#ecfdf5;color:#059669;padding:10px;border-radius:var(--radius);font-size:13px;margin-bottom:20px;border:1px solid #d1fae5}.dashboard-container{max-width:1200px;margin:0 auto;padding:40px 20px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dashboard-header h1{font-size:28px;font-weight:700;color:var(--foreground)}.create-btn{background-color:var(--accent);color:var(--accent-foreground);padding:10px 20px;border-radius:var(--radius);font-weight:500;display:flex;align-items:center;gap:8px;transition:opacity .2s}.create-btn:hover{opacity:.9}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.task-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column;height:100%}.task-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.task-title{font-size:16px;font-weight:600;color:var(--foreground);margin:0}.task-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s}.task-card:hover .task-actions{opacity:1}.action-btn{background:none;padding:4px;color:var(--muted);border-radius:4px}.action-btn:hover{background-color:var(--secondary);color:var(--foreground)}.action-btn.delete:hover{color:#dc2626;background-color:#fee2e2}.task-desc{color:var(--muted);font-size:14px;margin-bottom:16px;line-height:1.5;flex-grow:1}.task-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:12px}.badge{padding:4px 8px;border-radius:4px;font-weight:500;text-transform:uppercase;font-size:11px}.badge.status-PENDING{background-color:#f3f4f6;color:#4b5563}.badge.status-IN_PROGRESS{background-color:#dbeafe;color:#2563eb}.badge.status-COMPLETED{background-color:#d1fae5;color:#059669}.badge.priority-LOW{color:#4b5563}.badge.priority-MEDIUM{color:#d97706}.badge.priority-HIGH{color:#dc2626;font-weight:600}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:var(--background);padding:30px;border-radius:var(--radius);width:100%;max-width:500px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h2{font-size:20px;font-weight:600}.close-btn{background:none;color:var(--muted);padding:4px}.close-btn:hover{color:var(--foreground)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.cancel-btn{background-color:var(--secondary);color:var(--foreground)}.save-btn{background-color:var(--accent);color:var(--accent-foreground)}.empty-state{text-align:center;padding:60px;color:var(--muted);background:var(--secondary);border-radius:var(--radius);grid-column:1 / -1}.admin-container{max-width:1200px;margin:0 auto;padding:40px 20px;display:grid;grid-template-columns:250px 1fr;gap:30px}@media(max-width:768px){.admin-container{grid-template-columns:1fr}}.admin-sidebar{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:20px;height:fit-content;position:sticky;top:100px}.sidebar-title{font-size:12px;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:12px;letter-spacing:.5px}.sidebar-menu{list-style:none;display:flex;flex-direction:column;gap:4px}.menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);cursor:pointer;color:var(--foreground);font-size:14px;font-weight:500;transition:all .2s}.menu-item:hover{background-color:var(--secondary)}.menu-item.active{background-color:var(--accent);color:var(--accent-foreground)}.admin-content{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:30px;min-height:500px}.section-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.section-title h2{font-size:20px;font-weight:600;margin-bottom:4px}.section-title p{font-size:14px;color:var(--muted)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px;font-size:12px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);font-weight:600}.data-table td{padding:16px 12px;font-size:14px;border-bottom:1px solid var(--border);color:var(--foreground)}.data-table tr:last-child td{border-bottom:none}.user-row:hover{background-color:var(--secondary)}.table-actions{display:flex;gap:8px}.btn-icon{padding:6px;border-radius:4px;background:transparent;color:var(--muted);transition:all .2s}.btn-icon:hover{background-color:#e5e7eb;color:var(--foreground)}.btn-icon.delete:hover{background-color:#fee2e2;color:#dc2626}.btn-icon.restore:hover{background-color:#d1fae5;color:#059669}.btn-icon.info:hover{background-color:#dbeafe;color:#2563eb}.trash-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}.trash-column{background:var(--secondary);border-radius:var(--radius);padding:20px}.trash-header{font-size:16px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.trash-list{display:flex;flex-direction:column;gap:12px}.trash-item{background:var(--background);padding:12px;border-radius:var(--radius);border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.trash-info p{font-size:14px;font-weight:500}.trash-info span{font-size:12px;color:var(--muted)}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}main{flex:1;overflow-y:auto;background-color:var(--secondary)}