.login-wrapper{height:100vh;display:flex;position:relative;font-family:sans-serif;background:linear-gradient(135deg,#2b0a5a,#0f4c75)}.login-left{flex:1;display:flex;align-items:center;justify-content:center;color:#fff}.login-left h1{font-size:70px;font-weight:500}.login-right{width:50%;display:flex;align-items:center;justify-content:center}.login-card{width:420px;background:#f3f3f3;padding:40px;border-radius:20px;box-shadow:0 10px 30px #0003}.login-card h2{text-align:center;margin-bottom:25px;font-size:28px}.form-group{margin-bottom:18px}.form-group label{font-size:14px;display:block;margin-bottom:6px;color:#333}.form-group input{width:100%;padding:14px;border-radius:10px;border:none;background:#e0e0e0;outline:none;font-size:14px}.forgot{font-size:14px;color:#3b5998;margin-bottom:20px;cursor:pointer}.login-card button{width:100%;padding:14px;border-radius:12px;border:none;background:linear-gradient(90deg,#7b6cf6,#6a5acd);color:#fff;font-size:16px;cursor:pointer;margin-bottom:20px;transition:.3s}.login-card button:hover{opacity:.9}.footer-text{text-align:center;font-size:13px;color:#555}.copyright{position:absolute;bottom:10px;left:50%;transform:translate(-50%);color:#ddd;font-size:13px}.layout{display:flex;height:100vh;background:#f5f6fb}.sidebar{width:80px;background:#ded7f8;display:flex;flex-direction:column;align-items:center;padding:20px 10px;gap:40px}.main{flex:1;display:flex;flex-direction:column}.header{height:70px;display:flex;justify-content:flex-end;align-items:center;gap:15px;padding:0 25px;background:transparent}.content{padding:25px;flex:1}.dashboard-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.card{background:#dcd6f7;padding:20px;border-radius:12px;box-shadow:0 5px 12px #0000000d}.dashboard-bottom{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:20px}.quick-card{display:flex;justify-content:space-between;background:#eee;padding:12px;border-radius:10px}.nav-link{color:#333;text-decoration:none}.nav-link.active{color:#6a5acd;font-weight:700}.phone-group{display:flex;gap:10px}.country-code{width:80px;border-radius:8px;border:1px solid #ccc;padding:12px}.input-group{position:relative}.input-group input{width:90%;padding:14px 12px;border:1px solid #ccc;border-radius:8px;outline:none;background:transparent;border-color:"#F0F0F0"}.input-group label{position:absolute;left:12px;top:14px;color:#999;font-size:12px;background:#fff;padding:0 15px;transition:.2s}.input-group input:focus+label,.input-group.filled label{top:-8px;font-size:12px;color:#7b6cf6}.input-group input:focus{border-color:#7b6cf6}body{margin:0;font-family:sans-serif;background:#f5f5f5}input,select{padding:12px;border-radius:8px;border:1px solid #ccc}.primary-btn{background:#7b6cf6;border:none;padding:10px 20px;border-radius:8px;color:#fff;cursor:pointer}.secondary-btn{border:1px solid #7b6cf6;padding:10px 20px;border-radius:8px;background:transparent}@tailwind base;@tailwind components;@tailwind utilities;