body{margin:0;font-family:Arial,sans-serif}.welcome-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#f0f4f8,#dbeafe)}.welcome-title{font-size:2.5rem;color:#333;margin-bottom:12px}.welcome-subtitle{margin:0 0 24px;color:#4b5563}.welcome-container{text-align:center;background-color:#fff;padding:48px;border-radius:16px;box-shadow:0 18px 45px #0f172a1f;max-width:520px;width:100%}.login-button{padding:12px 24px;font-size:1rem;color:#fff;background-color:#007bff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.login-button:hover{background-color:#0056b3}.auth-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;padding:10px 14px;margin-bottom:16px;font-size:.9rem}body{margin:0}.portal-layout{display:flex;min-height:100vh}.sidebar{width:250px;background-color:#2c3e50;color:#fff;padding:20px;box-shadow:2px 0 5px #0000001a;display:flex;flex-direction:column;gap:12px}.sidebar-title{margin:0 0 16px}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.sidebar-nav li{list-style:none}.sidebar a,.sidebar-action{color:#fff;text-decoration:none;display:block;padding:10px 15px;transition:background .3s;border-radius:8px;border:none;background:transparent;font:inherit;text-align:left;cursor:pointer}.sidebar a:hover,.sidebar a.active,.sidebar-action:hover{background-color:#34495e}.portal-content{flex:1;padding:32px;background-color:#ecf0f1;overflow-y:auto}