*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}.login-page{width:100%;height:100vh;display:flex}.left-panel{color:#fff;background:linear-gradient(135deg,#0f172a,#2563eb);flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.overlay{max-width:500px}.overlay h1{margin-bottom:25px;font-size:48px;line-height:1.2}.overlay p{opacity:.9;font-size:20px;line-height:35px}.right-panel{background:#f8fafc;flex:1;justify-content:center;align-items:center;display:flex}.login-card{background:#fff;border-radius:18px;width:420px;padding:45px;box-shadow:0 15px 40px #00000014}.login-card h2{color:#0f172a;margin-bottom:10px}.login-card p{color:#666;margin-bottom:35px}.input-box{flex-direction:column;margin-bottom:20px;display:flex}.input-box label{margin-bottom:8px;font-weight:600}.input-box input{border:1px solid #ddd;border-radius:10px;padding:14px;font-size:15px;transition:all .3s}.input-box input:focus{border:1px solid #2563eb;outline:none;box-shadow:0 0 0 4px #2563eb26}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;margin-top:15px;padding:15px;font-size:16px;transition:all .3s}button:hover{background:#1d4ed8;transform:translateY(-2px)}.dashboard{background:#f5f7fb;min-height:100vh;display:flex}.main{flex-direction:column;flex:1;display:flex}.content{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:35px;display:flex}.cards{justify-content:space-between;gap:25px;margin-bottom:40px;display:flex}.logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:10px 20px;font-size:15px;transition:all .3s}.logout-btn:hover{background:#dc2626}.navbar{background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex;box-shadow:0 2px 10px #00000014}.navbar-logo{color:#2563eb;font-size:24px;font-weight:600}.navbar-right{align-items:center;gap:25px;display:flex}.icon{cursor:pointer;color:#555;font-size:22px}.sidebar{color:#fff;background:#0f172a;width:220px;height:100vh;min-height:100vh;padding:20px}.sidebar h2{color:#3b82f6;margin-bottom:40px}.sidebar ul{list-style:none}.sidebar li{cursor:pointer;border-radius:12px;align-items:center;gap:12px;margin:22px 0;padding:14px;transition:all .3s;display:flex}.sidebar li:hover{color:#3b82f6;background:#1e293b}.upload-wrapper{flex-direction:column;align-items:center;width:100%;margin-top:20px;display:flex}.upload-wrapper h2{color:#0f172a;margin-bottom:8px;font-size:28px}.upload-wrapper p{color:#666;margin-bottom:30px}.upload-box{cursor:pointer;background:linear-gradient(#fff,#f8fbff);border:3px dashed #3b82f6;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:700px;min-height:320px;transition:all .3s;display:flex}.upload-box:hover{background:#f0f8ff;border-color:#2563eb;transform:translateY(-4px);box-shadow:0 15px 35px #0000001a}.drag-active{background:#eff6ff;border-color:#2563eb;transform:scale(1.02)}.upload-icon{color:#2563eb;margin-bottom:20px;font-size:70px}.success-icon{color:#22c55e;margin-bottom:20px;font-size:70px}.upload-box h3{color:#222;margin-bottom:15px;font-size:24px}.upload-box span{color:#777;margin:18px 0}.ready{color:#22c55e;font-weight:600}.choose-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:240px;padding:14px;font-size:15px;transition:all .3s;display:flex}.choose-btn:hover{background:#1d4ed8}.upload-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:240px;margin-top:25px;padding:14px;font-size:16px;transition:all .3s}.upload-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px)}.upload-btn:disabled{cursor:not-allowed;background:#bfc7d5}.progress-container{background:#ddd;border-radius:30px;width:700px;height:10px;margin-top:25px;overflow:hidden}.progress-bar{background:#2563eb;height:100%;transition:width .2s linear}.success-message{color:#16a34a;margin-top:20px;font-size:18px;font-weight:600}.recent-table{width:900px;margin-top:40px}.recent-table h2{margin-bottom:20px}.recent-table table{border-collapse:collapse;background:#fff;border-radius:15px;width:100%;overflow:hidden;box-shadow:0 8px 20px #00000014}.recent-table th{color:#fff;background:#2563eb;padding:15px}.recent-table td{text-align:center;border-bottom:1px solid #eee;padding:15px}.status{color:#15803d;background:#dcfce7;border-radius:20px;padding:6px 14px;font-weight:600}.dashboard-card{background:#fff;border-radius:18px;align-items:center;gap:20px;width:220px;padding:18px;transition:all .3s;display:flex;box-shadow:0 8px 20px #00000014}.dashboard-card:hover{transform:translateY(-6px)}.card-icon{color:#fff;background:#2563eb;border-radius:15px;justify-content:center;align-items:center;width:55px;height:55px;font-size:28px;display:flex}.dashboard-card h4{color:#777;margin-bottom:8px}.dashboard-card h2{color:#111827}