.app-layout-full{width:100%;min-height:100vh;background-color:#f8fafc}.content-area-full{padding:16px 24px}.top-nav{display:flex;gap:20px}.top-nav a{text-decoration:none;color:#334155;font-weight:500}.top-nav a.active{color:#0ea5e9}.header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#fff;border-bottom:1px solid #e5e7eb}.header-left h2{margin:0;font-size:20px}.header-center{display:flex;gap:24px}.header-center a{text-decoration:none;color:#64748b;font-weight:500}.header-center a.active{color:#0ea5e9;font-weight:600}.header-right{display:flex;align-items:center;gap:12px}.logout-btn{background:#ef4444;border:none;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}.login-container{display:flex;height:100vh}.left-panel{flex:1;background:linear-gradient(135deg,#ff7a1a,#ff5c00);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;text-align:center}.logo-large{width:200px;margin-bottom:20px}.left-panel h2{margin-bottom:10px;font-weight:600}.left-panel p{opacity:.9}.right-panel{flex:1;background:#f4f6f8;display:flex;justify-content:center;align-items:center}.login-card{background:#fff;padding:40px;width:100%;max-width:420px;border-radius:12px;box-shadow:0 12px 30px #00000014}.logo-small{width:120px;display:block;margin:0 auto 20px}.role-toggle{display:flex;margin-bottom:20px}.role-toggle button{flex:1;padding:10px;border:1px solid #ff5c00;background:#fff;color:#ff5c00;cursor:pointer;font-weight:600;transition:.2s}.role-toggle button:first-child{border-radius:8px 0 0 8px}.role-toggle button:last-child{border-radius:0 8px 8px 0}.role-toggle button.active{background:#ff5c00;color:#fff}form label{display:block;margin:15px 0 5px;font-size:14px;font-weight:500}form input{width:100%;padding:12px;border-radius:8px;border:1px solid #ccc;transition:.2s}form input:focus{outline:none;border-color:#ff5c00;box-shadow:0 0 0 2px #ff5c0026}.options{display:flex;justify-content:space-between;margin:15px 0 20px;font-size:13px}.options a{text-decoration:none;color:#ff5c00;font-weight:500}.login-btn{width:100%;padding:12px;background:#ff5c00;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:.2s}.login-btn:hover{background:#e14e00}.error-message{background:#ffe5e5;color:#d8000c;padding:10px;border-radius:6px;margin-bottom:15px;font-size:14px}@media(max-width:768px){.login-container{flex-direction:column}.left-panel{height:200px}}