body{font-family:sans-serif;background-color:#f0f0f0;margin:0;padding:20px}.container{max-width:1200px;margin:0 auto}.main-layout{display:flex;width:100%;min-height:calc(100vh - 110px);position:relative}.main-left{width:65%;padding:15px;box-sizing:border-box}.main-right{width:35%;padding:15px;box-sizing:border-box;border-left:1px solid #ddd;background:#fafafa}h1{text-align:center;color:#333}.grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;padding:20px 0}.grid-item.button{display:flex;justify-content:center;align-items:center;padding:20px;background-color:#007BFF;color:white;text-decoration:none;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.2s,background-color 0.2s;text-align:center;height:100px}.grid-item.button:hover{background-color:#0056b3;transform:translateY(-2px)}.iframe-page{display:none;height:100vh}iframe{width:100%;height:calc(100vh - 50px);border:none}.back-btn{cursor:pointer;color:#007bff;font-size:14px}.username-display{color:#666}.logout-btn{text-decoration:none;color:#ff4b2b;border:1px solid #ff4b2b;padding:5px 15px;border-radius:20px;transition:all 0.3s}.logout-btn:hover{background-color:#ff4b2b;color:white}.login-btn{text-decoration:none;color:#ff4b2b;border:1px solid #ff4b2b;padding:5px 15px;border-radius:20px;transition:all 0.3s}.login-btn:hover{background-color:#ff4b2b;color:white}.top-bar{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #ddd;background:#f7f7f7;position:relative}.top-left{min-width:120px}.top-center{position:absolute;left:50%;transform:translateX(-50%);font-size:26px;font-weight:600;white-space:nowrap}.top-right{display:flex;align-items:center;gap:15px;font-size:14px}