.login-container{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#a54721,#a296ff,#b5b0ce);position:relative;overflow:hidden}.login-container:before,.login-container:after{content:"";position:absolute;width:600px;height:600px;background:#ffffff0d;border-radius:40%}.login-container:before{top:-150px;left:-100px}.login-container:after{bottom:-150px;right:-100px}.login-box{width:320px;text-align:center;color:#fff}.login-icon{font-size:60px;margin-bottom:25px}.input-group{display:flex;align-items:center;background:transparent;border:1px solid rgba(255,255,255,.5);padding:10px;border-radius:4px;margin-bottom:15px}.input-group .icon{margin-right:10px;opacity:.7}.input-group input{background:transparent;border:none;outline:none;width:100%;color:#fff;font-size:14px}.input-group input::placeholder{color:#fff9}.login-btn{width:100%;background:#fff;color:#4c3cff;padding:12px;border:none;border-radius:4px;font-weight:700;cursor:pointer;margin-top:10px}.forgot{margin-top:15px;font-size:13px;opacity:.8;cursor:pointer}.forgot:hover{opacity:1}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#cfe2ff,#b6d4fe);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.login-card{width:100%;max-width:1600px;height:850px;background:#fff;border-radius:28px;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;box-shadow:0 30px 70px #00000040}.login-left{position:relative;padding:60px;color:#fff;background:linear-gradient(to bottom,#1e88e5,#0d47a1);background-image:url(/assets/FOTO1-7R-PLrun.JPG);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center}.brand-title{font-size:72px;margin-bottom:8px}.brand-subtitle{font-size:14px;opacity:.9;margin-bottom:24px}.read-more{width:fit-content;padding:10px 28px;border-radius:999px;border:none;background:#42a5f5;color:#fff;cursor:pointer}.read-more:hover{background:#64b5f6}.circle{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.circle-1{width:380px;height:380px;bottom:-120px;left:-120px}.circle-2{width:420px;height:420px;bottom:-180px;left:-40px;opacity:.5}.login-right{padding:60px;display:flex;flex-direction:column;justify-content:center}.login-right h2{font-size:26px;margin-bottom:4px}.welcome{font-size:14px;color:#777;margin-bottom:32px}.login-form{display:flex;flex-direction:column;gap:16px}.login-form input{padding:14px 20px;border-radius:999px;border:1px solid #ddd;font-size:14px}.login-form input:focus{outline:none;border-color:#1e88e5}.login-form button{margin-top:8px;padding:14px;border-radius:999px;border:none;background:#1e88e5;color:#fff;font-weight:600;cursor:pointer}.login-form button:hover{background:#1565c0}.forgot{margin-top:16px;background:none;border:none;font-size:12px;color:#999;cursor:pointer}.forgot:hover{color:#1e88e5}@media(max-width:768px){.login-card{grid-template-columns:1fr;height:auto}.login-left{display:none}}.sidebar{position:fixed;left:0;top:0;width:260px;height:100vh;background:#fff;border-right:1px solid #dcdcdc;padding:30px 20px;z-index:200;transition:transform .3s ease}.sidebar-logo{display:flex;justify-content:center;margin-bottom:16px}.sidebar-logo img{width:150px;height:auto;mix-blend-mode:multiply}.sidebar-title{font-size:1.2rem;font-weight:600;color:#1e88e5;margin-bottom:30px}.sidebar-list{list-style:none;padding:0;margin:0}.sidebar-list li{padding:14px 0;border-bottom:1px solid #e0e0e0}.sidebar-list a{text-decoration:none;color:#333;font-weight:500;display:block}.sidebar-list a:hover{color:#1e88e5}.hamburger{display:none;position:fixed;top:14px;left:14px;z-index:300;background:#1e88e5;color:#fff;border:none;border-radius:6px;width:40px;height:40px;font-size:20px;cursor:pointer}.overlay{display:none;position:fixed;inset:0;background:#0006;z-index:150}@media(max-width:768px){.hamburger{display:flex;align-items:center;justify-content:center}.sidebar{transform:translate(-100%)}.sidebar-open{transform:translate(0)}.overlay{display:block}}.layout{margin-left:280px;padding:20px;min-height:100vh;background:#f4f6f9}@media(max-width:768px){.layout{margin-left:0;padding:70px 16px 20px}}body{font-family:Arial,sans-serif;margin:0;background:#fafafa}
