*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a1a1a;background:#f5f5f5;line-height:1.5}button{cursor:pointer;font:inherit}input{font:inherit}.app-layout{max-width:800px;margin:0 auto;padding:1rem}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:2px solid #e0e0e0;margin-bottom:1.5rem}.app-header h1{font-size:1.5rem;font-weight:700}.category-tabs{margin-bottom:1rem}.tabs-row{display:flex;align-items:center;gap:.25rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.tab{display:flex;align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px 6px 0 0;flex-shrink:0}.tab--active{background:#4f46e5;border-color:#4f46e5}.tab--active .tab-btn{color:#fff}.tab-btn{padding:.5rem 1rem;background:none;border:none;font-weight:500;white-space:nowrap}.tab-delete{padding:.25rem .5rem;background:none;border:none;color:#999;font-size:1.1rem;line-height:1}.tab--active .tab-delete{color:#ffffffb3}.tab-delete:hover{color:#e11d48}.tab-add-btn{padding:.5rem 1rem;background:none;border:1px dashed #ccc;border-radius:6px 6px 0 0;color:#666;font-size:1.2rem;flex-shrink:0}.tab-add-btn:hover{border-color:#4f46e5;color:#4f46e5}.tab-add-form{display:flex;gap:.25rem;flex-shrink:0}.tab-add-form input{padding:.4rem .6rem;border:1px solid #ddd;border-radius:4px;width:150px}.tab-add-form button{padding:.4rem .8rem;background:#4f46e5;color:#fff;border:none;border-radius:4px}.add-item-form{display:flex;gap:.5rem;margin-bottom:1rem}.add-item-form input{flex:1;padding:.6rem .8rem;border:1px solid #ddd;border-radius:6px;background:#fff}.add-item-form input:focus{outline:2px solid #4f46e5;outline-offset:-1px;border-color:#4f46e5}.add-item-form button{padding:.6rem 1.5rem;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-weight:500}.add-item-form button:hover{background:#4338ca}.toolbar{display:flex;gap:.5rem;margin-bottom:1rem}.clear-all-btn{padding:.4rem 1rem;background:#f59e0b;color:#fff;border:none;border-radius:6px;font-size:.875rem}.clear-all-btn:hover{background:#d97706}.print-btn{padding:.4rem 1rem;background:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem}.print-btn:hover{background:#4b5563}.todo-list{display:flex;flex-direction:column;gap:.25rem}.todo-item{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.todo-item:hover{border-color:#d1d5db}.drag-handle{color:#9ca3af;cursor:grab;-webkit-user-select:none;user-select:none;font-size:1rem;padding:0 .25rem}.drag-handle:active{cursor:grabbing}.todo-text{flex:1;cursor:default}.todo-edit-input{flex:1;padding:.2rem .4rem;border:1px solid #4f46e5;border-radius:4px}.todo-delete{padding:.2rem .5rem;background:none;border:none;color:#d1d5db;font-size:1.2rem;line-height:1}.todo-delete:hover{color:#e11d48}.empty-list,.empty-state,.loading{text-align:center;color:#6b7280;padding:2rem}.print-header{display:none}@media print{.app-header,.category-tabs,.add-item-form,.toolbar,.tab-add-btn,.todo-delete,.drag-handle,.nav-links{display:none!important}.print-header{display:block;margin-bottom:1rem}.app-layout{max-width:100%;padding:0}.todo-item{border:none;border-bottom:1px solid #ccc;border-radius:0;padding:.4rem 0}body{background:#fff}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{text-align:center;background:#fff;padding:3rem;border-radius:12px;box-shadow:0 2px 12px #0000001a;max-width:400px;width:90%}.login-card h1{margin-bottom:.5rem}.login-card p{color:#6b7280;margin-bottom:1.5rem}.google-btn{padding:.75rem 2rem;background:#4285f4;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500}.google-btn:hover{background:#3367d6}.nav-links{display:flex;align-items:center;gap:1rem}.nav-links a{color:#4f46e5;text-decoration:none;font-size:.875rem}.user-email{font-size:.8rem;color:#6b7280}.sign-out-btn{padding:.3rem .8rem;background:none;border:1px solid #ddd;border-radius:4px;font-size:.8rem;color:#6b7280}.sign-out-btn:hover{border-color:#999;color:#333}.admin-page{max-width:600px}.admin-page h2{margin-bottom:1rem}.whitelist-form{display:flex;gap:.5rem;margin-bottom:1.5rem}.whitelist-form input{flex:1;padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px}.whitelist-form label{display:flex;align-items:center;gap:.25rem;font-size:.875rem;white-space:nowrap}.whitelist-form button{padding:.5rem 1rem;background:#4f46e5;color:#fff;border:none;border-radius:6px}.whitelist-table{width:100%;border-collapse:collapse}.whitelist-table th,.whitelist-table td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid #e5e7eb}.whitelist-table th{background:#f9fafb;font-weight:600;font-size:.875rem}.whitelist-table .remove-btn{background:none;border:none;color:#e11d48;font-size:.875rem}@media(max-width:768px){.app-layout{padding:.5rem}.app-header h1{font-size:1.25rem}.tab-btn{padding:.4rem .75rem;font-size:.875rem}}