.login-container{height:100vh;display:flex;justify-content:center;align-items:center;background:#f9fafb}.login-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;width:100%;max-width:320px;gap:1rem}.input{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;outline:none;transition:border .2s ease-in-out}.input:focus{border-color:#3b82f6}.button{padding:.75rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .2s ease-in-out}.button:hover{background:#2563eb}html,body{margin:0;padding:0;height:100%;overflow:hidden}.layout-container{height:100vh;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;background-color:#f9fafb;overflow:hidden}.layout-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;box-shadow:0 2px 8px #0000000d}.logo{font-weight:700;font-size:1.5rem;color:#3b82f6}.menu{display:flex;gap:1.5rem;align-items:center}.menu a{text-decoration:none;color:#374151;font-weight:500;transition:color .2s}.menu a:hover{color:#3b82f6}.logout{padding:.5rem 1rem;border:none;background-color:#ef4444;color:#fff;border-radius:8px;cursor:pointer;font-size:.9rem}.logout:hover{background-color:#dc2626}.message-box{border:1px solid #ccc;padding:12px;margin-bottom:12px;border-radius:8px;background-color:#f8f8f8}.message-header{display:flex;justify-content:space-between;color:#555}.message-body{margin-top:8px;font-size:15px;white-space:pre-wrap}.hide-scrollbar{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.post-form{max-width:600px;margin:40px auto;padding:20px;background-color:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 4px 10px #0000000f;font-family:Arial,sans-serif}.post-title{font-size:20px;font-weight:700;margin-bottom:15px;color:#333}.post-textarea{width:95%;height:120px;padding:12px;border:1px solid #bbb;border-radius:6px;resize:none;font-size:16px;margin-bottom:15px}.post-button{width:100%;padding:10px;background-color:#1a73e8;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .2s}.post-button:hover{background-color:#1664c1}.post-button:disabled{background-color:#a0c0f0;cursor:not-allowed}.post-success{color:green;margin-top:10px}.post-error{color:red;margin-top:10px}