#root{min-height:100vh;width:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;padding:0;height:100%;width:100%}body{margin:0;min-height:100vh;width:100%;display:block;justify-content:center;align-items:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*{box-sizing:border-box}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body{height:100%;width:100%;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-container{display:flex;justify-content:center;align-items:center;min-height:90vh;width:100%;background:linear-gradient(135deg,#3b82f6,#06b6d4);padding:2rem 1rem}.login-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 6px 18px #00000026;max-width:380px;width:100%;animation:fadeIn .5s ease-in-out}.login-title{font-size:1.5rem;font-weight:700;text-align:center;color:#111827;margin-bottom:.4rem}.login-subtitle{text-align:center;color:#6b7280;margin-bottom:1.5rem;font-size:.9rem}.login-button{width:100%;padding:.8rem;border:none;border-radius:.6rem;background:linear-gradient(90deg,#3b82f6,#2563eb);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.login-button:hover{background:linear-gradient(90deg,#2563eb,#1d4ed8)}.login-footer{margin-top:1rem;text-align:center;font-size:.8rem;color:#6b7280}.login-footer a{color:#2563eb;font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}.alert{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.85rem;font-weight:500;animation:fadeIn .3s ease-in-out;text-align:center}.alert.error{background-color:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.alert.success{background-color:#dcfce7;color:#166534;border:1px solid #86efac}@media (max-width: 480px){.login-card{padding:1.2rem;border-radius:.8rem}.login-title{font-size:1.3rem}.login-subtitle{font-size:.8rem}}.dashboard-container{display:flex;flex-direction:column;height:100vh}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#1e3a8a;color:#fff;padding:10px 20px;position:relative}.navbar-left{display:flex;align-items:center;gap:20px}.logo{font-size:20px;font-weight:700;cursor:pointer}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:4px}.hamburger .bar{width:25px;height:3px;background-color:#fff}.nav-links{display:flex;gap:15px}.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s}.nav-links a:hover{color:#a5c1f5}.navbar-right{display:flex;align-items:center;gap:15px}.profile-icon svg{border-radius:50%;background-color:#fff3;padding:4px}.user-name{font-weight:700}.logout-btn{padding:6px 12px;border:none;border-radius:4px;background-color:#ef4444;color:#fff;cursor:pointer;font-weight:700;transition:background .3s}.content{flex:1;display:flex;justify-content:center;align-items:center;background-color:#f4f6f8;padding:20px}.card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000001a;text-align:center;max-width:600px}@media (max-width: 768px){.hamburger{display:flex}.nav-links{position:absolute;top:50px;left:0;flex-direction:column;background-color:#1e3a8a;width:100%;display:none}.nav-links.active{display:flex}.nav-links a{padding:10px 20px;border-top:1px solid rgba(255,255,255,.2)}}html,body{height:100%;width:100%;font-family:Arial,sans-serif}.product-container{display:flex;min-height:100vh}.sidebar{width:220px;display:flex;flex-direction:column;justify-content:space-between;background-color:#1e3a8a;color:#fff;border-right:1px solid #1e40af;transition:all .3s ease;z-index:1000}.sidebar-header{padding:20px;font-size:20px;font-weight:700;text-align:center;border-bottom:1px solid #3b82f6}.sidebar-menu{display:flex;flex-direction:column}.sidebar-menu a{padding:15px 20px;text-decoration:none;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);transition:background .3s}.sidebar-menu a:hover{background-color:#ffffff26}.sidebar-footer{padding:15px;border-top:1px solid rgba(255,255,255,.2)}.logout-btn{width:100%;padding:10px;border:none;border-radius:4px;background-color:#ef4444;color:#fff;font-weight:700;cursor:pointer}.logout-btn:hover{background-color:#dc2626}.main-content{flex:1;display:flex;flex-direction:column;background-color:#f4f6f8;min-height:100vh}.header{background:#fff;padding:15px 20px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.content{flex:1;padding:20px;overflow-y:auto;display:flex;justify-content:center}.card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000001a;width:100%;max-width:1200px;text-align:center}.card h2{margin-bottom:10px}table{width:100%;border-collapse:collapse;min-width:600px}th,td{padding:10px;border:1px solid #ddd;text-align:center}th{background-color:#1e3a8a;color:#fff}button{cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal{background:#fff;padding:25px 20px;border-radius:10px;width:400px;max-width:90%;box-shadow:0 10px 25px #0003;text-align:center}.modal h2{margin-bottom:15px;color:#ef4444}.modal-group{margin-bottom:15px;text-align:left}.modal-group label{display:block;margin-bottom:5px;font-weight:500}.modal-group input{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:6px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.btn-save{padding:7px 15px;background-color:#1e3a8a;color:#fff;border:none;border-radius:6px;font-weight:500}.btn-save:hover{background-color:#1a2f73}.btn-cancel{padding:7px 15px;background-color:#ccc;border:none;border-radius:6px;font-weight:500}.btn-cancel:hover{background-color:#b3b3b3}.btn-delete{padding:8px 20px;background-color:#ef4444;color:#fff;border:none;border-radius:5px;font-weight:700}.btn-delete:hover{background-color:#dc2626}.footer{background:#277acc;color:#fff;text-align:center;padding:12px}@media (max-width: 768px){.sidebar{position:fixed;transform:translate(-220px);top:0;left:0;height:100%;z-index:1000}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}table{min-width:0;font-size:14px}}.register-container{display:flex;justify-content:center;align-items:flex-start;min-height:90vh;width:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:2rem 1rem;box-sizing:border-box}body{margin:0;min-height:100vh;width:100%;display:flex;justify-content:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);align-items:center}.register-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 6px 18px #00000026;max-width:380px;width:100%;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.register-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:.4rem;color:#1e293b}.register-subtitle{text-align:center;font-size:.9rem;color:#64748b;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.3rem;color:#374151}.form-group input{width:100%;padding:.65rem .8rem;border-radius:.6rem;border:1px solid #d1d5db;font-size:.9rem;background:#f9fafb;transition:.2s}.form-group input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f633}.register-button{width:100%;padding:.8rem;border:none;border-radius:.6rem;background:linear-gradient(90deg,#3b82f6,#2563eb);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:.3s;margin-top:.5rem}.register-button:hover{background:linear-gradient(90deg,#2563eb,#1d4ed8)}.register-footer{margin-top:1rem;text-align:center;font-size:.8rem;color:#6b7280}.register-footer a{color:#2563eb;font-weight:600;text-decoration:none}.register-footer a:hover{text-decoration:underline}.role-options{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.5rem;justify-items:center}.role-options input[type=radio]{display:none}.role-options label{width:100%;text-align:center;padding:10px 18px;border:2px solid #007bff;border-radius:8px;cursor:pointer;font-weight:500;color:#007bff;background-color:#fff;transition:all .2s ease-in-out}.role-options label:hover{background-color:#007bff;color:#fff}.role-options input[type=radio]:checked+label{background-color:#007bff;color:#fff;box-shadow:0 2px 8px #007bff4d}.password-wrapper input{width:100%;padding-right:35px}.toggle-password{position:absolute;right:10px;cursor:pointer;font-size:18px;color:#666}.message{padding:10px;margin-bottom:15px;border-radius:6px;font-size:14px;text-align:center;animation:fadeIn .3s ease-in-out}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width: 480px){.register-card{padding:1.2rem;border-radius:.8rem}.register-title{font-size:1.3rem}.register-subtitle{font-size:.8rem}}html,body{height:100%;width:100%}body{font-family:Arial,sans-serif;background-color:#f4f6f8;display:flex;flex-direction:column;min-height:100vh}.profile-container{flex:1;display:flex;justify-content:center;align-items:center}.profile-card{background:#fff;padding:30px 40px;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px;margin-top:50px;margin-bottom:50px}.profile-card h2{margin-bottom:20px;text-align:center}.profile-form{display:flex;flex-direction:column;gap:15px}.profile-form label{display:flex;flex-direction:column;font-weight:700;font-size:14px}.profile-form input{padding:8px 10px;margin-top:5px;border:1px solid #ccc;border-radius:4px}.alert-message{padding:10px 15px;border-radius:6px;margin-bottom:15px;font-weight:500;text-align:center;animation:fadeIn .3s ease}.alert-message.success{background-color:#d1fae5;color:#065f46;border:1px solid #10b981}.alert-message.error{background-color:#fee2e2;color:#b91c1c;border:1px solid #ef4444}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;background-color:#f4f6f8;height:100vh;display:flex;justify-content:center;align-items:center}.change-container{width:100%;display:flex;justify-content:center;align-items:center;padding:20px}.change-card{background:#fff;padding:30px 40px;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px;margin-top:50px;margin-bottom:50px}.change-card h2{text-align:center;margin-bottom:20px}.change-form{display:flex;flex-direction:column;gap:15px}.change-form label{display:flex;flex-direction:column;font-weight:700;font-size:14px}.change-form input{padding:8px 10px;margin-top:5px;border:1px solid #ccc;border-radius:4px}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{flex:1;padding-right:35px}.toggle-password{position:absolute;right:10px;cursor:pointer;display:flex;align-items:center;height:100%}.button-group{display:flex;flex-direction:column;gap:10px;margin-top:10px}.save-btn{padding:10px 15px;background-color:#1e3a8a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700}.save-btn:hover{background-color:#3b82f6}.back-btn{padding:10px 15px;background-color:#6b7280;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700}.back-btn:hover{background-color:#4b5563}