.auth-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center;padding:16px}.auth-card{width:100%;max-width:380px;background:#ffffff26;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;padding:32px;color:#fff;box-shadow:0 20px 40px #00000040;animation:fadeSlide .8s ease forwards}.auth-title{text-align:center;margin-bottom:24px;font-size:28px;font-weight:700}.auth-error{background:#fee2e2;color:#b91c1c;padding:10px 14px;border-radius:8px;margin-bottom:12px;font-weight:500;text-align:center}.auth-success{background:#dcfce7;color:#166534;padding:10px 14px;border-radius:8px;margin-bottom:12px;font-weight:500;text-align:center}.auth-form{display:flex;flex-direction:column;gap:16px}.input-group input{width:100%;padding:14px 16px;border-radius:12px;border:none;outline:none;font-size:15px;background:#ffffffd9;transition:all .3s ease}.input-group input:focus{transform:scale(1.02);box-shadow:0 0 0 3px #667eea80}.auth-button{margin-top:8px;padding:14px;border-radius:14px;border:none;font-size:16px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#43cea2,#185a9d);color:#fff;transition:transform .25s ease,box-shadow .25s ease}.auth-button:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0000004d}.auth-button:active{transform:scale(.98)}.auth-footer{margin-top:20px;text-align:center;font-size:14px}.auth-footer a{color:#ffd86f;font-weight:600;text-decoration:none;transition:color .3s}.auth-footer a:hover{color:#fff}@keyframes fadeSlide{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}@media(max-width:480px){.auth-card{padding:24px;border-radius:16px}.auth-title{font-size:24px}}.dashboard-container{min-height:100vh;display:flex;flex-direction:column}.dashboard-navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 8px 24px #00000026}.brand{font-size:1.4rem;font-weight:800;letter-spacing:1px}.nav-links{display:flex;gap:20px}.nav-links a{color:#ffffffe6;text-decoration:none;font-weight:500;transition:.25s ease}.nav-links a:hover{color:#fff;transform:translateY(-2px)}.logout-button{background:#ef4444;border:none;padding:10px 16px;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:.25s ease}.logout-button:hover{background:#dc2626}.logout-button.mobile{display:none}.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}.burger span{width:24px;height:3px;background:#fff;border-radius:2px;transition:.3s}.dashboard-content{padding:24px;display:flex;flex-direction:column;gap:24px;animation:fadeIn .6s ease}.card{background:#fff;border-radius:18px;padding:20px 22px;box-shadow:0 15px 35px #00000014;animation:slideUp .5s ease}.card-title{margin-bottom:16px;font-size:18px;font-weight:700}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead{background:#eef2ff}.data-table th,.data-table td{padding:12px 14px;text-align:left;white-space:nowrap}.data-table th{font-weight:700;color:#4338ca}.data-table tbody tr{border-bottom:1px solid #e5e7eb}.data-table tbody tr:hover{background:#f9fafb}.transaction-card{margin-top:20px;padding:18px;border-radius:16px;background:#f8fafc;border:1px solid #e5e7eb}.transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px}.transaction-header span{color:#6b7280}.transaction-total{margin-top:12px;text-align:right;font-size:16px;font-weight:700;color:#16a34a}.loading-text{text-align:center;font-weight:600;color:#4f46e5}.error-text{text-align:center;font-weight:600;color:#dc2626}.dashboard-success{background:#dcfce7;color:#166534;border:1px solid #86efac;padding:12px 16px;border-radius:12px;font-weight:600;margin-bottom:16px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.burger{display:flex;margin-left:auto}.nav-links{position:absolute;top:60px;left:0;width:100%;background:linear-gradient(135deg,#4f46e5,#6366f1);flex-direction:column;padding:20px;gap:16px;display:none}.nav-links.open{display:flex}.logout-button.desktop{display:none}.logout-button.mobile{display:block;width:100%}.dashboard-content,.card{padding:16px}}@media(max-width:480px){.brand{font-size:18px}.data-table th,.data-table td{font-size:13px;padding:10px}}.products-container{min-height:100vh;display:flex;flex-direction:column}.products-navbar{display:flex;align-items:center;gap:20px;padding:16px 24px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 8px 24px #00000026}.products-navbar h2{font-size:22px;font-weight:800;margin-right:auto}.products-navbar a{color:#ffffffd9;text-decoration:none;font-weight:500;transition:all .25s ease}.products-navbar a:hover{color:#fff;transform:translateY(-2px)}.products-content{padding:24px;display:flex;flex-direction:column;gap:24px;animation:fadeIn .5s ease}.products-card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 15px 35px #00000014}.products-card h3{margin:0 0 16px;font-size:18px;font-weight:700}.products-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;align-items:end}.products-form input{padding:12px 14px;border-radius:12px;border:1px solid #e5e7eb;font-size:14px;transition:all .25s ease}.products-form input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f140}.products-form button{padding:12px 16px;border-radius:12px;border:none;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;transition:all .25s ease}.products-form button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000026}.products-form .cancel-btn{background:#e5e7eb;color:#374151}.products-form .cancel-btn:hover{background:#d1d5db}.table-wrapper{width:100%;overflow-x:auto}.products-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}.products-table thead{background:#eef2ff}.products-table th,.products-table td{padding:12px 14px;text-align:left;white-space:nowrap}.products-table th{font-weight:700;color:#4338ca}.products-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s ease}.products-table tbody tr:hover{background:#f9fafb}.action-btn{padding:6px 12px;border-radius:8px;border:none;font-size:13px;cursor:pointer;font-weight:600;transition:all .2s ease}.edit-btn{background:#facc15;color:#78350f}.edit-btn:hover{background:#eab308}.delete-btn{background:#ef4444;color:#fff;margin-left:8px}.delete-btn:hover{background:#dc2626}@media(max-width:768px){.products-navbar{flex-wrap:wrap;gap:12px}.products-content{padding:16px}.products-form{grid-template-columns:1fr}}*{box-sizing:border-box;font-family:Inter,Segoe UI,sans-serif}body{margin:0;background:#f4f6fb;color:#1f2937}.transactions-container{min-height:100vh;display:flex;flex-direction:column}.transactions-navbar{display:flex;align-items:center;gap:20px;padding:16px 24px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 8px 24px #00000026}.transactions-navbar h2{font-size:22px;font-weight:800;margin-right:auto}.transactions-navbar a{color:#ffffffd9;text-decoration:none;font-weight:500;transition:all .25s ease}.transactions-navbar a:hover{color:#fff;transform:translateY(-2px)}.transactions-content{padding:24px;display:flex;flex-direction:column;gap:24px;animation:fadeIn .5s ease}.transactions-card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 15px 35px #00000014}.transactions-card h3{margin:0 0 16px;font-size:18px;font-weight:700}.transaction-form{display:flex;flex-direction:column;gap:14px}.transaction-item{display:grid;grid-template-columns:1fr 120px auto;gap:12px;align-items:center}.transaction-item select,.transaction-item input{padding:10px 12px;border-radius:10px;border:1px solid #e5e7eb;font-size:14px;transition:all .25s ease}.transaction-item select:focus,.transaction-item input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f140}.btn{padding:10px 14px;border-radius:10px;border:none;font-weight:600;cursor:pointer;transition:all .25s ease}.btn-add{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;align-self:flex-start}.btn-add:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000026}.btn-remove{background:#ef4444;color:#fff}.btn-remove:hover{background:#dc2626}.btn-submit{margin-top:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000026}.divider{height:1px;background:#e5e7eb;margin:8px 0}.transaction-history{display:flex;flex-direction:column;gap:14px}.history-card{padding:16px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb;animation:fadeIn .4s ease}.history-header{display:flex;justify-content:space-between;font-weight:700;margin-bottom:6px}.history-meta{font-size:13px;color:#6b7280;margin-bottom:8px}.history-list{padding-left:18px;margin:0}.history-list li{font-size:14px;margin-bottom:4px}.history-total{margin-top:8px;text-align:right;font-weight:700;color:#16a34a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.transactions-navbar{flex-wrap:wrap;gap:12px}.transactions-content{padding:16px}.transaction-item{grid-template-columns:1fr}}