@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color: #0b0f19;--bg-gradient: linear-gradient(135deg, #0b0f19 0%, #1a1b2e 100%);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--text-main: #f8fafc;--text-muted: #94a3b8;--accent-primary: #8b5cf6;--accent-secondary: #3b82f6;--accent-gradient: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--danger: #ef4444;--success: #10b981}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.app-container{max-width:900px;margin:0 auto;padding:2rem}h1{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-main)}h3{font-size:1.25rem;font-weight:500;margin-bottom:.75rem;color:var(--text-muted)}input{background:#0003;border:1px solid var(--glass-border);color:var(--text-main);padding:.75rem 1rem;border-radius:8px;font-family:inherit;font-size:1rem;outline:none;transition:all .3s ease;width:100%}input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #8b5cf633}button{background:var(--accent-gradient);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}button:active{transform:translateY(0)}button.secondary-btn{background:#ffffff1a}button.secondary-btn:hover{background:#ffffff26;box-shadow:none}button.danger-btn{background:#ef44441a;color:var(--danger)}button.danger-btn:hover{background:#ef444433}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.login-card{width:100%;max-width:400px;padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-toggle{text-align:center;color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:color .3s ease}.login-toggle:hover{color:var(--accent-primary)}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.user-info{display:flex;align-items:center;gap:1rem;color:var(--text-muted)}.add-form{display:grid;grid-template-columns:2fr 1fr auto;gap:1rem;margin-bottom:2rem;padding:1.5rem}@media (max-width: 640px){.add-form{grid-template-columns:1fr}}.main-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 800px){.main-grid{grid-template-columns:1fr}}.list-section{padding:1.5rem}.category-group{margin-bottom:1.5rem}.item-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ffffff05;border:1px solid transparent;border-radius:8px;margin-bottom:.5rem;transition:all .2s ease}.item-row:hover{background:#ffffff0d;border-color:#ffffff1a}.item-content{display:flex;align-items:center;gap:1rem;flex:1}.checkbox-container{position:relative;display:inline-block;width:24px;height:24px}.checkbox-container input{opacity:0;width:0;height:0}.checkmark{position:absolute;top:0;left:0;height:24px;width:24px;background-color:#0000004d;border:2px solid var(--text-muted);border-radius:6px;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center}.checkbox-container:hover input~.checkmark{border-color:var(--accent-primary)}.checkbox-container input:checked~.checkmark{background:var(--accent-gradient);border-color:transparent}.checkmark:after{content:"";position:absolute;display:none;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container input:checked~.checkmark:after{display:block}.item-name{font-size:1.1rem;transition:all .2s ease}.item-name.marked{text-decoration:line-through;color:var(--text-muted)}.item-category-badge{font-size:.75rem;background:#8b5cf633;color:#c4b5fd;padding:.2rem .5rem;border-radius:4px}.delete-btn{background:transparent;color:var(--text-muted);padding:.5rem}.delete-btn:hover{background:#ef44441a;color:var(--danger);transform:none;box-shadow:none}.empty-state{text-align:center;color:var(--text-muted);padding:2rem 0;font-style:italic}