:root{font-family:Arial,sans-serif;color:#111827;background:#f3f4f6}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;display:flex;flex-direction:column;justify-content:space-between;padding:24px 16px;background:#111827;color:#f9fafb}.sidebar-title{margin:0 0 24px;font-size:20px}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.nav-link{padding:10px 12px;border-radius:8px;color:inherit;text-decoration:none}.nav-link-active{background:#374151}.logout-button,.primary-button{border:0;border-radius:8px;padding:12px 16px;cursor:pointer}.logout-button{background:#ef4444;color:#fff}.page-content{flex:1;padding:32px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,360px);display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:12px;background:#fff;box-shadow:0 10px 30px #11182714}.login-card h1,.login-card p{margin:0}.field{display:flex;flex-direction:column;gap:8px}.field input{padding:10px 12px}.primary-button{background:#2563eb;color:#fff}