:root{--primary-pink: #e94d76;--secondary-blue: #8fd5f1;--accent-yellow: #f9d45a;--dark-text: #2d3436;--muted-text: #636e72;--bg-soft: #fce4ec;--white: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,Inter,sans-serif;background-color:#f1f5f9;min-height:100vh;color:var(--dark-text)}.auth-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-soft);padding:20px}.login-container{display:flex;width:900px;height:550px;background:var(--white);border-radius:20px;overflow:hidden;box-shadow:0 15px 35px #0000001a}.login-info{flex:1;background:var(--white);padding:40px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-info h1{font-size:2.8rem;color:var(--dark-text);margin-bottom:15px;z-index:2}.login-info p{color:var(--muted-text);font-size:1.1rem;max-width:300px;line-height:1.4;z-index:2}.login-form-area{flex:1;padding:60px 50px;display:flex;flex-direction:column;justify-content:center}.login-form-area h2{font-size:2rem;margin-bottom:30px;color:var(--dark-text)}.input-group{position:relative;margin-bottom:20px}.input-group input{width:100%;padding:12px 40px;border:1px solid #dfe6e9;border-radius:25px;outline:none;font-size:1rem;transition:border-color .3s}.input-group input:focus{border-color:var(--primary-pink)}.input-group svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#b2bec3}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--muted-text);margin-bottom:30px}.form-options label{display:flex;align-items:center;cursor:pointer}.form-options input{margin-right:8px}.form-options a{color:var(--muted-text);text-decoration:none}.btn-signin{background-color:var(--primary-pink);color:#fff;border:none;padding:12px;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:opacity .3s,transform .2s}.btn-signin:hover{opacity:.9;transform:translateY(-2px)}.signup-link{text-align:center;margin-top:25px;font-size:.9rem;color:var(--muted-text)}.signup-link a{color:var(--primary-pink);text-decoration:none;font-weight:600}.error-pill{background-color:#ff7675;color:#000;padding:12px 20px;border-radius:25px;text-align:center;font-size:.9rem;font-weight:600;margin-bottom:20px;box-shadow:0 4px 10px #ff76754d;display:flex;align-items:center;justify-content:center;gap:8px}.shape{position:absolute;z-index:1}.shape-1{bottom:-50px;left:-50px;width:250px;height:250px;background:var(--secondary-blue);border-radius:50%;opacity:.6}.shape-2{top:-80px;right:-20px;width:200px;height:200px;background:var(--accent-yellow);border-radius:40%;transform:rotate(25deg);opacity:.7}.shape-3{bottom:20px;right:-40px;width:180px;height:180px;background:var(--primary-pink);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);opacity:.8}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr}.login-container{flex-direction:column;width:100%;height:auto;max-width:500px}.login-info{display:none}}.spinner-small{width:18px;height:18px;border:2px solid #f3f3f3;border-top:2px solid #6366f1;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.responsive-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:640px){.responsive-table-container table{min-width:600px}}